К содержимому

Мобильная версия магазина

| Статья: 4 мин чтения | Страницы магазина

Мобильная версия интернет-магазина (mobile UX, m-commerce) — это то, как сайт выглядит и работает на смартфоне: от каталога и поиска до оформления заказа. Мобильный трафик в Украине большой: по свежим данным, около 60–78% онлайн-покупок делают со смартфона (детали ниже).

Простыми словами

У телефона маленький экран, палец вместо мыши и нестабильный интернет. То, что удобно на десктопе, на смартфоне превращается в долгую прокрутку, мелкие кнопки и сложные формы. Поэтому «адаптивная вёрстка» сама по себе проблем не снимает.

Что показывают исследования

Сколько покупок идёт со смартфона в Украине. По данным платёжного сервиса WayForPay (пересказ Forbes Украина, 25.05.2026), около 60% всех онлайн-покупок украинцы делают со смартфонов, а Apple Pay и Google Pay дают примерно 55–65% онлайн-платежей (Forbes Украина). По данным CDP eSputnik по 946 украинским ритейлерам, в ноябре 2025 года доля транзакций со смартфонов выросла с 75% до 78% по сравнению с предыдущим годом, в выходные достигала 83%, а в день Чёрной пятницы 2025 года составляла 75% (Mind.ua, 08.10.2026). Цифры разные, потому что разные выборки: платежи через один сервис и рассылки клиентов одной платформы. Смотрите на порядок величин и на собственную аналитику.

Свежих открытых данных о том, насколько мобильная конверсия в Украине отстаёт от десктопной, нет.

Baymard оценивает современное состояние: 75% из более чем 150 мобильных сайтов имеют оценку «посредственно», только один получил «хорошо», ни одного «идеального» (статья обновлена в июле 2026 года, Baymard). Для списков товаров 78% мобильных сайтов имеют «посредственный» или худший результат (обновлено в сентябре 2025 года, Baymard). Для карточек товаров «посредственно» или хуже имеют 62% мобильных сайтов (обновлено в марте 2026 года, Baymard). Сайты оценены по методике Baymard, это не измеренная конверсия.

Что советуют

Из десяти практик Baymard (в скобках доля сайтов, которые этого не делают) (Baymard):

  • объединять цветовые варианты в одну запись списка (42%);
  • рядом с поиском иметь видимую кнопку «Найти» (27%);
  • давать листать фото из всех отзывов (57%);
  • проверять адрес на шаге доставки (54%);
  • показывать конкретные ошибки (93% не делают);
  • иметь «Показать всё» на каждом уровне категорий (42%);
  • выделять текущую категорию в меню (94%);
  • показывать все образцы цвета в горизонтальной прокрутке (73%);
  • показывать применённые фильтры над списком (66%);
  • подтягивать правильные подсказки к распространённым ошибкам в запросе (28%).

Делайте отдельный мобильный дизайн, а не масштабируйте десктопный, и в первую очередь исправляйте базовые вещи. На мобильном особенно важны списки товаров и фото, где на первом экране помещается меньше позиций (NN/g). Это принцип, а не статистика. Для украинского магазина практические вещи: автоподсказка города и отделения Новой почты, Apple Pay / Google Pay (по WayForPay, 2026, это больше половины онлайн-платежей), поля с правильной цифровой клавиатурой для телефона и карты.

Как на это смотрят разные источники

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

Условный пример

Цифры условные. Магазин за месяц имеет 60 000 мобильных и 40 000 десктопных сессий. Конверсия мобильных — 1,0%, десктопных — 2,5%. Если мобильная вырастет до 1,5%, это +300 заказов в месяц. Считайте такие разрывы в конверсии отдельно по устройствам.

Типичные ошибки

  • Считать «адаптивный» сайт готовой мобильной версией.
  • Длинные формы оформления заказа на телефоне: см. оформление заказа.
  • Мелкие элементы и близко расположенные кнопки.
  • Тестировать только в эмуляторе, а не на реальных телефонах и медленном интернете.
  • Смотреть на общую конверсию без разбивки по устройствам.

FAQ

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

Достаточно ли адаптивной вёрстки? Нет. NN/g советует отдельные решения для другого экрана и способа ввода, а Baymard показывает, что большинство мобильных сайтов имеют посредственный результат.

Что исправлять на мобильном первым? Основы: фото и список товаров, поиск, фильтры, форма оформления. Смотрите, на каком шаге воронки самый большой отток.

Связанные термины

Источники

Хотите проверить это на своём магазине?

CRO / Оптимизация конверсии

Находим, где магазин теряет покупателей, и проверяем изменения, которые повышают конверсию.

Об услуге →

Поделиться

Читайте также

  • Фото и видео товара и AI-генерация

    | Статья: 3 мин чтения

    Фото товара — главный способ показать покупателю вещь, которую он не может подержать в руках. AI-генерация помогает сделать фон, ракурс или иллюстрацию, но у неё чёткие правила: в Google Merchant Center такие изображения нужно маркировать, а в ЕС действуют…

  • Сигналы доверия

    | Статья: 3 мин чтения

    Сигналы доверия (trust signals) — это элементы сайта, которые помогают покупателю поверить, что магазин настоящий, честный и безопасный для оплаты: отзывы, контакты, условия доставки и возврата, визуальные признаки защиты на форме карты, знакомые способы…

  • Порог бесплатной доставки

    | Статья: 4 мин чтения

    Порог бесплатной доставки (threshold free shipping) — это правило: доставка бесплатна, если сумма заказа не меньше определённой (например, от 1 500 грн). Для магазина это способ поднять средний чек, для покупателя — стимул добавить ещё один товар.

  • Структура каталога интернет-магазина

    | Статья: 6 мин чтения

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