Примеры оптимизации мобильного лендинга

 

Мы все услышали фразу: “У вас только есть только один шанс, чтобы произвести первое впечатление”. И эта фраза особенно уместна, когда дело доходит до мобильных целевых страниц. На самом базовом уровне целевая страница — это первое взаимодействие клиента с вашим веб-сайтом. Произведение первого впечатления здесь очень важно.

 

Мобильная Статистика:

  • Коммерческие доходы смартфонов составили 14.8 миллиардов долларов США в этом году. (по данным Statista)
  • Предполагается, что к 2016 мобильный локальный поиск составит 3.2 миллиарда долларов в доходе, по сравнению с 10.2 миллиардами долларов прибыли от поисковых запросов с компьютера. (Отчет Kelsey)
  • 50% пользователей смартфона делали покупки с помощью их телефона (Prosper Mobile Insights).
  • 73% пользователей смартфона говорят, что использовали мобильный Интернет, чтобы совершать покупки вместо того, чтобы использовать приложение (JumpTap.com).

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

  • Стратегию
  • Основы
  • AB тестирование

Стратегия

1. Разберитесь, с чего начать – Создание мобильной версии сайта — удовольствие дорогое и отнимающее много времени. Лучший способ начать — проанализировать болевые точки и слабые места в том, что у вас есть на данный момент. Как только вы поймете это, вы осознаете, с чего начать. Самые важные элементы, которые вам нужно проанализировать для создания мобильной версии сайта, это объем трафика, демографические данные и образцы покупки.

2. Поймите цели вашего клиента – Удостоверьтесь, что вы понимаете, как отличаются цели пользователей мобильного интернета и цели пользователей настольных систем. Вы уверены, что им нужно одно и то же? Мы используем мобильный интернет совсем не так, как используем настольный. Иногда нам приходится использовать 2 или 3 устройства одновременно по совершенно разным причинам. Разберитесь, что люди делают на вашем мобильном сайте, поймите, чего они хотят и создайте для своих клиентов атмосферу, которая поможет им продвигаться по вашему сайту быстро и комфортно.

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

4. Измените их жизнь: Существуют тысячи компаний, делающих одно и то же. Люди проводят очень мало времени на мобильных сайтах и должны понять, что ваше предложение ценно, всего за несколько секунд. Сфокусируйтесь на клиенте и его выгоде. Меньше действий, говорящих: “Мы самые лучшие в мире”, больше – “Это изменит Вашу жизнь”.

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

6. Скажите это сразу – Посетитель должен понять, что же такого в вашем сайте, быстро, не утруждая себя чтением сложных текстов и историй. Убедитесь, что ваше ценное предложение находится на верху страницы. Ваш заголовок и призыв к действию должны быть «выше сгиба» (что видят посетители, когда заходят на страницу), и дают посетителю нужную информацию быстро.

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

Основы

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

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

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

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

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

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

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

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

15. Щелкните, чтобы вызвать – Многие пользователи мобильных сайтов нацелены на непосредственный контакт. При помощи использования кнопки “щелчка для вызова”, вместо скопированного и вставленного номера, вы создаете более удобные переходы и прокладываете пользователю более легкий путь. Убедитесь, что вы настроили отслеживание телефона, чтобы отследить входящие вызовы до их начала.

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

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

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

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

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

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

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

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

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

Взгляните на пример Naked Wines:

  • Много текста
  • Кнопка призыва к действию обрезана

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

26. Сохраните заголовки короткими – Не оставляйте в заголовках больше 3х-4х слов, чтобы заголовок был не длиннее 1 строки.

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

28. Избегайте Flash – Это может выглядеть неплохо в сети, но это не в мобильном интернете. Настоятельно рекомендую HTML5, GIF и JPEG .

29. Примите расположение во внимание – Мы используем смартфоны смотря телевизор, управляя машиной, делая покупки и в других местах. Создайте значки для быстрой навигации (включите короткий объяснительный текст).

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

31. Эксклюзивные предложения – Большинство людей предпочитает пользоваться настольными экранами. Чтобы увеличить интерес к вашему сайту, предложите уникальные мобильные распродажи.

32.Дизайн для действия – Спроектируйте все активируемые по щелчку элементы (кнопки, не только текстовые ссылки), сделайте их достаточно большими и добавьте пространство вокруг них, чтобы сделать на них акцент.

Обратите внимание, как мы разработали вызывную кнопку, и посмотрите на размер основного призыва к действию ниже:

33. Меньше лучше – Используйте так мало текста, насколько это возможно, и устраните все ненужные элементы дизайна – оставьте только функциональные элементы.

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

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

36. Оптимизируйте для SEO без разрушительных преобразований – Избегайте использования большого количества текста на Вашей мобильной целевой странице и создайте расширяемое отделение. Это сделает страницы короче, и посетители смогут щелкнуть по тому, что их интересует.

AB тестирование на мобильном

37. Протестируйте KPI – Перед тем, как начать тестировать, устанавливать свои бизнес-цели и переведите их в цифровой KPI (например, – регистрации, покупки, загрузки). Как вы определили свой KPI, убедитесь, что отслеживание настроено правильно.

38. Достигните значения – во время проведения тестов, убедитесь, что пройдете их до самого конца — до достижения статистического значения, и поможет вам в этом Google Experiments. Так же можете воспользоваться этим A/B test calculator. Достижение значения гарантирует, что вы изучили столько тестов, сколько только возможно и знаете, что они корректны.

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

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

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

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

Заключение

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

Источник перевода