Мобильные лендинги прочно вошли в нашу жизнь: практически каждая компания не упускает возможности запустить посадочную страницу, адаптированную под малый экран. Такое рвение понятно: мобильный трафик составляет более половины совокупного глобального объема, и все больше покупок совершается с мобильного телефона.
Мобильные пользователи – это серьезный сегмент рынка, который растет из года в год. Глупо не считаться с его интересами или игнорировать его.
Итак, мы определились, что мобильные лендинги полезны и нужны. А в чем их отличие от мобильных сайтов?
Мобильный лендинг – это лендинг, адаптированный под мобильные устройства. С определением лендинга не должно возникнуть проблем – это одностраничный сайт, созданный с одной конкретной целью – конверсия. Конверсия может принимать разные формы – от продажи товара до регистрации на курс.
Лендинг имеет особую структуру, которая облегчает усвоение информации, не дает отвлечься на посторонние раздражители и уверенно продвигает пользователя к конверсии.
Зачем создавать отдельно мобильный лендинг? Дело в том, что взаимодействие человека с ПК и мобильными устройствами отличается, и это влияет на поведение и решения пользователя.
К примеру, на ПК большой экран, где мы можем открыть сложный многостраничный сайт со всплывающими окнами, многоярусным меню и т.д. Скорость домашнего интернета позволяет просматривать самые разные форматы и видео в HD-качестве. Мы усваиваем информацию не спеша, можем вчитываться в мелкий шрифт и открывать изображения.
Просмотр контента на мобильном телефоне совершенно иной. Как правило, поиск информации обусловлен конкретными обстоятельствами. Например, вам нужно прямо сейчас узнать, где находится ближайшее отделение банка или когда закрывается конкретный магазин. Счет идет на секунды, и мобильный сайт, который медленно загружается, никогда не привлечет посетителей. Также из-за ограниченной скорости мобильного интернета не все сайты и форматы адекватно воспроизводятся. Это тоже нужно учитывать.
Мобильные лендинги – особенности дизайна и построения
Скорость загрузки
Скорость загрузки мобильного сайта играет ключевую роль. Никто не будет терпеливо ждать, пока страница открывается 5 минут. Ваша задача – максимально облегчить мобильный лендинг, избавиться от технологий, которые не совместимы с мобильными устройствами (например, Flash), сжимать изображения (jpg вместо png).
Навигация
Идеальный мобильный лендинг имеет вид вертикальной страницы без боковых ответвлений, которую можно прокрутить сверху вниз. Навигация должна подчиняться такому формату, т.е. основные элементы управления должны быть закреплены вверху (так называемый «липкий хедер»), а текст должен быть отформатирован в виде колонки.
Высокий контраст
Мобильными устройствами пользуются чаще всего вне дома, то есть на открытом воздухе под яркими солнечными лучами. При создании мобильного лендинга выбирайте контрастные цвета, которые будут хорошо видны в любых условиях.
Заголовки
Заголовки должны быть цепляющими и в то же время экстремально короткими. В идеале – состоять из нескольких слов. Откажитесь от подробных описаний продукта на целый абзац. Отредактируйте текст так, чтобы по максимуму вычеркнуть лишние слова.
CTA-кнопки
Кнопка призыва к действию – это главный элемент лендинга. В идеале пользователь должен видеть ее в первую секунду после попадания на сайт. Как вариант, ее можно разместить в липком хедере и еще несколько раз на протяжении страницы, если у вас длинный мобильный лендинг.
Формы регистрации
Не напрягайте пользователей требованием заполнить 10 полей в лид-форме, среди которых будет что-то вроде «Укажите личный номер паспорта». Вся информация должна быть под рукой, а не в документах, которые придется искать.
Номера телефонов
Кликабельный номер телефона – это абсолютная необходимость мобильного лендинга. Нет ничего хуже, чем вручную копировать телефон в книгу, чтобы позвонить вам.
А/В тесты
Любые изменения и вариации необходимо тестировать на эффективность. Только так вы будете знать, что двигаетесь в правильном направлении.
Полную версию статьи с примерами классных мобильных лендингов можно прочитать здесь.