Совет 1: Макет страницы товара – просто и понятно

Никогда не задумывались, почему лучшие сайты электронной коммерции следуют образцу? Не пытайтесь изобрести велосипед. Эксперты в области юзабилити скажут: «Все дело в структурировании» — посетители должны чувствовать себя комфортно и знать, где что искать. Конечно, в начале времен не было привычных нам шаблонов, и каждый сайт был отдельной вселенной со своими правилами и законами. Но это время прошло, появились шаблоны, которые постоянно развиваются. Сегодняшние будут выглядеть устаревшими через 10 лет. Но не бегите впереди паровоза!

В начало темы

Политический момент: Какой бы крутецкий дизайн сайта ни пытался протолкнуть ваш дизайнер, не забывайте, для чего, собственно, создавалась страница. Есть риск увязнуть в собственных предпочтениях. Слишком часто креативные идеи конфликтуют с коммерческими целями веб-сайта. Или же предприимчивые владельцы сайта стремятся добавить креативности. Это их сайт, и они хотят, чтобы он выглядел хорошо. В дальнейшем, владельцы сайтов удивляются падению посещаемости после чудного редизайна.

Вернемся к теме. Удачный макет страницы продукта – залог ее успеха. Это краеугольный камень, на который опирается все остальное.

Придерживайтесь двух основных целей:

  1. Простота
    Покажите товар в наилучшем свете, аккуратно убрав всю внутреннюю кухню строения страницы «под кожух». Пользователь не должен отвлекаться на дизайн страницы, все его внимание должно быть обращено на сам товар.
  2. Удобство и согласованность
    Ненавязчиво и осторожно предоставьте посетителям необходимую дополнительную информацию: в знакомом месте, в привычном формате, с четкими и ясными указателями, помогающими совершить действия — будь то покупка, добавление в whish-лист, возможность поделиться или найти искомое, в каких бы неведомых далях сайта оно ни находилось.

Подсказки по дизайну:

  1. Избегайте скроллинга
    Держите всю важную информацию в верхней части страницы. Более того, по возможности держите всю информацию в верхней части страницы, сохраняйте простоту пользовательского опыта работы с сайтом.
  2. Ранжирование информации
    При организации элементов страницы продукта/товара и информации на ней следует опираться на цели и предпочтения пользователей. По своей сути некоторые части сайта более важны, нежели другие. Отвечайте на самые важные вопросы пользователей как можно скорее.
  3. Узнаваемость
    Украдите позаимствуйте структуру страницы товара у популярных сайтов. Человеческое восприятие весьма и весьма шаблонно.
  4. Согласованность
    По возможности сохраняйте единую структуру для всех страниц товаров на сайте. Посетители, знакомые со структурой ваших страниц, оценят ваше постоянство. Не пытайтесь их запутать!
  5. Чем проще, тем лучше
    Посетители ценят простоту, исследования демонстрируют ее выгоду. Люди переходят на вашу страницу с определенной целью. Помогите им достичь ее максимально простым путем. Если ваш аналитик говорит, что элемент или фича не используется – избавьтесь от него! Если посетители начнут жаловаться, его всегда можно вернуть. Вся неприоритетная информация должна быть убрана с глаз долой, с помощью таких фич, как «expandable tab», информация в которых показывается только при нажатии.

Идеальный макет страницы товара:

Ниже приведен пример страницы, созданной по перечисленным выше правилам. В этом примере использован макет, сделанный специально для fashion индустрии, но вся электронная коммерция по сути одинакова.

Добавить комментарий

Ваш адрес email не будет опубликован.

*

code

20 − 3 =