Кейс: фильтры в каталоге
Вопрос
Спроектируйте фильтры для каталога смартфонов в маркетплейсе на мобильном и десктопе. Расскажите ход мысли.
Попробуйте сами
Ответьте вслух за 2 минуты, как на собесе. Потом сверьтесь с тезисами: что прозвучало, а что нет.
Показать ответ и разбор
Коротко
Что должно прозвучать в ответе
Выясняю по данным, какими фильтрами пользуются и что ищут в поиске
Отбираю и упорядочиваю фильтры по частоте, частые выношу быстрыми чипами
Решаю модель применения: сразу на десктопе, по кнопке «Показать N товаров» на мобильном
Показываю выбранные фильтры, сброс по одному и всех сразу
Продумываю пустой результат и счётчики, чтобы не уводить в ноль
Состояния загрузки и сохранение фильтров при возврате назад
Что могут спросить следом
- Как поступить, если фильтров 40?
- Что лучше для цены: слайдер или поля ввода?
- Как проверите, что новый вариант лучше?
Разбор
Сначала смотрю данные: какие фильтры применяют, по каким запросам ищут, где уходят. Для смартфонов это бренд, цена, память, размер экрана. Самые частые выношу чипами над выдачей, остальные в панель, сгруппированные и упорядоченные по популярности, редкие свёрнуты. На десктопе фильтры применяются сразу, на мобильном открываются шторкой, и внизу кнопка «Показать 128 товаров» со счётчиком, чтобы человек не применил комбинацию с нулём результатов. Выбранные фильтры видны чипами с крестиками и есть «Сбросить всё». Для цены ставлю поля «от» и «до» плюс слайдер: в полях точнее. Пустой результат объясняет, какой фильтр убрать. При возврате с карточки товара фильтры и позиция прокрутки сохраняются. Проверяю на прототипе, затем A/B по конверсии в карточку и в покупку.
Ответьте сами, а не прочитайте
В тренажёре вопрос попадёт в повторения и вернётся, когда начнёт забываться. Плюс билеты с зачётом: 20 вопросов, не больше 2 ошибок.
Термины по теме
Ещё по теме «Информационная архитектура и сценарии»
- User flow
- Закон Хика
- Закон Якоба
- Законы UX
- Ментальная модель
- Миф о 7 ± 2
- Глубина или ширина навигации
- Порядок работ над структурой