«Назад» отдают браузеру, крошки считают десктопным украшением. Владелец магазина думает, что гость всегда пришёл из списка. Владелец студии думает, что из главной.
На телефоне человек приходит из поиска, из сторис, из письма и не может вернуться в раздел пальцем: системная кнопка уводит из сайта. Крошки и явный «назад» — часть сценария, не мелочь вёрстки. На этой неделе их рисуют на карточке рядом с ценой.
Проблема
Владелец магазина боится «лишних строчек» над названием и просит чистую карточку «как приложение». Владелец студии стыдится технических крошек: «это не про заботу, это про сайт». Жадность не хочет проектировать иерархию: проще одна простыня ссылок. Гость с телефона открыл карточку из объявления. Системный «назад» вернёт его в ленту соцсети, не в ваши 40 позиций. Человек потерял контекст и не сравнит соседнюю пару или соседнюю услугу.
Крошки и «назад» — путь одного человека внутрь и наружу. Нашёл карточку, понял цену, хочет ещё две в том же разделе. Без явного выхода он либо уходит, либо открывает шапку и начинает с нуля. Это лишний экран, который вы не рисовали, но гость его проживает. На телефоне это чаще, чем на большом экране: жеста «вверх к списку» нет, если его не положили.
Причина
Карточка магазина в проекте: название раздела-ссылка или «к списку», крошки из 2–3 уровней, не из семи. Студия: «ко всем услугам» над заголовком. Заложить это в прототип (схема экранов без красивых картинок) — час на шаблон. Не заложить — после запуска жалобы «с карточки не выйти» и 10–20 тысяч на правку шапки плюс день на все типы страниц. Реклама на 15 карточек без «назад» умножает тупик на 15 входов.
Глубина крошек выдаёт сломанную карту. Если путь «Главная / Каталог / Сезон / Бренд / Тип / Модель», гость не читает строку и не попадает пальцем в нужный уровень. Два-три уровня — потолок запуска. Четвёртый уровень — признак, что разделов слишком много для 40 карточек. На узком экране крошки режут до раздела и «назад», полный путь не обязателен. Главное — живая ссылка, не картинка.
- Явный «к списку» на карточке, не только жест браузера.
- Два-три уровня крошек, не семь.
- Магазин: из рекламы на SKU (отдельная позиция в каталоге) гость возвращается в раздел.
- Студия: со страницы услуги — ко всем услугам, не на главную-простыню.
Решение
Откройте карточку по прямой ссылке, как из сторис. Закройте системную панель пальцем. Есть ли выход в раздел? Магазин проверяет товар. Студия — услугу. Если выхода нет, структура карточки дырявая, даже если цена на месте.
- Поставьте на карточку ссылку «к списку» или крошки из 2–3 уровней. Оба варианта назовите в прототипе.
- Срежьте глубину разделов, если крошки не влезают в одну строку телефона.
- Проверьте 404 и пустой поиск: оттуда тоже есть «назад» в живой список.
- Запретите полагаться только на жест системы телефона.
- В бриф (короткое описание, что нужно от сайта): «крошки и назад в структуре, карточка не тупик».
Проверка
Запишите правило шаблона. Пример магазина: «Над названием — раздел, крошки два уровня». Пример студии: «Над услугой — ко всем услугам». Положите это на серый экран карточки, не в «потом в подвале». Если правило «гость привык к системной кнопке», вы проектируете чужой телефон, не свой путь.
Остановитесь, когда человек с прямой ссылки за два нажатия в соседней карточке того же раздела. Не снимайте крошки в круге дизайна «для чистоты». Чистота без выхода — клетка. Новый уровень вложенности не добавляют, чтобы крошки «выглядели как каталог». Сначала живые карточки, потом глубина.
Чек-лист
- Поставьте на карточку ссылку «к списку» или крошки из 2–3 уровней. Оба варианта назовите в прототипе.
- Срежьте глубину разделов, если крошки не влезают в одну строку телефона.
- Проверьте 404 и пустой поиск: оттуда тоже есть «назад» в живой список.
- Запретите полагаться только на жест системы телефона.
- В бриф: «крошки и назад в структуре, карточка не тупик».
Назад в раздел
