Если у вас магазин, оставляет фильтр колонкой слева, как на мониторе: на пальце гость видит стену галочек и не доходит до плитки. Если у вас студия или услуги, копирует ту же колонку на список услуг и прячет форму заявки (имя или телефон, ещё не визит) ниже сгиба.
Что именно проверить
Если у вас магазин, боится «не как в большой витрине»: слева якобы серьёзнее. Если у вас студия или услуги, стыдится короткого списка без колонки свойств и просит тот же бок, что у соседа с оптом. Палец читает фильтр первым и каталог вторым.
Кнопка «купить» и кнопка «оставить имя» уезжают под ленту галочек. Снизу на телефоне — оплаты или заявки большого пальца. Магазин с 40–80 карточками выбирает двумя-тремя гранями и сразу видит плитки.
Студия с 8–15 услугами часто вообще живёт без фильтра; если фильтр нужен — это лист снизу, не колонка на пол-экрана. Бриф дизайна (одна страница: оплаты или заявки гостя, шаблон или индивидуал, кто ставит «ок») пишет «фильтр на пальце снизу», не «как в выгрузке учёта».
Как это выглядит на практике
Готовый каталог на Битрикс уже держит мобильный фильтр: кнопка, лист, применить, сброс. Адаптация шаблона (свои 3–5 граней и подписи на готовом листе) 1–3 дня. Перетащить колонку «как на ПК» в уникальный макет с серых экранов — 7–14 дней и 40–80 тысяч, плюс второй круг, когда палец не доходит до цены.
Индивидуал нужен складу на тысячи позиций с двумя линейками. Не витрине на 50 карточек и не студии с заявкой. Каждая грань слева на узком экране отодвигает первую плитку.
Магазин ловит ноль продаж с рекламы в каталог: человек закрыл стену. Студия с колонкой «методологий» не получает имя. Счёт за «серьёзный фильтр как на десктопе» (бумага «заплатите»; деньги могут не прийти, а вёрстка (сборка страниц по макету)) сборка живых страниц по макету — честно соберёт колонку, если её утвердили.
Вернуть левую колонку после «ок» на телефоне — смена экрана, не правка.
- На пальце фильтр открывается снизу и закрывается, список остаётся.
- Слева на узкой ширине — стена, не помощь.
- Магазин: 3–5 граней в листе, цена плитки видна без прокрутки стены.
- Студия: чаще без фильтра; если есть — тот же нижний лист, не колонка.
На чём считать результат
Откройте каталог демо готового магазина на телефоне, не на 27 дюймах. Если грани висят слева и перекрывают плитки — это не «так задумано», это чужой десктоп.
- Напишите, нужен ли фильтр вообще: больше 20 позиций (да, 8 услуг) чаще нет.
- Если да — оставьте кнопку «фильтр» над списком и лист снизу: применить, сброс.
- Снимите левую колонку с ширины пальца. На столе колонка может остаться, если тема так умеет.
- Пройдите путь: две галочки, список живой, вход в карточку, корзина или форма.
- В бриф (короткое описание, что нужно от сайта) дизайна внесите «фильтр на телефоне снизу». Кто ставит «ок», смотрит палец, не проектор.
Что сделать дальше
Пример магазина: «На телефоне фильтр снизу, 4 грани, плитки видны сразу; слева только от 1200». Пример студии: «Фильтра нет, 10 услуг списком» или «Тип и срок — лист снизу, не колонка». Лист кладут рядом с каталогом в восьми экранах запуска.
Остановитесь, когда на пальце список выбирается без стены слева. Не возвращайте десктопную колонку из стыда «не как у больших». Не рисуйте индивидуальный фильтр, чтобы повторить монитор.
- Напишите, нужен ли фильтр вообще: больше 20 позиций (да, 8 услуг) чаще нет.
- Если да — оставьте кнопку «фильтр» над списком и лист снизу: применить, сброс.
- Снимите левую колонку с ширины пальца. На столе колонка может остаться, если тема так умеет.
- Пройдите путь: две галочки, список живой, вход в карточку, корзина или форма.
- В бриф дизайна внесите «фильтр на телефоне снизу». Кто ставит «ок», смотрит палец, не проектор.
Назад в раздел
