Акция
Акция

Учимся у конкурентов: 20 UX-советов от топовых маркетплейсов для взрывного роста продаж в интернет-магазине 

Одна из причин почему маркетплейсы так популярны — они удобные. Новые пользователи легко разбираются в интерфейсе сайта, могут быстро найти нужный товар и оформить заказ. А что именно помогает улучшению юзабилити сайта разберем ниже.

Главная страница

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

Посмотрим, что на ней есть:

Лаконичная шапка сайта

Шапка сайта — это первое, на что обращает внимание пользователь и часто возвращается к этому блоку. Поэтому важно чтобы в нем были популярные разделы, форма поиска и информация для авторизированных пользователей. Например, шапка сайта Ozon:

Шапка сайта Ozon

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

Еще важно закрепить шапку при прокрутке страницы вниз, чтобы у пользователей всегда на виду были основные элементы навигации. Пример со СберМегаМаркета:

Пример закрепленной шапки сайта от СберМегаМаркета

Подробнее о том, как оформить основные элементы навигации для десктопа и мобильной версии. И отдельный гайд по созданию крутой шапки сайта.

Спецпредложения

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

На главной акции можно представить в виде слайдера как у Яндекс.Маркета:

Слайдер от Яндекс.Маркета

Или нескольких небольших баннеров, объединенных в один блок как у Wildberries:

Пример подборки баннеров от Wildberries

Гайд о том, как сделать продающий баннер.

Тематические подборки

Используйте актуальные инфоповоды, сезонные запросы или соберите группы товаров под популярные проблемы пользователей. Так вы поможете найти нужный товар, а может и собрать комплект. Пример актуальной осенней подборки от СберМегаМаркета:

Актуальная подборка товаров от СберМегаМаркета

Нейтральный вариант - вывести подборку популярных брендов как у Wildberries:

Пример подборки брендов от Wildberries

Обзор услуг

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

Обзор дополнительных возможностей для клиента от Lamoda

Адаптация контента

Это уже задание со звездочкой для тех, кто хочет повышать продажи среди постоянных клиентов. Например, на основе истории просмотров и заказов пользователя можно вывести блок на главной (и не только на главной) с подборкой похожих товаров. Пример от Яндекс.Маркета:

Подборка на основе просмотров клиента от Яндекс.Маркета

Организовать персональную подборку помогут сервисы KeaLabs, REES46, LeadHit и др.

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

Теперь посмотрим другие страницы.

Страницы каталога

На страницы каталога заходят уже по более узким запросам, поэтому здесь важно сделать упор на навигацию и характеристики товаров.

Удобные фильтры и сортировки

Основной совет: адаптируйте фильтры и сортировки под вашу аудиторию. Используйте термины, которые понимают ваши клиенты. Как определить портрет клиента.

Если товаров немного, то достаточно 1-2 фильтров, но если у вас более 100 товаров в каждой категории, то рекомендуем добавлять хотя бы до 5-7.

В маркетплейсах огромное количество товаров, поэтому списки фильтров длинные, но посмотрите, как они компактно показаны, например, у Ozon:

Блок с фильтрами в каталоге Ozon

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

В мобильной версии фильтры и сортировки также не мешают изучению списка товаров:

Фильтры и сортировки в мобильной версии Ozon Раскрытый блок с фильтрами в мобильной версии Ozon

Дополнительно: подборка советов по организации удобного каталога.

Фотографии товаров

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

Подборка изображений товара в Lamoda

Характеристики товаров

В маркетплейсах большая конкуренция, поэтому успешные продавцы понимают, что подробное описание товара помогает привлечь больше клиентов. Причем в списке товаров выводят основные параметры (пример со СберМегаМаркета):

Основные характеристики в списке товаров в СберМегаМаркете

А на страницах товаров основные параметры расположены в первом экране, а полный список характеристик показан ниже:

Размещение списка характеристик на странице товара в СберМегаМаркете

Возвращаясь к предыдущему пункту, на изображениях также показывают основные характеристики и преимущества товара, например, в Wildberries:

Пример характеристик на изображении товара в Wildberries

Быстрый просмотр

Данная функция помогает «поближе» посмотреть товар, не переходя на страницу товара. Ускоряет поиск, особенно с мобильных устройств. Чаще всего это всплывающее окно с более крупными изображениями и основными характеристиками товара как у Wildberries:

Быстрый просмотр товара от Wildberries

Акции и спецпредложения

В отличии от главной страницы, где показаны все спецпредложения, в каталоге отображаются только те акции, которые подходят к выбранной категории. Так баннер больше заинтересовывает пользователей. Разместить акционный блок рекомендуем в каталоге (пример от СберМегаМаркета):

Баннер в списке товаров от СберМегаМаркета

Но также можно и над списком товаров как у Ozon:

Баннер над списком товаров от Ozon

Условия заказа

Способы доставки и оплаты, условия возврата и гарантии - все это также важно для пользователя. Маркетплейсы показывают условия доставки как в списке товаров, так и на странице товара. Пример информации о доставке в списке товаров у Wildberries:

Информация об условиях доставки в списке товаров в Wildberries

И пример со страницы товара у Яндекс.Маркета:

Информация об условиях доставки на странице товара в Яндекс.Маркете

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

А вот так на странице товара разместили информацию о доставке и гарантиях в Joom:

Информация о доставке и гарантиях на странице товара в Joom

