При смене страницы каталога сбрасываются вид, сортировка и число товаров
Содержание
- Когда критично, а когда нет
- Открытый вопрос для проверки
- Возможное решение проблемы
- Примеры гипотез для роста конверсии
В ходе исследований выявлена потеря состояния каталога при навигации. Пользователь выбирает вид списка, сортировку и количество товаров на странице, применяет фильтры. После перехода на следующую страницу каталога настройки сбрасываются к значению по умолчанию. Выбранный формат отображения игнорируется.
Симптомы заметны сразу: меняется раскладка карточек, порядок товаров и их число на странице. При обновлении, переходе назад или возвращении из карточки товара сброс повторяется. Пользователь тратит время на восстановление прежнего вида, теряет фокус задачи и ощущает непоследовательность интерфейса.
Страдают сценарии поиска и сравнения. Невозможно пролистать каталог в выбранной конфигурации и удерживать ритм просмотра. Метрики фиксируют рост отказов при пагинации и снижение глубины просмотра. В обратной связи появляются жалобы на «прыгающий» список и «несохранённые настройки».
Проблема проявляется на десктопе и мобильных устройствах, в разных браузерах, вне зависимости от наличия блокировщиков. Причина — состояние интерфейса не передаётся через URL, не сохраняется в сессии и не синхронизируется между страницами. В результате падает доверие к результатам сортировки и фильтрации.
Симптомы заметны сразу: меняется раскладка карточек, порядок товаров и их число на странице. При обновлении, переходе назад или возвращении из карточки товара сброс повторяется. Пользователь тратит время на восстановление прежнего вида, теряет фокус задачи и ощущает непоследовательность интерфейса.
Страдают сценарии поиска и сравнения. Невозможно пролистать каталог в выбранной конфигурации и удерживать ритм просмотра. Метрики фиксируют рост отказов при пагинации и снижение глубины просмотра. В обратной связи появляются жалобы на «прыгающий» список и «несохранённые настройки».
Проблема проявляется на десктопе и мобильных устройствах, в разных браузерах, вне зависимости от наличия блокировщиков. Причина — состояние интерфейса не передаётся через URL, не сохраняется в сессии и не синхронизируется между страницами. В результате падает доверие к результатам сортировки и фильтрации.
Когда критично, а когда нет
Критично:- Маркетплейсы, крупные интернет‑магазины, каталоги с 1000+ SKU в категории.
- Категории с длинной воронкой выбора: электроника, мебель, авто‑товары, B2B‑поставки.
- Проекты с активной пагинацией и сравнением: объявления, отели, авиабилеты.
- Мобильный трафик, медленные сети, пользователи с ограниченным временем.
- Лэндинги и мини‑каталоги до 2–3 страниц, где пагинации почти нет.
- Каталоги с бесконечной прокруткой, где вид и сортировка не меняются.
- Узкие ниши с целевым трафиком напрямую на карточку товара.
- Внутренние каталоги без коммерческой цели (например, базы знаний).
Открытый вопрос для проверки
Что происходит с выбранными настройками отображения (вид, сортировка, количество на странице, применённые фильтры) при разных переходах пользователя: по пагинации, назад/вперёд в браузере, переход в карточку товара и возврат, обновление страницы, смена категории?Возможное решение проблемы
- Определить перечень сохраняемых параметров: вид списка, сортировка, количество товаров на странице, применённые фильтры, текущая страница.
- Сделать URL источником истины. Все параметры состояния передавать в query‑строке и обновлять через History API при каждом изменении. Сервер и клиент читают одни и те же параметры.
- В ссылках пагинации всегда сохранять текущие настройки. При клике пользователь попадает на ту же конфигурацию списка.
- Синхронизировать состояния: при загрузке страницы инициализировать интерфейс из URL; при изменении интерфейса — обновлять URL.
- Возврат из карточки товара должен восстанавливать предыдущий скролл и состояние. Сохранять позицию списка через history.state.
- Не сбрасывать выбранный вид и сортировку при очистке фильтров; сбрасывать только фильтры. Политику смены категории задать явно: сохранять глобальные предпочтения вида и сортировки.
- SEO‑гигиена: исключить чисто презентационные параметры (вид, per_page) из canonical; фильтры и сортировку — по правилам проекта. В rel="next/prev" сохранять параметры.
- Тесты: браузеры и устройства, инкогнито, с блокировщиками, низкая скорость сети; сценарии пагинации, возврата, обновления, открытия в новой вкладке.
- Метрики: отказы на пагинации, глубина просмотра, доля возвратов «назад» без потери состояния, время до первого клика по карточке.
Примеры гипотез для роста конверсии
- Если включить выбранные вид, сортировку и количество на странице в URL и сохранять их при пагинации, то конверсия в просмотры карточек товара может увеличиться за счёт того, что пользователи просматривают список без повторной настройки.
- Если при возврате из карточки товара восстанавливать позицию и прежние настройки каталога, то конверсия в добавления в корзину может увеличиться за счёт того, что сравнение товаров становится непрерывным.
- Если не сбрасывать вид и сортировку при очистке фильтров, то конверсия в продолжение просмотра может увеличиться за счёт того, что интерфейс ведёт себя предсказуемо.
- Если закрепить переключатели вида и сортировки и явно подсвечивать, что настройки сохранены, то конверсия в углубление просмотра может увеличиться за счёт того, что пользователи доверяют выбранному режиму.
- Если запоминать настройки отображения между сессиями, то конверсия в повторные покупки может увеличиться за счёт того, что каталог открывается в привычном виде.
Понравилась статья? Жмите лайк или подписывайтесь на рассылку.
А также поделитесь статьей с друзьями в соцсетях.