Фильтры каталога

Фильтры каталога (фасетный поиск, faceted search) — это набор параметров (цена, бренд, цвет, размер и так далее), по которым покупатель сужает список товаров. Каждый фильтр состоит из категории (свойство, например цвет) и значений (красный, синий).

Простыми словами

Когда в категории сотни товаров, без фильтров покупатель не найдёт нужное. Nielsen Norman Group пишет, что сайты без фильтров уже исключение, и пользователи жалуются на их отсутствие (NN/g). В первом исследовании NN/g 27% неудачных попыток были из-за того, что пользователь не нашёл подходящий товар, хотя он был на сайте.

Каким должен быть набор фильтров

NN/g формулирует критерии хороших фильтров (NN/g):

• Уместные. Покрыты аспекты, которые действительно важны для выбора. Бренд, цена и цвет — лишь начало; для обуви нужен размер, для стиральных машин — вместимость барабана.
• Предсказуемые. Покупатель понимает, что есть в категории. Размытые названия вроде «Тип товара» путают, более конкретные лучше.
• Без жаргона. Внутренние коды заменяйте простыми словами, сложные термины поясняйте подсказкой.
• Упорядоченные. Общие фильтры — вверху, специальные — ниже; фильтр, который сильно влияет на выбор, можно поднять выше. Числа — по логике, слова — по алфавиту только для известных названий (бренды).
• Построенные на данных. Основа — интервью, поисковые запросы, вопросы менеджеров и поддержки, аналитика использования фильтров, тесты названий.

Что показывает Baymard

По бенчмарку Baymard на 170+ сайтах (Baymard):

• 51% сайтов не имеют всех пяти базовых фильтров: цена, средний рейтинг, цвет, размер, бренд;
• 14% не позволяют выбрать несколько значений одного фильтра;
• 20% не показывают применённые фильтры списком;
• 69% не имеют всех четырёх базовых сортировок: по цене, рейтингу, популярности и новизне;
• во время тестов некоторые участники применяли 5–6 фильтров, отдельные — до 10.

На мобильных Baymard советует показывать обзор применённых фильтров над списком; 66% мобильных сайтов этого не делают (Baymard).

Как на это смотрят разные источники

NN/g советует не показывать фильтры, дающие пустую выдачу, и сохранять одинаковую логику сортировки и фильтрации на всём сайте (NN/g). Baymard добавляет, что горизонтальная панель фильтров годится только при небольшом количестве типов (в одежде обычно около 8 и меньше). У подкатегорий NN/g своё место: их лучше показывать отдельно от фильтров, над списком (NN/g).

Для украинского магазина это пример: в разделе «Обувь» размер, сезон и материал важнее, чем «тип товара»; в технике — диагональ, объём памяти, мощность. Смотрите, по каким словам люди ищут на сайте: это готовая подсказка для названий фильтров (поиск по сайту).

Типичные ошибки

• Отсутствует фильтр по размеру или другому ключевому свойству.
• Размытые или «внутренние» названия.
• Невозможно выбрать несколько значений.
• Применённые фильтры не видно, снять их сложно.
• Фото в списке не соответствуют выбранному цвету.

FAQ

Что такое фильтры в интернет-магазине? Параметры, по которым покупатель сужает список товаров: цена, бренд, цвет, размер.

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

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

Как понять, какие фильтры нужны? По поисковым запросам на сайте, вопросам клиентов к менеджерам и статистике кликов по фильтрам (NN/g).

Связанные термины

• Страница категории
• Поиск по сайту
• Мобильная версия магазина
• Юзабилити (usability)

Источники

• Nielsen Norman Group. Defining Helpful Filter Categories and Values for Better UX — nngroup.com/articles/filter-categories-values
• Nielsen Norman Group. The State of Ecommerce Search — nngroup.com/articles/state-ecommerce-search
• Nielsen Norman Group. UX Guidelines for Ecommerce Homepages, Category Pages, and Product Listing Pages — nngroup.com/articles/ecommerce-homepages-listing-pages
• Baymard Institute. Product List UX Best Practices 2025 — baymard.com/blog/current-state-product-list-and-filtering
• Baymard Institute. Mobile UX Trends 2026: 10 Best Practices — baymard.com/blog/mobile-ux-ecommerce