Нельзя посмотреть фото без карточки товара

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

В листинге отсутствуют быстрые превью: смена фото при наведении, мини-галерея, свайп на мобильных. Визуальная информация скрыта за дополнительным действием. Особенно заметно это для категорий, где внешний вид — основной критерий: одежда, обувь, мебель, декор, техника с несколькими цветами.

Пользователи прыгают между карточками и списком, теряют место, повторно загружают страницы. Растёт когнитивная нагрузка и время до решения. В аналитике фиксируются короткие сессии на карточках и частые возвраты назад.

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

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

Критично:

• Визуальные категории: одежда, обувь, аксессуары, косметика, мебель и декор, техника с разными цветами, ювелирка, автотовары, детские товары, маркетплейсы.
• Мобильный трафик, где каждый переход тяжелее, а свайп — привычный паттерн.
• Широкие каталоги с множеством похожих SKU, когда нужно быстро отсечь лишнее.
• Ситуации сравнения по внешнему виду: «как сидит», «как смотрится в интерьере», «какая фактура».
• Медленные сети или тяжёлые карточки: лишние загрузки усиливают раздражение.

Не критично/слабо влияет:

• Товары, где решают характеристики, а не вид: книги, софт, расходники, запчасти с точными артикулами, продукты повседневного спроса.
• B2B-каталоги с закупкой по спецификациям и повторным заказом.
• Узкие каталоги с 5–10 позициями, где можно открыть всё подряд без издержек.
• Сценарии точечного поиска по модели/артикулу, когда пользователь уже определился.

Открытый вопрос для проверки

Как пользователи принимают решение открыть карточку товара, если в каталоге нельзя увидеть несколько фото, и какие действия им приходится совершать до клика?

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

• Покажите 3–5 фото в каталоге. Делайте смену кадра при наведении на десктопе и свайп по карточке на мобильных. Добавьте индикаторы-«точки» или мини-превью, чтобы было ясно, сколько фото доступно.
• Покройте сценарии вариантов. Отобразите цвета и меняйте фото под выбранный свотч без перезагрузки. Для «на человеке/в интерьере» сделайте быстрый переключатель кадра.
• Упростите взаимодействие. Вся карточка в списке должна быть кликабельной; не прячьте управление в мелкие иконки. Оставьте отдельную кнопку «Ещё фото», если свайп неочевиден.
• Сохраните контекст. При возврате из карточки держите позицию скролла и состояние фильтров/сортировки. Не заставляйте искать место заново.
• Сделайте быстро. Ленивая подгрузка следующих кадров, предзагрузка при наведении, сжатие WebP/AVIF, единое соотношение сторон, CDN и заглушки LQIP. Не грузите всю галерею сразу.
• Обеспечьте доступность. Фокус с клавиатуры, понятные aria-лейблы, альтернативный текст, жесты без точного прицеливания.
• Мера вместо «быстрого просмотра». Не подменяйте фото модальными окнами. Задача — дать увидеть товар в каталоге, а не показывать вторую карточку поверх.
• Контролируйте эффект. Отслеживайте смену кадра, свайпы, CTR из каталога, время до первого информативного изображения и последующие действия.

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

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