Каталог «забывает» вид отображения товаров: причины, риски, исправление

На страницах категорий выбор вида отображения товаров не сохраняется при переходах. Пользователь переключает список на плитку (или наоборот), меняет страницу, открывает подкатегорию, обновляет сортировку или возвращается по «Назад» — и режим сбрасывается к значению по умолчанию.

Сброс ломает непрерывность сценария. Каждый шаг требует заново искать переключатель, тратить внимание и время. На мобильных переключатель часто скрыт в меню, поэтому лишние действия заметнее и вызывают раздражение.

Поведение стабильно воспроизводится в гостевом и авторизованном состояниях, в разных браузерах. Ошибка проявляется чаще при глубокой навигации, сравнениях и работе с фильтрами, а также при обновлении страницы.

Когда критично, а когда нет

Критично:

• Интернет-магазины и маркетплейсы с большим ассортиментом, где сравнивают много позиций (электроника, мода, товары для дома).
• Мобильный трафик и медленные сети: лишние касания и прокрутка усиливают фрустрацию.
• Каталоги с активной фильтрацией, сортировкой и пагинацией, где переходов много.
• Сценарии сравнения характеристик: пользователи целенаправленно выбирают список/плитку для удобства.

Малокритично или не критично:

• Небольшие каталоги (до 10–15 карточек на категорию), где весь ассортимент виден сразу.
• Сайты без переключателя вида (фиксированная подача).
• Сайты, где поиск доминирует над навигацией по категориям.
• Лендинги, витрины с малым количеством SKU, портфолио, прайс-листы в одном формате.

Что об этом говорят другие пользователи

Когда переключаете вид списка товаров (плитка/список) и переходите по страницам, подкатегориям, фильтрам или назад, что происходит с выбранным видом? Опишите, насколько это мешает находить и сравнивать товары.

Бесполезные ответы пользователей

• У меня всё нормально, вроде работает.
• Не заметил(а) ничего такого.
• Да, бывает. Но не критично.
• Ну, иногда сбрасывается. Не знаю когда.

Полезные ответы пользователей

• iPhone 12, iOS 17, Safari. Ставлю плитку в «Ноутбуках», перехожу на страницу 2 — снова список. Возврат по «Назад» тоже сбрасывает. Ищу переключатель каждый раз, бросил сравнение.
• Windows 11, Chrome. В гостевом и после логина одинаково. Сброс происходит при смене сортировки и при клике по подкатегориям. Потерял минут 5 на повторные переключения.
• Android 13, Chrome, мобильный интернет. Предпочитаю список из-за медленной сети. После фильтрации вид возвращается в плитку, приходится прокручивать заново — раздражает.
• MacOS, Firefox. Открываю товар в новой вкладке, закрываю — каталог снова в дефолтном виде. На длинных категориях это ломает ритм поиска.
• iPad, Safari. Переключатель спрятан. При каждом переходе ищу его заново. Итог — меньше просматриваю карточек, ухожу в поиск.

Решение проблемы

• Сделайте единый источник правды для вида: параметр view со значениями grid/list.
• Храните выбор в понятном порядке приоритета: URL-параметр → настройка профиля (если есть) → localStorage/cookie → дефолт.
• Передавайте view во все ссылки каталога: подкатегории, пагинация, сортировка, фильтры, ссылки на товары и хлебные крошки.
• В SPA синхронизируйте view с маршрутом и history state. В MPA добавляйте параметр к ссылкам и читайте его на сервере.
• Применяйте вид до рендеринга, чтобы избежать мерцания: SSR/пререндер учитывают view, на клиенте — без смены после загрузки.
• Не сбрасывайте выбор без явного действия пользователя. Новый выбор — новое значение view, переходы его сохраняют.
• Обработайте «Назад/Вперёд»: восстанавливайте состояние из history и параметров, не навязывайте дефолт.
• Учтите ограничения cookies/consent: если хранилище запрещено, опирайтесь на URL.
• Протестируйте: мобильные/десктоп, авторизованные/гости, разные браузеры, медленная сеть, открытие в новой вкладке, переход с поиска, возврат из карточки.
• Настройте аналитику: события переключения вида, доля повторных переключений на сессию, влияние на глубину просмотра и добавления в корзину.
• Проверьте кэш и CDN: варьируйте по query-параметрам, чтобы сервер не отдавал «чужой» вид.

Гипотезы для роста конверсии

• Если сохранять выбранный вид в URL и применять его без мерцания, то конверсия в добавление в корзину может увеличиться за счёт того, что пользователи быстрее находят подходящие товары.
• Если помнить последний выбранный вид между категориями и при возврате по «Назад», то конверсия в просмотры карточек может увеличиться за счёт снижения лишних действий.
• Если для авторизованных использовать один и тот же вид на всех разделах каталога, то конверсия в повторные покупки может увеличиться за счёт стабильного и привычного интерфейса.
• Если на мобильных сделать переключатель вида всегда видимым в зоне большого пальца, то конверсия во взаимодействия с каталогом может увеличиться за счёт облегчения повторных переключений.
• Если синхронизировать выбранный вид между поиском и категориями, то конверсия в переходы по товарам может увеличиться за счёт единообразного опыта навигации.