Никогда не задумывались, почему лучшие сайты электронной коммерции следуют образцу? Не пытайтесь изобрести велосипед. Эксперты в области юзабилити скажут: «Все дело в структурировании» — посетители должны чувствовать себя комфортно и знать, где что искать. Конечно, в начале времен не было привычных нам шаблонов, и каждый сайт был отдельной вселенной со своими правилами и законами. Но это время прошло, появились шаблоны, которые постоянно развиваются. Сегодняшние будут выглядеть устаревшими через 10 лет. Но не бегите впереди паровоза!
Политический момент: Какой бы крутецкий дизайн сайта ни пытался протолкнуть ваш дизайнер, не забывайте, для чего, собственно, создавалась страница. Есть риск увязнуть в собственных предпочтениях. Слишком часто креативные идеи конфликтуют с коммерческими целями веб-сайта. Или же предприимчивые владельцы сайта стремятся добавить креативности. Это их сайт, и они хотят, чтобы он выглядел хорошо. В дальнейшем, владельцы сайтов удивляются падению посещаемости после чудного редизайна.
Вернемся к теме. Удачный макет страницы продукта – залог ее успеха. Это краеугольный камень, на который опирается все остальное.
Придерживайтесь двух основных целей:
- Простота
Покажите товар в наилучшем свете, аккуратно убрав всю внутреннюю кухню строения страницы «под кожух». Пользователь не должен отвлекаться на дизайн страницы, все его внимание должно быть обращено на сам товар. - Удобство и согласованность
Ненавязчиво и осторожно предоставьте посетителям необходимую дополнительную информацию: в знакомом месте, в привычном формате, с четкими и ясными указателями, помогающими совершить действия — будь то покупка, добавление в whish-лист, возможность поделиться или найти искомое, в каких бы неведомых далях сайта оно ни находилось.
Подсказки по дизайну:
- Избегайте скроллинга
Держите всю важную информацию в верхней части страницы. Более того, по возможности держите всю информацию в верхней части страницы, сохраняйте простоту пользовательского опыта работы с сайтом. - Ранжирование информации
При организации элементов страницы продукта/товара и информации на ней следует опираться на цели и предпочтения пользователей. По своей сути некоторые части сайта более важны, нежели другие. Отвечайте на самые важные вопросы пользователей как можно скорее. - Узнаваемость
Украдитепозаимствуйте структуру страницы товара у популярных сайтов. Человеческое восприятие весьма и весьма шаблонно. - Согласованность
По возможности сохраняйте единую структуру для всех страниц товаров на сайте. Посетители, знакомые со структурой ваших страниц, оценят ваше постоянство. Не пытайтесь их запутать! - Чем проще, тем лучше
Посетители ценят простоту, исследования демонстрируют ее выгоду. Люди переходят на вашу страницу с определенной целью. Помогите им достичь ее максимально простым путем. Если ваш аналитик говорит, что элемент или фича не используется – избавьтесь от него! Если посетители начнут жаловаться, его всегда можно вернуть. Вся неприоритетная информация должна быть убрана с глаз долой, с помощью таких фич, как «expandable tab», информация в которых показывается только при нажатии.
Идеальный макет страницы товара:
Ниже приведен пример страницы, созданной по перечисленным выше правилам. В этом примере использован макет, сделанный специально для fashion индустрии, но вся электронная коммерция по сути одинакова.