В студии «Сибирикс» написали, как сделать хороший фильтр в интернет-магазине.

— Предложите пользователю сначала выбрать из нескольких категорий и только затем — фильтровать;
— Горизонтальная панель фильтров удобнее и эффективнее боковой, но подходит не для всех типов товаров;
— Если для какого-то параметра фильтрации вы скрываете часть значений, проверьте, что а) не скрыты популярные значения, б) ссылка для раскрытия полного списка значений хорошо видна и понятна;
— Мгновенное обновление списка товаров после изменения любого из параметров фильтрации полезно пользователям, которые не знают точно, чего хотят;
— Обновление списка товаров только после нажатия на «Фильтровать» хорошо экономит время при медленном интернете или огромной базе товаров;
— Не обновляя список товаров после изменения параметра фильтрации, можно показывать количество найденных товаров;
— Деактивируйте те значения параметров, выбор которых приведёт к нулевым результатам фильтрации;
— Над списком товаров повторите выбранные пользователем параметры фильтрации и дайте удалить ненужный;
— Названия параметров должны быть предсказуемыми, без жаргона и сленга, простыми и понятными.

#filter

Максим Жуков написал о фильтрации в интернет-магазинах.

— Предложите пользователю выбрать категорию, а уже потом фильтровать. Список категорий может располагаться над фильтрами или над списком товаров;
— Предоставьте уникальный набор фильтров для выбранной категории. Пользователей обычно интересуют уникальные параметры: для телевизоров — диагональ, для гидрокостюмов — толщина неопрена;
— Если параметр товара настолько важен, что отображается в списке товаров, дайте возможность по нему фильтровать;
— Добавьте тематические фильтры. Например: по стилю, времени года и так далее. Потребуется дополнительная разметка товаров, но покупатели это оценят;
— Добавьте параметр совместимости товаров (особенно в сегменте электроники и бытовой техники). Выбор таких товаров как запчасти, расходные материалы и аксессуары определяется совместимостью;
— Не показывайте длинные списки из параметров фильтрации. Покажите самые популярные, а остальные отображайте после нажатия на специальный контрол;
— Добавьте поиск в длинный список значений параметра фильтрации;
— Отобразите значения применённых параметров фильтрации. Дайте возможность их быстро удалить;
— Добавьте подсказки к значениям параметров фильтрации;
— Если пользователь настроил фильтры так, что ни один из товаров не подходит, не показывайте нулевые результаты фильтрации. Исключите последний применённый параметр фильтрации или отобразите соответствующие значения в фильтре неактивными.

#filter