В каталоге тысячи товаров: как спроектировать фильтры, которыми будут пользоваться
В каталоге несколько тысяч товаров, но покупатель снова звонит с просьбой подобрать подходящий вариант. Фильтров много, однако разобраться в них трудно: характеристики названы непонятно, значения повторяются, а после выбора экран пустеет. Большой набор параметров ещё не делает поиск удобным.
Начните с вопросов покупателей
Посмотрите, как люди описывают потребность менеджеру. Они могут говорить о назначении, совместимости и условиях эксплуатации, тогда как каталог построен вокруг внутренних обозначений. Фильтры должны помогать пройти от задачи к подходящему ассортименту.
Для разных категорий нужны разные наборы признаков. Один универсальный блок быстро превращается в длинный перечень, большая часть которого не относится к текущему выбору. Полезно определить несколько главных критериев для каждой товарной группы.
Проверьте качество характеристик
Интерфейс не исправит данные, где один размер записан несколькими способами. Повторяющиеся значения раздробят выбор, а пустые параметры исключат часть товаров из результатов. Перед проектированием фильтров стоит привести характеристики и единицы к согласованному виду.
Не смешивайте разные свойства
Название цвета, материал и особенности покрытия иногда оказываются в одном поле. Покупатель не понимает, как комбинировать такие значения. Для каждого признака нужен ясный смысл, который одинаково понимают контент-специалист, разработчик и сотрудник продаж.
Если важную характеристику заполняют только у новых товаров, фильтр покажет неполный ассортимент. Поэтому нужно решить, как дополнять старые карточки и что делать до завершения этой работы. Иначе формально корректный поиск будет скрывать подходящие позиции.
Покажите последствия выбора
Пользователю полезно видеть активные ограничения и иметь возможность снять любое из них. Если выбранные параметры спрятаны, трудно понять причину короткого списка. Особенно это заметно на телефоне, где панель фильтров открывается отдельно от каталога.
Для пустого результата нужен понятный выход. Можно объяснить, какие ограничения слишком узкие, предложить их ослабить или обратиться за подбором. Просто сообщение «Ничего не найдено» не помогает продолжить задачу.
Сначала прототип, затем оформление
На раннем макете удобно проверить логику без отвлечения на цвета и декоративные детали. Дайте человеку конкретную задачу и посмотрите, какие признаки он выбирает первым. Если он не понимает формулировки, дополнительная анимация проблему не решит.
Возьмите несколько сложных сценариев: совместимый аналог, определённый диапазон размеров и выбор из близких модификаций. Проверьте сброс ограничений, возвращение из карточки и сохранение контекста. Важно, чтобы каталог помогал сравнивать варианты, а не заставлял начинать поиск заново после каждого перехода.
Kommutator.net занимается прототипированием и дизайном интерфейсов, опираясь на пользовательские сценарии и задачи бизнеса. При работе над фильтрами полезно объединить вопросы покупателей с качеством каталожных данных. Тогда даже большой ассортимент становится понятнее: человек видит подходящие варианты и может объяснить, почему выбрал именно их.
На что обратить внимание
- Полезно определить несколько главных критериев для каждой товарной группы.
- Возьмите несколько сложных сценариев: совместимый аналог, определённый диапазон размеров и выбор из близких модификаций.
- Проверьте сброс ограничений, возвращение из карточки и сохранение контекста.
