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

Быстро ли загружается веб-сайт?

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

Является ли UX таким же удобным на мобильных устройствах, как и на десктопах или планшетах?

С увеличением числа пользователей, пользующихся мобильными устройствами для покупок, магазины стремятся создавать адаптивные и мобильно-дружественные интерфейсы. Мобильный опыт должен быть плавным и удобным.

Является ли страница простой, конкретной и понятной?

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

Насколько широкие возможности предоставляются с использованием других инструментов?

С развитием устройств, поддерживающих голосовой поиск (например, голосовые помощники), электронные коммерции начинают интегрировать эту технологию для более удобных и быстрых покупок. Например, приложение «Помощник Pandao» в Google Assistant позволяет искать товары через голосовой поиск. Нужно лишь установить это дополнение, а затем обратиться к нему с фразой «Поговорить с помощник Pandao». Так пользователь занимается покупками, не выходя из Google Assistant, а когда сделает выбор — переходит для покупки в сам Pandao.

Работает ли персонализация контента?

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

Насколько уместны интерактивные элементы?

Интерактивные элементы, такие как 360-градусные видео, виртуальные примерки или возможность «потрогать» продукт, добавляют глубину и вовлеченность в онлайн-покупки. Для предпросмотра товара на маркетплейсе Ozon используется управляемая анимация (пользователь наведением мышки может менять изображения без предварительной загрузки карточки страницы) для плавных переходов между категориями и продуктами. Это делает навигацию не только информативной, но и интересной.

Применяются ли плавающие элементы?

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

Есть ли ненужные шаги в процессе, которые можно было бы удалить?

Однако даже популярные тенденции дизайна могут стать примерами плохого UX, когда они отвлекают от конечной цели увеличения конверсий. Например, параллаксная прокрутка (когда фон или второй план страницы остается прежним, а меняется содержание первого плана в виде смены изображений и текстов) может отвлекать, если ее внедрять без необходимости.

Также таким примером могут послужить автоматические слайдеры изображений. Зачастую они медленно загружаются, их трудно читать, и они часто плохо работают в качестве призывов к действию.