№1 по увеличению конверсии в России

Мобильные устройства и конверсия:
как увеличить продажи на 112%

По данным GfK в России на начало 2019 года - 90 миллионов человек старше 16 лет пользуются интернетом. Из них 73 миллиона человек (61% от всего взрослого населения страны) пользуются интернетом на мобильных устройствах. Из них 32 миллиона человек пользуются интернетом толькона мобильных устройствах (не используя десткопные компьютеры или ноутбуки) - это 35% от всех пользователей интернета в России.
Проникновение интернета в России. Источник: Омнибус ГФК-Русь
Результаты данного опроса говорят о том, что сайт необходимо адаптировать под мобильные устройства. Иначе конверсия может снижаться на 35-61%. Может показаться, что любой сайт можно открыть с мобильных устройств. Это действительно так, но сайты не адаптированные под мобильные устройства зачастую неудобны и непонятны. Для наглядности, ниже сравнение двух сайтов autopiter.ru (не адаптирован под мобильные устройства) и askona.ru (адаптирован под мобильные устройства).
autopiter.ru
Интернет-магазин автозапчастей autopiter.ru (скришот выше) не адаптировал свой сайт под мобильные устройства, в результате часть важных элементов (меню, корзина, телефон и др.) урезается на смартфонах и планшетах. А для передвижения по сайту необходимо использовать не только вертикальный, но и горизонтальный скроллинг. Что не всем понятно и не всем удобно.

Другой пример, интернет-магазин матрасов askona.ru (скриншот ниже) адаптировал свой сайт под мобильные устройства. Обратите внимание, что в результате сайт стал понятнее и удобнее в использовании с мобильного телефона.
askona.ru
Но и это ещё не всё. Смартфоны тоже бывают разные, только у Apple - семь разных размеров экранов iPhone.
idev101.com
А у каждого экрана ещё есть по 2 варианта ориентации (горизонтальная и вертикальная). Прибавьте сюда множество смартфонов на базе Android (Samsung, Nokia, Xiaomi, Huawei, Asus, Honor и другие), плюс планшеты, плюс ноутбуки и десктопные компьютеры и выйдет больше ста различных размеров экрана. Что со всем этим делать? Подробнее далее.

Адаптивная верстка сайта

Для корректного отображения сайта на большинстве устройств необходимо применять адаптивную вёрстку. Данный тип верстки подстраивает вид страницы под то устройство, на котором открывается сайт, создавая тем самым максимальное удобство для пользователей с любым устройством. Для того, чтобы проверить как отображается ваш сайт, используйте сервис responsivedesign.is

Мобильная версия сайта

Одной адаптивной верстки бывает недостаточно. Необходимо отдельно проработать элементы сайта под мобильные устройства. Приведу один из примеров: в смартфонах отсутствует курсор мыши, а ввод данных применяется с помощью пальцев руки. Но палец человека больше курсора, поэтому и кнопки необходимо делать больше, чтобы по ним удобно было попадать подушечками пальцев. В MIT провели исследование, в рамках которого выявили, что средний размер подушечек пальцев составляют от 10 до 14 мм, а кончики пальцев - от 8 до 10 мм. Поэтому рекомендуемый минимальный размер кнопки 10 х 10 мм.
UX Magazine (слева) и руководство для разработчиков от Apple (справа)
Другой важный момент - это расстояние между кнопками. Если кнопки находятся близко друг к другу, пользователи мобильных устройств могут случайно нажать неправильную кнопку пальцем. Поэтому рекомендуемое расстояние между кнопками 3 мм.

Подобных элементов, которые требуют отдельной проработки под мобильные устройства - очень много и все их не уместить в рамках одной статьи. Поэтому про некоторые из них будут написаны последующие статьи.

Адаптивность под мобильные устройства и конверсия

Согласно опросу Google, 65% пользователей с большей вероятностью купят продукт или услугу, если сайт адаптирован под мобильные устройства. А 59% пользователей скорее всего перейдут на другой сайт, если текущий не адаптирован под мобильные устройства.

Интернет-магазин одежды O'Neill увеличил конверсию и продажи после внедрения адаптивной верстки и мобильной версии сайта:

Apple устройства:
  • Конверсия: +65.71%
  • Продажи: +112.50%
  • Доход: +101.25%

Android устройства:
  • Конверсия: +407.32%
  • Продажи: +333.33%
  • Доход: +591.42%
В данной статье рассмотрена лишь 2 точка роста конверсии. Если вы хотите увеличить конверсию вашего сайта по 524 параметрам, узнайте подробности в разделе Аудит сайта
Автор Эдуард Файзуллин. Опубликовано 15 марта 2019 года.
Подробнее про рост конверсии в книге: "Конверсия на стероидах"
    Конверсия на стероидах, Эдуард Файзуллин
    • Навигация на сайте;
    • Главная страница сайта;
    • Сервисные функции;
    • Каталог товаров;
    • Страница товара;
    • Корзина;
    • Оформление заказа;
    • Цена и оплата;
    • Технические параметры.
    200 точек роста, 130 страниц, детально рассмотрены:
      Скачать книгу бесплатно
      Пожалуйста, оставьте свой e-mail и мы пришлём вам ссылку для скачивания книги
      + 1 раз в неделю мы рассылаем свежие статьи про увеличение конверсии сайтов
      Отписаться можно в любое время, в 1 клик
      Оставляя свой e-mail, вы принимаете условия обработки персональных данных
      Другие статьи по теме
      Больше статей о повышении конверсии в разделе Статьи