Осторожно: горизонтальные панели фильтрации!

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

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

1. Сложности с обзором параметров фильтрации
2. Непригодность использования при более чем 6–8 типов фильтров

Не увидев на сайте IKEA раскрытый фильтр «Цвет», пользователи, ищущие диваны в конкретной расцветке, не смогут сразу определить, удастся ли им найти что-то подходящее.

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

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

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

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

«А казалось, что их не так много… простите, придется сделать дополнительный шаг, чтобы настроить фильтры. Это слегка раздражает». Когда в горизонтальную панель включены не все типы фильтров, как на сайте Staples, пользователям ПК приходится кликать на дополнительную кнопку, чтобы увидеть всё сразу. При этом некоторые участники исследования или вообще пропускали ее, или замечали только после того, как использовали видимые фильтры. (Обратите внимание на доступное горизонтальное пространство, куда можно было вместить дополнительные фильтры.)

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

Приходится либо добавлять на панель инструментов больше строк, либо скрывать фильтры под кнопками «Все фильтры» или «Показать больше фильтров».

Эти кнопки часто остаются незамеченными, из-за чего пользователи не могут адекватно отфильтровать товар, что существенно затрудняет поиск.

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

На сайте Williams Sonoma фильтры находятся прямо над результатами поиска, и они сразу бросаются в глаза. Соответственно, вся ширина страницы используется для размещения укрупненных миниатюр.

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

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

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

Оригинал статьи Horizontal Filtering Toolbars: 2 Reasons to Be Cautious, автор Edward Scott