Создание дизайна страницы каталога интернет-магазина
Каталог интернет-магазина. После того, как мы создали и утвердили дизайн главной страницы интернет-магазина, можно переходить к дополнительным страницам. Сегодня я расскажу о процессе создания дизайна страницы каталога.
По структуре страницы каталога есть один глобальный вопрос. Если в этой категории есть подкатегории, то что мы видим? Есть два основных варианта:
1) Мы видим все товары из этой категории и всех дочерних подкатегорий, а то, что есть подкатегории мы видим только в боковом меню.
2) Мы видим превью и ссылку в дочерние подкатегории.
В нашем случае было решено делать по первому варианту. Второй вариант предполагает, что человеку нужно несколько раз принять решение до того как он увидит товары. Люди, которые ищут товары в интернете, хотят, чтобы страница открывалась сразу с нужной им информацией. Такие люди никуда не спешат, им лучше посмотреть больше товаров, чем фильтровать товары по нужным им критериям.
Но было решено сверху ещё раз продублировать названия и ссылки на дочерние подкатегории, чтобы человек понимал, что он находится не в категории последнего уровня.
А при переходе в категорию последнего уровня сверху появляется фильтр, по которому можно отфильтровать товары по их характеристикам (размеру, составу и т.п.)
После определения нахождения этих ключевых элементов на странице нужно не забыть про оставшиеся мелкие элементы. Очень часто при создании дизайна про них забывают, верстальщик их тоже не делает, а затем уже в процессе работы сайта вдруг появляется пагинация, которая абсолютно не сочетается с дизайном и находится не в том месте.
Поэтому на полной странице товара должны быть отрисованы:
- Название товара в 1 строку, 2 строки, больше двух строк.
- Отображение цены товара и старой цены, если она есть.
- Сортировки
- Пагинация
- Реакция товара на наведение мыши (hover)
Отрисовывать кнопку «Добавить в корзину» на странице каталога я считаю нецелесообразно. Очень мало людей будет добавлять товар в корзину, даже на зайдя на карточку товара и не почитав о нем детально. Такое может быть только с товарами, которые покупались уже неоднократно и характеристики которых уже известны, например канцелярские принадлежности.
Дата публикации: 13.01.2017
Время: 10-55
Просмотров: 404
×
Уважаемые посетители нашего сайта!
Вы стали очевидцем интересной ситуации или какого-либо проишествия? Ваш взгляд упал на бездействие административных работников или невыполнение своих обязанностей городских служб?
Или наоборот стали свидетелем или даже участником доброго и полезного дела и Вам есть что рассказать и показать другим жителям нашего города?
Напишите об этом, снимите это на камеру мобильного телефона и присылайте нам на почту
bashmakov2015@list.ru для размещения на этом сайте.
Давайте будем освещать эти моменты вместе.
Понравилась тема?
Рекомендуйте эту страницу друзьям, нажав на иконку своей соц.сети:
Мнения
Пока никто не высказал своего мнения по этой теме. Будьте первыми!