Если у вас магазин, делает фильтр и список двумя равными героями: колонка свойств спорит с карточками, палец теряется. Если у вас студия или услуги, так же ставит «подбор услуги» рядом с прайсом и прячет форму заявки — имя или телефон, ещё не визит.
Что именно проверить
Если у вас магазин, боится, что без широкого фильтра «гость не найдёт». Если у вас студия или услуги, стыдится простого списка услуг: «надо как конфигуратор». На телефоне фильтр съедает экран, список уезжает.
Стыд короткого фильтра сильнее страха, что гость не дойдёт до цены и кнопки. Сетка каталога это список карточек плюс 3–5 граней, которые не спорят за внимание. Готовая тема уже делит: список главный, фильтр узкий или сверху.
Адаптация шаблона (свои цвета, логотип, тексты и фото на готовых экранах) называет грани своими словами, не рисует панель как героя. «Сделать фильтр мощнее главной» ломает каталог. Индивидуальный конфигуратор с нуля нужен, когда оплаты или заявки правда выбор из сложной матрицы, а не когда стыдно простого ряда.
Как это выглядит на практике
Студия: 8–15 услуг списком, фильтр «срок / тип» если нужен, 4–6 экранов, те же дни. Сделать фильтр равным героем — 7–14 дней, 3–5 кругов свойств и +80–160 тысяч, на пальце каша. Свой конфигуратор с нуля — 400–900 и 8–12 недель.
Разница в том, видна ли карточка с ценой после двух касаний. Нулевой фильтр рисуют сразу: магазин показывает «нет таких, снимите грань», не пустой красивый лист. Счёт за «ещё свойство в левую колонку» (документ «заплатите»; деньги могут не прийти, а вёрстка (сборка страниц по макету)) сборка живых страниц по макету — отдаст узкий список и широкие галочки.
Бриф дизайна (одна страница) пишет 3–5 граней и запрет второго героя.
- Герой каталога это карточка, не панель свойств.
- Сорок граней на пальце прячут цену.
- Магазин фильтрует, чтобы быстрее дойти до «купить».
- Студия фильтрует, чтобы быстрее дойти до имени, не чтобы играть в конструктор.
На чём считать результат
Откройте каталог темы на телефоне и на широком. Сосчитайте грани, без которых гость не купит и не оставит имя. Кто ставит «ок», находит карточку за два касания, не настраивает комбайн.
- Выпишите 3–5 граней, без которых оплаты или заявки не живёт. Шестую на запуск не берите.
- Поставьте список карточек главным по ширине. Фильтр — уже или сверху.
- Нарисуйте пустой результат: что показать и какая кнопка снять грани.
- Запретите левую колонку на 40 свойств «как в большом». Это этап 2.
- Пройдите фильтр пальцем при том, кто ставит «ок»: видна ли цена после выбора.
Что сделать дальше
Пример магазина: «Список главный, 4 грани, 60 карточек, фильтр не герой». Пример студии: «Список услуг главный, 2 грани, форма на карточке, конструктор не рисуем». Лист в бриф (короткое описание, что нужно от сайта).
Если дизайнер приносит «серьёзный фильтр как у маркетплейса», верните число позиций: 50 это не маркетплейс. Остановитесь, когда карточка с ценой и кнопкой видна без охоты по свойствам. Не добавляйте грань после «ок», «вдруг пригодится».
Пригодится, когда позиций станет сотни, не на запуске. Второй герой из галочек подождёт рост каталога.
- Выпишите 3–5 граней, без которых оплаты или заявки не живёт. Шестую на запуск не берите.
- Поставьте список карточек главным по ширине. Фильтр — уже или сверху.
- Нарисуйте пустой результат: что показать и какая кнопка снять грани.
- Запретите левую колонку на 40 свойств «как в большом». Это этап 2.
- Пройдите фильтр пальцем при том, кто ставит «ок»: видна ли цена после выбора.
Назад в раздел
