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

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

ФИЛЬТР ТОВАРОВ ПОЗВОЛЯЕТ:

  • Фильтровать товары по любым критериям.

Клиенты могут фильтровать товары по любым критериям: Цена, Диапазон цен, Категории, Теги, Автор, Рекомендуемые, Распродажа, В наличии, Рейтинг, Поиск по тексту  и др.

  • Настраивать варианты отображения в интерфейсе

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

  • Поиск AJAX в реальном времени.

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

  • Предварительный просмотр в реальном времени

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

  • Разнообразие вариантов сортировки продуктов

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

  • Дизайн фильтра

Варианты дизайна зависят от ресурса, элементы могут быть: плоские, большие, острые, круглые, квадратные.

  • Отображать количества и пересчет продукты по выбранному фильтру

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

  • Полностью отзывчивый

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

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

Для проектирования фильтров товаров важно:

  1. Будьте проще. Это правило номер один для настройки фильтров. Чем проще их идентифицировать и использовать, тем больше они понравятся вашим посетителям.
  2. Подумайте, прежде чем начинать. Продумайте поля и тип ресурса. Точно ли это Вам нужно.
  3. Тестируйте по мере развития. Система фильтрации, которая хороша разработчиков, может не работать с живой аудиторией. Тестируйте часто. Чем раньше вы обнаружите проблемы, тем легче их решить.
  4. Рассматривайте свои продукты с точки зрения покупателей. Какая информация им нужна, чтобы принять мудрое решение о покупке? Обратитесь за помощью к своим сотрудникам и аудитории, чтобы подготовить исчерпывающий список атрибутов продукта.
  5. Используйте слова, которые клиенты используют для описания ваших продуктов. Избегайте отраслевого жаргона и торговых терминов. Ваши фильтры должны быть абсолютно практичными и здравыми. Не заставляйте клиентов бороться за то, чтобы найти именно то, что они ищут.
  6. Включите в терминологию фильтра любую спецификацию продукта, достаточно важную для использования в описании продукта или его перечне.
  7. Ищите группы атрибутов более высокого уровня. Например, платья можно сгруппировать по случаю или сезону. Тематические группы фильтров могут помочь посетителю быстро отфильтровать нужный продукт.
  8. Сделайте фильтры отличительными от остальной части страницы. Посетители могут не захотеть сразу использовать фильтр, но пользовательский опыт улучшается, просто делая эту опцию доступной.
  9. Для разных продуктов требуются разные конфигурации фильтров. Группы продуктов помогают как на уровне дизайна, так и на функциональном уровне.
  10. Убедитесь, что посетитель получает визуальное подтверждение того, что ваша навигация по фильтру электронной торговли работает. Для оптимального взаимодействия с пользователем текущее состояние фильтра (ожидание ввода, работа, выдача вывода) должно быть очевидным.
  11. Протестируйте размещение фильтра с вашей аудиторией. Многие компании считают, что левая часть страницы лучше всего подходит для фильтров. Другие получают лучшие результаты справа. Вы не узнаете наверняка, пока не протестируете размещение на собственном сайте электронной торговли.
  12. Не перечисляйте все доступные фильтры, если они ошеломят посетителя. Вместо этого используйте группировку в отображаемом списке фильтров, чтобы покупатели продолжали двигаться по пути продаж.
  13. Рассмотрите возможность использования разных фильтров для мобильных устройств и компьютеров. Здесь снова тестирование скажет вам, когда вы попали в цель.
  14. Оптимизируйте скорость фильтрации и практичность. Посетители не будут долго ждать результатов.
  15. Используйте данные из фильтров, чтобы лучше понять желания ваших клиентов. Предпочитают ли они одни цвета другим? Вы видите сезонные скачки в определенных характеристиках продукта?
  16.  Наблюдайте за использованием фильтров, чтобы упростить категоризацию фильтров.
  17. Помните, что фильтры не только помогают посетителям найти то, что они ищут, но и потенциально показывают им предметы, о которых они не думали до поиска. Фильтры являются неотъемлемой частью маркетинга, а также продаж.
  18. Думайте о фильтрах как о узконаправленных, суперполезных поисковых системах, которые направляют посетителей глубже в каталог вашей продукции. Изучите лучшие практики UX для фильтрации.
  19. Опередите конкурентов, предоставив исключительную фильтрацию в качестве функции взаимодействия с пользователем (UX). Большинство веб-сайтов электронной коммерции получают плохую оценку, когда дело доходит до фильтрации.
  20. Всегда используйте фильтры на сайтах электронной торговли с большими каталогами продуктов.Все, что вы делаете для улучшения UX, полезно для вашего бизнеса.
  21. Укажите количество продуктов в фильтре, сколько продуктов попадает в эту категорию фильтра.
  22. Разрешить фильтрацию по отзывам о товарах. Это форма социального доказательства, позволяющая совершать покупки только на основе отзывов других.
  23. Сделайте так, чтобы пользователи могли удалять результаты фильтра так же легко, как и добавлять их.
  24. Изменения фильтров должны быть отдельными событиями в истории браузера. Посетители любят полагаться на кнопку «Назад» в браузере и предполагают, что она вернется к предыдущему фильтру.
  25. Скрыть параметры фильтра, которые вернут нулевые результаты.
  26. Разрешите посетителям применять несколько значений фильтра одного типа. Если они хотят посмотреть на зеленые и синие куртки, пусть. Не заставляйте их выбирать одно или другое.
  27. Показать примененные фильтры в исходном месте и в обзоре. Сделайте так, чтобы пользователю было легко найти все текущие фильтры, чтобы они могли редактировать их по мере необходимости.
  28. Не разрешайте прокрутку в фильтрах, просто обрежьте и предоставьте возможность расширения. Огромный список снижает удобство использования.
  29. Обрезайте значения фильтрации для длинных списков. Для большинства сайтов оптимально десять вариантов.
  30. Всегда запускайте пользовательские тесты для ваших фильтров. Это гарантирует, что ваш выбор фильтров будет подтвержден реальными пользователями до запуска для всех посетителей.
  31. Упорядочивайте фильтры по важности, или в алфавитном порядке. Здесь снова выберите план фильтрации в соответствии с наиболее удобными для ваших клиентов.

Когда нужен фильтр для товаров

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

Некоторые из них включают:

  • Избыток вариантов фильтров
  • Нелогично упорядоченные фильтры
  • Непонятное применение фильтра

Из этих трех наиболее распространенным является переизбыток параметров фильтрации. Это обычно наблюдается на сайтах одежды, где каждый цвет является отдельным фильтром, а не сгруппирован по категориям. Например, на фотографии ниже варианты цвета «Оливковый», «Морской зеленый», «Лаймовый» и «Флуоресцентный зеленый» можно просто сгруппировать в одну «Зеленую» категорию.

Когда речь идет о ценах или размерах, здесь пригодятся диапазоны (например, 500–3000 грн., L-XL).

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

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

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

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