Viber реализовал возможность коммуникации между брендом и подписчиками
Previous
выбрать за меня
Открыт интерфейс доступа к новостным лентам проекта «Яндекс для медиа»
Next
аудитория, веб дизайн, конверсия, юзабилити, A/B тестирование, тестирование, тестирование юзабилити, мобайл, мобильная аудитория, мобильная конверсия, мобильная оптимизация, мобильные интерфейсы, мобильные устройства
Юзабилити

Топ-5 мобильных тестов для оптимизации посадочной страницы

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

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

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

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



Определение “протечек” в вашей мобильной воронке

Первый шаг на пути к созданию лучшего опыта для мобильных посетителей – это определение “протечек” в вашей мобильной воронке путем анализа результатов и поведения пользователей в Google Analytics и тепловых картах для лучшего понимания уникального поведения мобильных посетителей.

Начать можно со следующих мобильных метрик:

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

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

Мобильные источники трафика

Определите самые крупные источники мобильного трафика, а также какие мобильные каналы имеют самые высокие или самые низкие показатели ROI (они могут отличаться от показателей ПК).

Метрики мобильного поведения

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



Поведение и устройства

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

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

аудитория, веб дизайн, конверсия, юзабилити, A/B тестирование, тестирование, тестирование юзабилити, мобайл, мобильная аудитория, мобильная конверсия, мобильная оптимизация, мобильные интерфейсы, мобильные устройства

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

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

1. Протестируйте изображения

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

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



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

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

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

В примере ниже на оригинальной посадочной странице было использовано изображение продукта компании – программного обеспечения:

аудитория, веб дизайн, конверсия, юзабилити, A/B тестирование, тестирование, тестирование юзабилити, мобайл, мобильная аудитория, мобильная конверсия, мобильная оптимизация, мобильные интерфейсы, мобильные устройства

На оптимизированной странице изображение отражает чувство спокойствия и безопасности (вы можете спать спокойно) клиента после приобретения продукта:

аудитория, веб дизайн, конверсия, юзабилити, A/B тестирование, тестирование, тестирование юзабилити, мобайл, мобильная аудитория, мобильная конверсия, мобильная оптимизация, мобильные интерфейсы, мобильные устройства

Фокус с самого продукта был перемещен на желаемое состояние после его покупки. Благодаря этому удалось увеличить число подписок на 78% и покупок на 15%.

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

2. Протестируйте заголовки

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

Например, вместо “Сайт знакомств №1 в мире” можно использовать “Присоединяйтесь к миллионам счастливых пар”. Так заголовок меняет фокус с компании на клиентов.

Правильно подобранные заголовки должны выражать ваше ценностное предложение и подчеркивать ваши отличительные черты.

аудитория, веб дизайн, конверсия, юзабилити, A/B тестирование, тестирование, тестирование юзабилити, мобайл, мобильная аудитория, мобильная конверсия, мобильная оптимизация, мобильные интерфейсы, мобильные устройства

В этом примере компания использовала заголовок “Программа для управления бизнесом №1”. В оптимизированном варианте заголовок был изменен на “Приведите свою команду к успеху”, который обеспечил увеличение числа качественных лидов на 97%.

аудитория, веб дизайн, конверсия, юзабилити, A/B тестирование, тестирование, тестирование юзабилити, мобайл, мобильная аудитория, мобильная конверсия, мобильная оптимизация, мобильные интерфейсы, мобильные устройства

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

3. Разделение форм на секции

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

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

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

В этом примере протестировано разделение форм на две секции:

Шаг 1:

аудитория, веб дизайн, конверсия, юзабилити, A/B тестирование, тестирование, тестирование юзабилити, мобайл, мобильная аудитория, мобильная конверсия, мобильная оптимизация, мобильные интерфейсы, мобильные устройства

И шаг 2:

аудитория, веб дизайн, конверсия, юзабилити, A/B тестирование, тестирование, тестирование юзабилити, мобайл, мобильная аудитория, мобильная конверсия, мобильная оптимизация, мобильные интерфейсы, мобильные устройства

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

4. Протестируйте мобильные всплывающие окна

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

Чтобы помочь им обратить внимание на один элемент и сделать первый шаг к конверсии протестируйте всплывающее окно с одним CTA. Отдельное окно с призывом “Позвонить сейчас” или “Скачать приложение” поможет мобильным пользователям сфокусироваться и получить то, что они ищут.

аудитория, веб дизайн, конверсия, юзабилити, A/B тестирование, тестирование, тестирование юзабилити, мобайл, мобильная аудитория, мобильная конверсия, мобильная оптимизация, мобильные интерфейсы, мобильные устройства

Например, ниже вы видите целых 9 призывов к действию на одном небольшом экране, которые вызывают замешательство посетителей.

аудитория, веб дизайн, конверсия, юзабилити, A/B тестирование, тестирование, тестирование юзабилити, мобайл, мобильная аудитория, мобильная конверсия, мобильная оптимизация, мобильные интерфейсы, мобильные устройства

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

IOS версия:

аудитория, веб дизайн, конверсия, юзабилити, A/B тестирование, тестирование, тестирование юзабилити, мобайл, мобильная аудитория, мобильная конверсия, мобильная оптимизация, мобильные интерфейсы, мобильные устройства

Android версия:

аудитория, веб дизайн, конверсия, юзабилити, A/B тестирование, тестирование, тестирование юзабилити, мобайл, мобильная аудитория, мобильная конверсия, мобильная оптимизация, мобильные интерфейсы, мобильные устройства

Эти изменения и сегментация сгенерировали на 110% больше актуальных загрузок и тысячи подписчиков, ожидающих вход версии для IOS.

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

5. Протестируйте нативный дизайн

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

Например, пользователи iPhone привыкли к одному интерфейсу, а пользователи Android к другому. Предложив разным посетителям более удобный и привычный для них дизайн, вы сможете значительно увеличить показатели конверсии. Изучите отчет об устройствах в GA, возможно, определенные устройства используются намного чаще других.

Ваш следующий шаг к улучшению мобильного опыта

Ключ к успеху мобильной посадочной страницы в понимании того, что желания и потребности мобильных пользователей отличаются от желаний и потребностей пользователей ПК и ноутбуков. Лучше узнайте своих мобильных пользователей и задайте себе вопрос, как вы можете оптимизировать существующий дизайн, или какой должна быть специально созданная для мобильных пользователей страница. Используйте описанные выше идеи A/B тестов, чтобы понять, чего ждут от вас мобильные посетители, и сделать их опыт максимально удобным и приятным.

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

    You must log in to post a comment

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