В карточке товара нет свайпа для перелистывания изображений

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

Дальше начинается поиск обходного пути. Пальцы тычут в края фото, по точкам-пагинации, по миниатюрам, если они видны. Промахи часты: элементы мелкие, зона клика узкая. Если миниатюры спрятаны ниже, их не находят. Часть людей сдаётся и закрывает карточку.

Страдает восприятие товара. Не получается быстро посмотреть ракурс, фактуру, оттенок, упаковку. Нельзя убедиться в деталях швов, фактуре ткани, состоянии разъёмов, масштабе. Возникает сомнение в честности представления: если фотографии есть, почему их не показать так же просто, как в привычных приложениях?

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

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

Критично:

• Категории, где решение опирается на визуальные детали: мода, обувь, украшения, мебель, декор, техника с мелкими элементами, косметика, авто- и мототовары.
• Товары с 4+ изображениями, разными ракурсами, 360°, UGC-фото.
• Аудитория с привычкой к жестам (соцсети, маркетплейсы), высокий мобильный трафик, трафик из мобильных рекламных сетей.
• Сценарии «на ходу», одной рукой: мелкие кликабельные зоны недоступны.
• Когда миниатюры и стрелки скрыты ниже первого экрана или визуально сливаются.

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

• B2B и сложные товары, где решают спецификации, прайс, документация; фото вторично.
• Карточки с 1–2 ключевыми изображениями без потребности листать.
• Сервисы и цифровые продукты с главным акцентом на оффер, демо или видео.
• Проекты с преобладанием десктопного трафика или приложений вместо мобильной веб-версии.
• Сценарии, где пользователь уже знает товар и приходит за быстрым повторным заказом.

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

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

Возможное решение проблемы

• Верните естественный жест. Сделайте горизонтальный свайп по всей области изображения, включая «мёртвые» зоны и подписи.
• Добавьте инерцию, снап к кадру и «отскок» на краях, чтобы жест ощущался живым.
• Дайте явную подсказку при первом показе: «Смахните, чтобы посмотреть фото». Скройте её после первого успешного свайпа.
• Покажите прогресс: точки или счётчик 1/6. Они должны быть кликабельны.
• Оставьте запасной путь: стрелки и миниатюры с крупной зоной нажатия (минимум 44×44 pt).
• Откройте полноэкранный просмотр по тапу: свайп, зум, двойной тап, пролистывание снизу вверх и вниз для закрытия.
• Ускорьте загрузку: адаптивные размеры, WebP/AVIF, lazy-loading ближайших соседних кадров, предзагрузка следующего изображения.
• Разведите жесты: горизонтальный свайп внутри галереи, вертикальный скролл страницы вне её области. Не блокируйте прокрутку всей страницы.
• Учитывайте варианты товара. При переключении цвета обновляйте галерею и сохраняйте позицию, если кадр общий.
• Проверьте кросс-браузерность: iOS/Android, Safari/Chrome, жесты в webview. Протестируйте одной рукой, на малых экранах.
• Обеспечьте доступность: фокус с клавиатуры, свайп-аналоги для скринридеров, подписи к изображениям.
• Поставьте метрики: просмотры 2-го и 3-го кадра, время до первого свайпа, ошибки тапов, выходы с карточки. Сравните до и после.

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

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