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

Первый визит: как превратить нового пользователя в постоянного?

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

Далее подробнее о 2 самых распространенных путях нового пользователя на сайте ниши fashion.

Первый сценарий поведения

Список товаров — Уточнение запроса — Страница товара — Корзина — Оформление заказа

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

Юзер флоу пользователя, который попал на сайт из поисковой выдачи

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

Далее подробнее о каждом этапе такого пользователя.

Комфорт и скорость выбора или почему фильтры под рукой — это must-have

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

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

В десктопной версии пользователи вовлечены на 60% больше, чем в мобильной, поскольку фильтры всегда под рукой. А у 25% сайтов в мобильной версии посетителям приходится скроллить вверх страницы, чтобы изменить фильтры, что негативно сказывается на их вовлеченности.

Пример страниц списка товаров без закрепленных фильтров в мобильной версии

Закрепленные фильтры в мобильной версии, сверху или снизу, предоставляют пользователям возможность в любой момент изменять параметры поиска. Это побуждает продолжать движение по воронке и снижает количество выходов с сайта. Страницы с зафиксированными фильтрами имеют на 20% более высокую конверсию в просмотр товаров и на 10-15% ниже показатель отказов.

Пример страниц списка товаров с закрепленными фильтрами в мобильной версии сайта

Размерная сетка: почему она так важна и где лучше расположить

Когда пользователи выбирают товар, они обычно проверяют, есть ли нужный размер. Но стандартные размеры S, M, L, XL и т.д., к которым привык пользователь, и их размерные сетки могут довольно часто отличаться у разных брендов.

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

Отсутствует ссылка или кнопка на таблицу размеров

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

Есть ссылка или кнопка на таблицу размеров

Корзина + кросс-продажа = довольный клиент и больше товаров в чеке

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

Несмотря на это, согласно нашим наблюдениям, у 1 из 5 сайтов отсутствует кросс-продажа блок в корзине, поэтому в этом случае среднее количество товаров в чеке не будет превышать 1.2 товара. Так что это упущенная возможность как для бизнеса, так и для клиента.

Пример Корзины, где нет блока кросс-продаж

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

Пример Корзины с блоком cross-sale

Чекаут: почему минимальная шапка и футер - лучшее решение

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

Пример чекаута с большим количеством лишней информации

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

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

Второй сценарий поведения

Страница товара — Страница похожего товара — Список товаров — Добавить в корзину — Чекаут

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

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

Юзер флоу пользователя, который попал на сайт с рекламных объявлений или социальных сетей

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

Далее подробнее о пробелах юзабилити и UX/UI решениях для этого юзер флоу.

Cross-sale блоки или как удержать внимание нового пользователя 

Пользователи, которые попадают непосредственно на страницу товара, могут быстро просмотреть её и уйти, если ничего не привлечет их внимание. Наш опыт показывает, что это происходит на почти 50% сайтов. Чтобы удержать пользователей, важно добавить блоки cross-sale и upsell.

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

Примеры страницы товара с блоками кросс-продаж и апсейла

Предпросмотр товаров на странице выдачи каталога: что следует учитывать

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

  • В 30% случаев карточки разных цветов одного товара не сгруппированы. Таким образом, пользователь может даже не узнать о наличии других цветов товара, поскольку они находятся в разных местах выдачи. 
  • Отсутствие информации о размерах на превью товаров. Это заставляет пользователя каждый раз переходить на страницу товара, чтобы проверить доступные размеры. Это добавляет лишние шаги к совершению покупки и негативно сказывается на пользовательском опыте.
Превью товаров без информации о доступных цветах и/или размерах

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

Информативные превью товаров на странице выдачи каталога

Оформление заказа без регистрации: о важности простой покупки как гость

Часто новые пользователи сталкиваются с требованием обязательной регистрации для покупки, что встречается на каждом третьем сайте. Это может оттолкнуть потенциальных покупателей, которые не готовы создавать аккаунт. В результате количество брошенных корзин составляет около 60%.

Пример оформления покупки с обязательной регистрацией

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

Пример простого оформления заказа

Итог: как заинтересовать и не потерять нового клиента

Анализируя эти два распространенных юзер флоу в нише fashion, можно понять, какие шаги помогут вам заинтересовать и удержать новых клиентов:

  • Адаптивный дизайн: Учитывая, что 73-86% пользователей просматривают сайты с мобильных устройств, важно обеспечить хорошую адаптацию интерфейса для различных мобильных устройств.
  • Закрепленные фильтры в мобильной версии сайта: Фильтры на страницах списка товаров должны быть всегда доступны для ускорения поиска товара.
  • Информативные карточки товара: На карточках товаров на странице списка товаров следует добавить информацию о размерах и цветах, чтобы пользователи могли быстро выбрать нужные варианты без лишних переходов на страницы товаров.
  • Cross-sale и upsell блоки: На страницах товаров и в корзине следует разместить кросс-продажа блоки для информирования о доступных вариантах товаров, удержания внимания клиента и увеличения среднего чека.
  • Простой процесс оформления заказа: Дайте возможность делать покупку без обязательной регистрации, что упрощает процесс для новых пользователей и уменьшает количество брошенных корзин.

Далее будет…

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

Также предлагаем вам ряд материалов, которые также будут полезны представителям фешн ниши:

7 UX/UI трендов в 2024 году для создания клиенториентированного сайта

Увеличение конверсии на 76% после редизайна сайта Symbol

Опрос украинского ритейла агентством Турум-бурум: как онлайн бизнес заботится об интерфейсах в 2024 году

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

Поделиться постом в:

Макс
Макс — UX-дизайнер и аналитик с 9-летним опытом работы. Его статьи — это гиды по улучшению пользовательского опыта и повышению эффективности бизнес-процессов.

Также читайте

1
/
1

Больше кейсов от турум-бурум?

Ознакомьтесь с нашим портфолио из различных сфер бизнеса.

Смотреть портфолио

Напишите нам, и начнем сотрудничество!

Ваше сообщение было отправлено! Мы свяжемся с вами как можно скорее

Отправить ещё одну заявку
Doublecheck your form data please