10 советов по электронной коммерции для оптимизации отфильтрованной навигации

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

Подумайте о фильтрах, которые вы можете установить для поиска товара на eBay или Amazon, таких как категория, материал или марка товара.

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

Читайте также: Как снизить процент отказов в корзине на вашем сайте электронной коммерции

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

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

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

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

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

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

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

eBay имеет пользовательский интерфейс фильтрации цен, который обслуживает две группы клиентов одновременно: тех, кто быстро выбрал предварительно установленный диапазон цен, и тех, кто предпочитает выбирать собственные минимальные и максимальные цены и вводить их вручную в соответствующие поля ввода текста.
5. Показать счетчик продукта
Отображая счетчик продуктов, вы не только информируете своих клиентов, что, естественно, создает чувство доверия, но и сообщаете им, насколько «хорошо» они выполняли свои усилия по фильтрации. У каждого клиента есть номер продукта, который он хочет проверить перед принятием решения о покупке. В идеале фильтрация приближает их к этому числу. Если вы предоставите им счетчик продуктов, они сразу узнают, установили ли они достаточное количество фильтров или нужно ли повторно выполнить запрос.

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

Интернет-магазин The Body Shop имеет, вероятно, немного больше фильтров, которые были бы необходимы, но поскольку фильтры хорошо сгруппированы, пользовательский опыт не нарушается сверхдлинными и непостижимыми списками фильтров.
7. Сделайте группы фильтров переключаемыми
Если у вас слишком много вариантов, стоит рассмотреть возможность переключения групп фильтров, чтобы пользователи могли быстро открывать и закрывать различные группы. Это также хорошее решение для мобильных макетов, так как на маленьком экране фильтрованная навигация может оказаться слишком длинной, даже до страшной точки неиспользования.

Отфильтрованная навигация цель использует хорошо известный шаблон стрелок вверх и вниз для указания возможности переключения, более того, когда список фильтров внутри группы становится слишком длинным (например, в случае цветов), также добавляется полоса прокрутки. Обе эти функции повышают удобство использования мобильных устройств.
8. Рассмотрим тематические фильтры
Тематические фильтры – это особый вид фильтров товаров, которые помогают клиентам выполнять запросы на основе различных тем, отвечающих на частые запросы, таких как «летние поступления», «в продаже», «случайный стиль» или «горящие предложения». Исследования юзабилити Baymard Insitute подведены итоги на Smashing Magazine Установлено, что тематическая фильтрация не всегда используется даже на крупных сайтах электронной коммерции.

20% ведущих сайтов электронной коммерции не имеют тематических фильтров, несмотря на то, что продают продукты с явными тематическими атрибутами (сезон, стиль и т. Д.) – Smashing Magazine

Всегда стоит подумать, есть ли тематические фильтры, которые вы можете использовать в своем магазине. Macy’s может быть хорошим примером тонкой отфильтрованной навигации. В категории «Платья» предлагаются фильтры для тщательно отобранных тем, таких как «Специальные предложения», «Повод для платья» и «Повод для свадьбы». Если вы хотите прочитать подробный анализ пользовательского интерфейса фильтрации Macy, посмотрите это исследование,
9. Показать примененные фильтры
Поскольку многие люди, как правило, забывают о том, что они только что искали, отображение фильтров, которые они применили, рядом с результатами запроса – это функция, которая может значительно улучшить пользовательский опыт. Таким образом, ваши клиенты будут чувствовать себя менее потерянными, поскольку они могут в любой момент проверить фильтры, которые они выбрали ранее, и изменить их, когда это необходимо.

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

Если вы хотите стать еще более профессиональным, вы можете со временем менять свои популярные фильтры на основе изменяющихся привычек клиентов на вашем сайте.
Nintendo Game Store в настоящее время предоставляет три популярных фильтра: «В продаже», «Доступный DLC» и «Доступный демонстрационный ролик», и отображает их поверх всех других опций, чтобы соблазнить даже нерешительных пользователей выполнить быстрый запрос, который требует минимальных усилий.