Домашняя » UI / UX » 10 советов по электронной коммерции для оптимизации отфильтрованной навигации

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

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

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

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

    1. Выберите оптимальное место

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

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

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

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

    2. Предоставьте соответствующие фильтры

    Хотя стоит проверить фильтры, используемые вашими конкурентами, фильтры всегда должны быть отношение к ваш продукты и ваш аудитория, и никого другого. Это не всегда так просто, как кажется, так как вам нужны фильтры, которые ответить на вопросы клиентов когда они ищут ваши продукты.

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

    3. Пусть клиенты выбирают несколько фильтров

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

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

    4. Включите ручной ввод при необходимости

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

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

    5. Показать счетчик продукта

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

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

    6. Создайте группы фильтров, которые имеют смысл

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

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

    7. Сделайте группы фильтров переключаемыми

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

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

    8. Рассмотрим тематические фильтры

    Тематические фильтры это особый вид фильтров продукта, которые помогают клиентам выполнять запросы на основе разных тем тот отвечать на частые запросы, такие как “летние заезды”, “продается”, “Повседневный стиль”, или же “Горящие предложения”. Исследования юзабилити Baymard Insitute, обобщенные в журнале Smashing Magazine, показали, что тематическая фильтрация не всегда используется даже на крупных сайтах электронной коммерции.

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

    9. Показать примененные фильтры

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

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

    10. Показать популярные фильтры сверху

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

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

    В настоящее время игровой магазин Nintendo предлагает три популярных фильтра., “Продается”, “DLC доступно”, а также “Демо доступно”, и отображает их поверх всех других опций, чтобы соблазнить даже нерешительных пользователей выполнить быстрый запрос только это стоить очень минимум усилий.