Отзывы клиентов

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

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

Информация о рейтинге товаров на странице каталога от Wildberries:

Рейтинг товаров в каталоге Wildberries

И в Ozon подробный блок с отзывами клиентов:

Пример размещения отзывов на странице товаров в Ozon

Подробнее о том, где лучше разместить отзывы на сайте.

Комплекты товаров

Еще один инструмент, позволяющий как помочь клиенту с выбором, так и повысить средний чек на сайте. Рекомендуем делать небольшие наборы из 2-3 товаров. Отлично, если набор будет со скидкой. Lamoda создала целый раздел с образами, где миксует масс-маркет и люкс:

Пример наборов товаров на Lamoda

Просмотренные товары

Подборка просмотренных товаров позволяет еще раз пройтись по заинтересовавшим товарам и, возможно, все-таки купить один из них. Блок с данной подборкой лучше разместить внизу страницы, над подвалом сайта, как это сделал Яндекс.Маркет:

Подборка просмотренных товаров в Яндекс.Маркете

Подписка на обновления

На сайтах маркетплейсов сложно попасть на пустую страницу, а если товар закончился, то всегда есть форма подписки на обновления как у Lamoda:

Пример подписки на обновления у Lamoda

Или возможность заменить товар как у Яндекс.Маркета:

Пример замены товара от Яндекс.Маркета

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

Теперь посмотрим, как у гигантов устроено оформление заказа.

Корзина и оформление заказа

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

Бонусы и дополнительные услуги

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

Яндекс.Маркет на странице корзины указывает количество бонусов, которое можно списать или получить за заказ, а также выводит подборку подходящих товаров:

Страница корзины в Яндекс.Маркете

Простые формы

Будь то регистрация или оформление заказа, маркетплейс постарается максимально все упростить. Например, регистрация будет по email или номеру телефона как у Ozon:

Форма регистрации/авторизации в Ozon

А в форме заказа будет автоматическая подстановка личных данных. Останется выбрать способ доставки и оплаты. Пример от lamoda:

Форма заказа в Lamoda

Спрашивайте у клиента только самое нужное, чем больше полей ввода, тем хуже. Подробнее о том, какими должны быть формы на сайте рассказали здесь.

Дополнительные фишки маркетплейсов

Личный кабинет

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

Пример личного кабинета от Wildberries:

Личный кабинет в Wildberries

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

Бонусные системы

Бонусные системы есть у многих интернет-магазинов, но именно маркетплейсы превратили их в игру. Повсеместное упоминание программы лояльности на сайте, но ненавязчивое напоминание о состоянии бонусов по email, мотивирует пользователя совершать повторные покупки, оставлять отзывы или даже проходить тематические задания.

Например, на Lamoda пользователь всегда может заглянуть в личный кабинет и увидеть свой уровень в бонусной системе, а также изучить рекомендации по повышению скидки:

Бонусная система в Lamoda

Общение с клиентами

Маркетплейсы при отсутствии данных о новом пользователе не стесняются уточнить предпочтения клиента. Небольшой опрос на главной или в каталоге может сократить поиск товара. Также полученные данные полезно использовать для формирования акций и спецпредложений. Пример опроса от Яндекс.Маркета:

Пример опроса на главной Яндекс.Маркета

Опросы как правило небольшие на 1-3 вопроса и выводятся во всплывающем окне:

Всплывающее окно с опросом в Яндекс.Маркете

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

Пример опроса в каталоге от СберМегаМаркета

И вот сама форма опроса:

Всплывающее окно с формой в СберМегаМаркете

Для создания опросов можно использовать сервис Testograf, Simpoll, WebAsk и др.

Выводы

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

И еще одна вещь, которой нас учат маркетплейсы — это коллаборации. Пробуйте сотрудничать с другими компаниями, чтобы предлагать клиенту комплексное решение в одном месте, на вашем сайте.

Если вам нужна помощь в оценке и проработке юзабилити сайта, то вы можете обратиться к нам. Выявим и устраним все недочеты и поможем повысить продажи.

© 1PS.RU, при полном или частичном копировании материала ссылка на первоисточник обязательна.

Понравилась статья?

1 чел. оценили, средняя оценка 5

Чек-лист «Юзабилити интернет-магазина»

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

Получить чек-лист
Комментарии для сайта Cackle

Популярные статьи

Все популярные статьи »

Проверить позиции сайта

Запросы для проверки
Регион для проверки
Акция

Полетели к ТОПу!

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

Более 250 000 человек уже с нами!
Или подпишитесь на нас:

Пссс, интересуетесь маркетингом?

Приглашаем в наш канал в Телеграме, где обсуждаем все новинки digital-сферы, раскрываем секреты успешного продвижения бизнеса и делимся тайными скидками. Присоединяйтесь!

Я в деле У меня пока нет Телеграма :(

Мы понимаем, что всплывающие окна – это зло =( Но пока по-другому не получается предупредить вас об использовании куки-файлов на нашем сайте. Так мы с каждым днем будем становиться лучше и полезнее для вас!

×

Тяните за рычаг
и выигрывайте классные подарки

Главный приз – бесплатное продвижение сайта в течение 1 месяца!

Введите свой email и нажмите на кнопку

Да вы настоящий везунчик!

Активировать выигрыш

Повезет в любви! =)

Но не вешайте нос – попытайте удачу еще раз.

Сыграть заново

Закрыть и не показывать больше