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

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

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

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

Витрина выглядит непоследовательно: сортировка заметна, а фильтры — нет. Появляется недоверие к данным и к бренду. Возникают вопросы «почему нет нужных товаров?» и «почему цена такая?». Навигация превращается в перебор с откатами. В результате растёт когнитивная нагрузка, увеличивается число лишних шагов, падает качество выбора и мотивация продолжать покупку.

Критичность проблемы

Критично:

• Маркеты и интернет‑магазины с большим ассортиментом и множеством атрибутов (электроника, авто‑товары, мебель, стройматериалы, маркетплейсы).
• B2B‑каталоги со сложными спецификациями (расходники, компоненты, СТМ, запчасти).
• Ниши с рисками и высокой ценой ошибки (медицина, спортинвентарь, детские товары).
• Путешествия, недвижимость, вакансии: много параметров, высокий вклад фильтрации в поиск.
• Мобильный трафик, платный трафик, повторные сессии, длинные воронки, высокая доля сравнений.

Не критично:

• Небольшие каталоги с 1–2 фильтрами и короткими списками.
• Лендинги с предуточнённым ассортиментом.
• Каталоги, где фильтр применяется по одному параметру и сразу виден в заголовке категории.
• Сервисы, где основная навигация — поиск по запросу с понятным сниппетом условий.

Открытый вопрос для проверки

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

Возможное решение

• Показывать активные фильтры над списком в виде компактных «чипсов»: название атрибута и значение. На каждом — крестик для снятия. Рядом — «Сбросить всё».
• Держать строку фильтров в одной зоне внимания со списком: над результатами, с прилипанием при прокрутке. На мобильном — сразу под заголовком и инструментами списка.
• Синхронизировать чипсы с сайдбаром: изменение в одном месте мгновенно отражается в другом. Обновление — без перезагрузки, с коротким индикатором.
• Поддержать длинные наборы: горизонтальная прокрутка, схлопывание «+ N» с раскрытием, приоритет ключевых фильтров (цена, бренд, размер).
• Ясные форматы значений: «Цена: 3 000–5 000», «Цвет: синий», «Наличие: в магазине». Несколько значений — через запятую или «3 выбрано».
• Управление URL: каждое условие кодируется в ссылке. Это даёт шаринг и возврат к тому же состоянию.
• Доступность: контрастные чипсы, фокус с клавиатуры, aria‑метки, большие зоны для нажатия.
• Производительность: быстрый рендер чипсов, без скачков контента. Тест на длинные названия и локализации.

Примеры гипотез для роста конверсии

• Если вывести активные фильтры над списком в виде чипсов с крестиком, то конверсия в добавление в корзину может увеличиться за счёт того, что пользователи быстрее снимают лишние условия и видят больше релевантных товаров.
• Если добавить закреплённую панель с активными фильтрами при прокрутке, то конверсия в просмотр карточек может увеличиться за счёт того, что контроль над условиями остаётся в поле зрения.
• Если показать кнопку «Сбросить всё» рядом с чипсами, то конверсия в повторный поиск внутри каталога может увеличиться за счёт сокращения лишних шагов и путаницы.
• Если кодировать активные фильтры в URL и показывать их в заголовке, то конверсия в возвращение к корзине из сохранённой ссылки может увеличиться за счёт точного восстановления состояния.
• Если объединить дублирующие фильтры в один чип с понятным форматом значений, то конверсия в добавление в избранное может увеличиться за счёт уменьшения ошибок и повторной фильтрации.