Каждый месяц мы наблюдаем за поведением 400+ тысяч покупателей онлайн — реализовали 46 e-commerce проектов. Рассказываем, что остаётся важным от магазина к магазину и почему визуал e-commerce выживает только с опорой на UX.

Из чего состоит дизайн интернет-магазинов и какие задачи решает 

Главное: дизайн — это не макет сайта и не декор. Это инструмент, который адаптирует бизнес для клиентов: делает удобным, запоминающимся, характерным. 

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

Если дизайн мешает пользователю сделать то, зачем он пришёл на сайт, никакая красота его не удержит.

Дизайн становится могучим и многослойным, если подходить к нему функционально. 

Вот главные слои: 

• Сценарии ведут пользователя по сайту; намекают, какой раздел открыть следующим; подсказывают, как выбрать и оплатить товары; помогают получать информацию порциями и не теряться на пути от главной страницы до оплаты корзины.
• Структура страниц отвечает за расположение элементов. За то, как информация группируется и распределяется по разделам.
• Внешний вид отвечает за первое впечатление и удовольствие от взаимодействия, делает сайт похожим на другие привычные пользователю сервисы, расставляет акценты и формирует образ бренда.
• Фишки интерфейса — как десерт: созданы для удовольствия. Фишечки закрепляют приятные впечатления, обеспеченные другими слоями, и подталкивают пользователя к положительной оценке опыт взаимодействия с сайтом. 

Дизайн e-commerce решает три задачи: 

Юзабилити

Если свалить информацию о продукте в кучу, в ней никто не разберётся. Дизайн упорядочивает информацию, умещает в логичную структуру. 

Позиционирование

Даже радиус скругления углов подсказывает, как компания себя преподносит. За позиционирование отвечает визуал: шрифты, пастельные и яркие тона, минимализм и наполненность деталями. Стилистика задаёт образ бренда и доносит до пользователя через символы, которые он распознает.

Связующий элемент

Дизайн — посредник между задачами клиента и потребностями пользователя. Диджитал эсперанто, призванный настроить коммуникацию между поставщиком и потребителем товара или услуги. Он держит баланс между подачей продукта и восприятием пользователей.
Почему UX

Если коротко: потому что он продляет жизненный цикл клиента. И остаётся лучшей причиной не уходить к конкурентам после более низких цен и постоянных акций. 

А теперь подробнее. 
Выше мы уже писали, что удерживать пользователей помогает удобство, а не красота. Вот как это работает: 

1. Клиент ищет продукт, который закроет его потребность. 
2. Находит вас и нескольких конкурентов. 
3. Если ему неудобно, он просто закроет сайт и уйдёт к конкурентам: это проще, чем писать в поддержку или звонить. Этот сайт может оказаться вашим. 

Большая часть бизнесов, развивающихся в рунете, относится к полным и переполненным рынкам. В такой ситуации полагаться на отсутствие конкурентов не получится: за внимание и выбор клиентов в вашу пользу придётся повоевать. 

Не сделать хороший UX — как построить крепостную стену из картона и думать, что это сработает. 

Почему дизайн — это в первую очередь про удобство, разобрались. О том, какую роль в этой истории играет UI и как настроить и то, и другое, поговорим в следующей части.