18 лучших онлайн-курсов для маркетологов
Previous
выбрать за меня
13 советов куратору контента. Инфографика
Next
UX, юзабилити, оптимизация, ecommerce
Юзабилити

Как мобильный UX увеличил конверсию на 25%: кейс от Bullymax

Автор: Ия Пфанштиль10.03.2016

Всем известно, что качественный опыт взаимодействия ведет к увеличению конверсии. Также все знают, что нет предела совершенству. Всегда можно найти поле для оптимизации.

Одна из самых важных возможностей для большинства компаний – мобильная оптимизация. В чем ее особенности и как можно усовершенствовать мобильный UX?

Люди используют мобильные устройства не так как ПК, у них появляются новые нужды и желания. Именно поэтому мобильную оптимизацию нужно рассматривать отдельно.

Как Bullymax увеличили конверсию на 24,5%?

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

75% трафика сайта Bullymax приходится на мобильные устройства, что намного больше, чем у среднестатистических интернет-магазинов. А значит, у этой компании есть широкие возможности для мобильной оптимизации.

Мобильный трафик не конвертируется должным образом

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

Согласно Google Analytics только 18,23% мобильных посетителей доходили до добавления товаров в корзину. Потребовалось более подробно изучить эту проблему, чтобы определить причину столь существенного спада.

Вот как раньше выглядела их страница с описанием товара:

ecommerce, бизнес, интернет-маркетинг, исследование, онлайн ритейл, стратегия, мобайл, мобильная оптимизация, конверсия, мобильная конверсия, UX-дизайн

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

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

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

Четыре теста показали, что пользователи единогласно признали страницу с описанием товара сбивающей с толку. Дополнительно эвристический анализ помог определить ключевые проблемы:

  • Во-первых, верхняя часть страницы не использовалась должным образом. Большую его часть занимало пустое пространство изображения продукта, из-за чего важная информация располагалась вне зоны видимости.
  • Пролистав страницу вниз, пользователи сталкивались с проблемой мелкого шрифта (прочитать его на ходу вообще практически невозможно). К тому же их смущало множество скидок и повторяющегося контента. Причем вся эта информация располагается над призывом к действию, чтобы до него добраться, приходилось долго крутить страницу вниз.

ecommerce, бизнес, интернет-маркетинг, исследование, онлайн ритейл, стратегия, мобайл, мобильная оптимизация, конверсия, мобильная конверсия, UX-дизайн

Сравните, как выглядит их страница с описанием продукта на ПК:

ecommerce, бизнес, интернет-маркетинг, исследование, онлайн ритейл, стратегия, мобайл, мобильная оптимизация, конверсия, мобильная конверсия, UX-дизайн

В данном случае призыв к действию сразу бросается в глаза, так как находится в верхней части страницы. Информация о продукте изложена структурировано и понятно, также не возникает вопросов и по поводу скидки. Все самое важное находится в зоне видимости. Мобильная же страница значительно отличается от этой.

Мобильная оптимизация и ее особенности

Почему у мобильных платформ меньше показатели конверсии? Чаще всего это объясняется тем, что мобильные устройства чаще используются для поиска информации, а не покупок. Но это только описывает ситуацию, но не объясняет, почему так происходит. По мнению Скотта Дженсона основным фактором в мобильном опыте взаимодействия является взаимодействие с текстом.

Взаимодействие с текстом

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

  • Определение положения курсора, при этом автоматическая коррекция часто приводит к ошибкам.
  • Нажатие на экран и переключение, например, страниц (делать это при помощи стрелок на клавиатуре куда удобнее).
  • Копирование текста и его вставка.

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

Как увеличить мобильную конверсию?

Виноваты в низких показателях мобильной конверсии и не только особенности взаимодействия с устройствами. Основная причина заключается в том, что сайты недостаточно адаптированы под мобильные платформы.

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

Давайте рассмотрим несколько проверенных советов для увеличения показателей мобильной конверсии:

Проводите оптимизацию под намерения пользователей

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

ecommerce, бизнес, интернет-маркетинг, исследование, онлайн ритейл, стратегия, мобайл, мобильная оптимизация, конверсия, мобильная конверсия, UX-дизайн

Даже если пользователь только ищет информацию, существуют эффективно работающие на мобильных платформах элементы, которые сделают путь к покупке беспрепятственным.

Сконцентрируйтесь на преимуществах мобильных устройств

Мобильные платформы идеально подходят для простых действий. Если взаимодействие с сайтом требует много усилий, то это превращается в настоящий вызов для пользователя. Поэтому используйте только те элементы, которые создают благоприятную среду. Протестируйте flash sales или заказ в один клик. Если у вас есть физический магазин, используйте мобильные устройства для совершенствования опыта покупателей.

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

Convince and Convert отлично продемонстрировали разницу между обычным сайтом и мобильным сайтом с четкой целью:

ecommerce, бизнес, интернет-маркетинг, исследование, онлайн ритейл, стратегия, мобайл, мобильная оптимизация, конверсия, мобильная конверсия, UX-дизайн

На обычном сайте много информации. При разработке мобильной версии стоит помнить простое правило – «чем меньше, тем лучше». Любой отвлекающий фактор может заставить пользователя покинуть вашу страницу. Это не так важно для ПК, но мобильным пользователям нужно четко дать понять, чего вы от них хотите.

Никогда не предполагайте, тестируйте

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

Вернемся к Bullymax. Для оптимизации их сайта была разработана и протестирована новая версия.

Новая версия и тестирование

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

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

ecommerce, бизнес, интернет-маркетинг, исследование, онлайн ритейл, стратегия, мобайл, мобильная оптимизация, конверсия, мобильная конверсия, UX-дизайн

Эта версия выглядит намного проще с меньшим количеством текста. Каковы же были результаты?

Результаты

За четыре недели показатели конверсии увеличились на 24,5%. Таким образом, предположение подтвердилось: улучшение опыта взаимодействия привело к росту продаж с мобильных устройств.

ecommerce, бизнес, интернет-маркетинг, исследование, онлайн ритейл, стратегия, мобайл, мобильная оптимизация, конверсия, мобильная конверсия, UX-дизайн

При этом в течение всего тестового периода разница между показателями оставалась неизменной, как видно на этом графике:

ecommerce, бизнес, интернет-маркетинг, исследование, онлайн ритейл, стратегия, мобайл, мобильная оптимизация, конверсия, мобильная конверсия, UX-дизайн

В дополнение к увеличению числа покупок, увеличился и доход на 68,1%.

ecommerce, бизнес, интернет-маркетинг, исследование, онлайн ритейл, стратегия, мобайл, мобильная оптимизация, конверсия, мобильная конверсия, UX-дизайн

Заключение

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

Реакция на статью
поделюсь
0%
интересно
0%
полезно
0%
не уверен
0%
скучно
0%
где автор?
0%
Ия Пфанштиль

Перевожу и адаптирую лучшие статьи для любимых читателей.

Комментарии
Оставить отзыв

    You must log in to post a comment

    ПОДПИСЫВАЙТЕСЬ НА НАС!
    ПОДПИШИТЕСЬ НА НАШУ РАССЫЛКУ!
    Уведомления о новостях, статьях и инфографике будут приходить раз в неделю.
    ПОДПИШИТЕСЬ НА НАШУ РАССЫЛКУ!
    Позвольте нам обновлять ваши знания раз в неделю.