В категории товара нет выбора вида списка: кратко или подробно: как вернуть контроль пользователю

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

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

Когда проблема критична, а когда нет

Критична:

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

Некритична:

• Узкие категории с 5–15 товарами, где видно всё без прокрутки.
• Сайты с агрессивными умными фильтрами, которые быстро сводят выбор к 3–7 релевантным позициям.
• Витрины одной модели в разных комплектациях, где карточки отличаются минимально.
• Визуально-решаемые категории (постеры, стикеры), где главное — изображение, а характеристики вторичны.
• Лэндинги/монобренды с малым ассортиментом и заранее заданным сценарием выбора.

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

В каких ситуациях вам не хватает переключателя «кратко/подробно» в списке товаров, какую информацию вы ожидаете увидеть сразу в листинге и что вынуждены делать, когда её там нет?

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

• Никогда не думал об этом, без разницы.
• Я всегда так покупаю, привык.
• Если надо, кликаю в карточку, не вижу проблемы.

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

• На смартфоне сравнивала стиральные машины. Нужны шум, обороты, глубина прямо в списке. Без подробного вида открыла 12 карточек, устала и отложила покупку.
• Искал видеокарты. В компактном виде хочу видеть чип, VRAM, разъёмы и длину. Без этого сортировал по цене и упустил подходящую модель.
• В детских креслах важно вес/рост, крепление и наклон. С кратким видом пришлось открывать каждое, потеряла полчаса.
• Покупаю крепёж по спецификации. Нужен табличный компактный вид с диаметром, шагом, покрытием. Без переключателя листинг бесполезен.
• В категории из 8 пальто выбор вида не нужен, всё видно сразу. В разделах с 80+ товарами — критично, иначе долго грузятся карточки.

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

• Добавьте переключатель вида списка в шапку листинга: «Кратко» и «Подробно». Используйте понятные подписи и иконки, показывайте текущий режим.
• Задайте дефолт по устройству: на мобильных — «Кратко», на десктопе — режим, который лучше покрывает задачи категории. Сохраняйте выбор в профиле и localStorage.
• В «Кратко» оставьте главное для решения: цена, наличие, ключевые 2–3 атрибута, рейтинг, быстрые действия (в корзину, сравнить, в избранное).
• В «Подробно» добавьте 5–7 релевантных характеристик, краткое описание, выгодные метки (скидка, доставка, гарантия). Избегайте «полотен». Лишнее — в карточку.
• Обеспечьте стабильную сетку: одинаковые высоты в «Кратко», аккуратные отступы, чтобы взгляд сканировал строки и не «прыгал».
• Сделайте переключатель доступным: фокус с клавиатуры, aria-метки, контраст, зона клика 44×44 px.
• Включите параметр в URL (?view=compact|detailed), чтобы делиться списком. Не создавайте дублей для SEO: каноникал на базовый листинг.
• Оптимизируйте загрузку: ленивая подгрузка изображений, скелетоны под оба вида, кеширование карточек при переключении.
• Согласуйте с фильтрами и сортировкой: состояние не должно сбрасываться. Переключение — без полной перезагрузки.
• Протестируйте на 3 категориях: простой товар, технический, мода. Проверьте мобильный портрет и медленную сеть. Исправьте узкие места по метрикам времени до первого действия и глубине просмотра.

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

• Если по умолчанию на мобильных включить компактный вид, то конверсия в просмотр карточки может увеличиться за счёт более быстрого сканирования списка и меньшего времени до первого клика.
• Если в компактном виде показать 2–3 ключевых атрибута категории, то конверсия в добавление в сравнение может увеличиться за счёт лучшей видимости критичных отличий.
• Если запоминать выбранный пользователем вид и восстанавливать его при следующем визите, то конверсия в добавление в корзину может увеличиться за счёт снижения трения и повторного обучения интерфейсу.
• Если в подробном виде поднять вверх метки выгоды (наличие, доставка, гарантия, скидка), то конверсия в добавление в корзину может увеличиться за счёт явной демонстрации ценности прямо в листинге.