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

Согласно Исследованию ИМ, при поиске товаров в каталоге клиентам важно иметь возможность фильтрации:

• 92% респондентов необходима фильтрация по цене.
• 74% – по наличию товара.
• 64% – по бренду.
• 57% – по наличию скидок (товары со скидками).

В хорошем каталоге должны быть реализованы следующие возможности:

1. Задать желаемые критерии товара для поиска в каталоге.
2. Фильтры при выборе значений должны вести себя предсказуемо: показывать выбранные параметры и не исчезать, не перемещается, не схлопывается.
3. При установке параметров в фильтре, другие установленные ранее параметры не должны обнуляться без предупреждения.
4. При выборе фильтра должно отображаться количество найденных товаров, которые будут показаны после фильтрации.
5. Блок, отображающий выбранные значения фильтров (обычно сверху или в самом фильтре).
6. Отмена выбранных параметров фильтров в 1 клик.
7. Фильтрация по:
   • цене
   • наличию товара
   • по бренду
   • по наличию скидок (товары со скидками)

Поиск товара по нескольким параметрам через каталог и меню.

Рассмотрим сначала хороший пример

Для сайта divine-light.ru мы искали “подвесную люстру кремового цвета не дороже 10 000 руб”.

Мы перешли в подраздел каталога “Главная > Люстры” и увидели фильтры в левом столбце в которых смогли установить все нужные параметры.

На первом экране в левом столбце сразу видны фильтры.

Не хватает информации о количестве товаров по типам люстр

Не хватает единиц измерения стоимости (рубли или копейки).

Есть отображение количества вариантов при заданном фильтре.

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

В этом блоке не хватает фильтра по цене и присутствуют два фильтра, которые мы не устанавливали: “В наличии” и “Под заказ”.

Как мы уже увидели выше в блоке фильтров есть возможность фильтрации по наличию товара.

Также есть возможность фильтрации товаров по брендам.

Есть фильтрация по наличию скидок на товары

В итоге для сайта divine-light.ru для задачи поиск товара по критериям получаются следующие результаты:

Остальные примеры

Для сайта akcentr.ru мы также искали “подвесную люстру кремового цвета не дороже 10 000 руб”.

Мы перешли в подраздел каталога “Люстры > Подвесные люстры” и увидели фильтры в левом столбце в которых смогли установить все нужные параметры.

 

Не хватает единиц измерения стоимости (рубли или копейки)

Есть отображение количества вариантов при заданном фильтре.

Не хватает блока с отображением всех выбранных параметров в фильтре.

В конце блока с фильтрами есть кнопка “Сбросить”, чтобы очистить все установленные параметры фильтров.

Нет фильтра по наличию товара.

Есть возможность фильтрации товаров по брендам.

Есть фильтрация по наличию скидок на товары

В итоге для сайта akcentr.ru для задачи поиск товара по критериям получаются следующие результаты:

Для сайта vertical.ru мы искали “белую краску для покраски стен внутри квартиры бренда Finncolor, быстросохнущую, не дороже 400 рублей”.

Мы перешли в подраздел каталога “Лакокрасочные материалы > Краски для внутренних работ > Краски для стен и потолков”

Фильтры не отображены, но есть заметная кнопка, чтобы их открыть.

Кликнув по кнопке “Фильтр”, мы увидели фильтры в левом столбце в которых смогли установить все нужные параметры.

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

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

Дополнительные признаки, такие как “Быстросохнущая”, “Моющаяся” и “Возможность колеровки” можно было бы объединить в один блок типа “Дополнительные свойства” или сделать возможность их выбора сразу без необходимости раскрытия блока.

Не хватает блока с отображением всех выбранных параметров в фильтре.

В конце блока с фильтрами есть кнопка “Сбросить”, чтобы очистить все установленные параметры фильтров.

Нет фильтра по наличию товара.

Нет фильтра по наличию скидок.

В итоге для сайта vertical.ru для задачи поиск товара по критериям получаются следующие результаты:

Для сайта techno-rus.com мы искали “цветной видеодомофон Commax с диагональю экрана 5-7 дюймов, не дороже 10 000 руб”.

Мы перешли в подраздел каталога “Домофоны > Цветные видеодомофоны”

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

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

В фильтре по цене не указаны единицы измерения цены (рубли или копейки). Также непонятно наличие двух блоков “Цена со скидкой” и “Розничная цена”. Хорошо, что отображается количество товаров с заданным параметром в фильтре.

 

Не хватает блока с отображением всех выбранных параметров в фильтре.

В конце блока с фильтрами есть кнопка “Сбросить”, чтобы очистить все установленные параметры фильтров.

В итоге для сайта techno-rus.com получаются следующие результаты:

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

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

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

В заключении

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

Важно реализовать поиск в меню и каталоге не только через основные категории товаров, но и через альтернативные.

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

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

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

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

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

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

Надеемся, что вы учтете рассмотренные ошибки и не станете допускать их на своем сайте.

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

А ваш сайт соответствует современным требованиям юзабилити?  → Закажите юзабилити-экспертизу прямо сейчас!