Как спроектировать фильтры каталога

Метод выбора фильтров по реальному ассортименту и задачам покупателей.
Примеры сайтов и веб-дизайна Станислава Хацкевича

Работы из портфолио

Примеры сайтов из портфолио Станислава Хацкевича.

Вопросы покупателей

Начните с причин, по которым человек исключает товар. Для оборудования это параметры, для одежды размер и наличие.

Данные

Проверьте, что значения заполнены, сравнимы и используют одинаковые единицы.

Приоритет

Ставьте частые и решающие параметры выше. Мелкие свойства оставляйте в карточке.

Сочетания

Проверьте совместное действие фильтров. Пользователь должен понимать, почему товаров стало меньше.

Нет результатов

Покажите применённые параметры и способ сбросить часть условий.

URL

Отдельно спланируйте публичные подборки и технические комбинации. Индексация каждой комбинации требует обоснования.

Станислав Хацкевич — дизайн и разработка

Я Станислав Хацкевич, веб-дизайнер и разработчик. Создаю сайты для брендов и бизнеса, работаю по всей России. Официально как самозанятый: договор-счёт и чек через «Мой налог». Стоимость определяем после обсуждения задачи.
VMP — технический каталог
Panaride — ассортимент
Топ-10
UI-дизайнеров рейтинга Dprofile — вхожу в топ-10 по данным моего профиля.
13
Наград на Dprofile. Проекты и достижения можно посмотреть в моём профиле.
12
Лет опыта в дизайне. Работаю лично с задачей, визуальной концепцией и реализацией сайта.
20
Попаданий в галерею лучших проектов Made on Tilda — по моим профессиональным итогам.

Практический порядок

Разобрать ассортимент

Выберите несколько типовых запросов.

Собрать словарь

Объедините одинаковые значения и единицы.

Проверить сценарий

Пройдите выбор и пустой результат.

Согласовать адреса

Определите страницы для самостоятельных подборок.

Пример и материалы

Вопросы покупателей

Пример

Для кресел сначала проверяют размеры и назначение. Цвет обивки имеет смысл как фильтр, если он заполнен и влияет на доступные варианты.

Аудит дизайна

Редизайн сайта

Обсудим вашу задачу

Опишите задачу и пришлите ссылку на проект в Telegram @Stanislavkha.
Panaride — продукт
© Станислав Хацкевич. Дизайн и разработка сайтов.
Работаю как самозанятый: договор-счёт и чек через «Мой налог».
Главная · Статьи о веб-дизайне · Telegram · Dprofile · Behance · Dribbble
Made on
Tilda