Расскажем, как можно увеличить конверсию сайта посредством его правильной адаптации под мобильные устройства.
Более 50% пользователей отдают предпочтение поиску информации при помощи мобильных гаджетов. И мы сейчас говорим только об анализе результатов поисковой выдачи. Если вы игнорируете показатели популярности автономных пользовательских web-платформ Instagram, Facebook и YouTube, то уменьшение лояльного клиентского потока будет ещё более значительным.
Далее мы перечислим ошибки, которые являются актуальными для большинства мобильных версий продающих сайтов. Их устранение поспособствует оптимизации пользовательского опыта и повышению объёма продаж.
Содержание
- 1. Объёмные формы для оформления заказов
- 2. «Неактивные» контактные данные компании
- 3. Наполнение, которое нельзя просмотреть на том или ином мобильном гаджете
- 4. Неоптимизированные конверсионные элементы интерфейса
- 5. Нечитабельные шрифты
- 6. Малые размеры кликабельных web-элементов
- 7. Медленная скорость загрузки
- 8. Неверная переадресация и закрытый доступ к полной версии web-проекта
- 9. Not Found
- 10. Некорректно настроенный тег viewport
1. Объёмные формы для оформления заказов
Запомните: ваши потенциальные покупатели хотят, что называется, всё и сразу. Они не станут тратить больше 3-5 минут на заполнение информационных полей.
Правило №1: форма обратной связи должна быть максимально сжатой, в противном случае целевое действие (приобретение товара) клиентом не будет выполнено.
Рекомендации:
- при необходимости разбейте форму на 2-3 части;
- в рамках стартовой стадии заполнения попросите посетителя отправить только самые важные персональные сведения (имя и фамилию, контактный телефонный номер, почтовый адрес).
2. «Неактивные» контактные данные компании
Речь идет, например, о телефонных номерах, опубликованных на сайте в формате изображения. Таким коммуникационным инструментом нельзя воспользоваться сразу. Результат – увеличение показателя отказов.
Совет: размещайте любую контактную информацию посредством формирования текстовой конструкции.
Дополнительные рекомендации:
- выясните, какие мессенджеры (Вайбер, Телеграм и т. д.) регулярно используются вашей целевой аудиторией, после чего обеспечьте мгновенный доступ к клиент-сервису при помощи расположения активных кнопок в пределах мобильной версии площадки;
- в процессе администрирования чата руководствуйтесь ключевыми целями потребительского сегмента (учтите, что виртуальные собеседники (чат-боты) не всегда являются эффективным средством общения, в некоторых случаях к обсуждению сделки лучше подключать реального менеджера-консультанта).
3. Наполнение, которое нельзя просмотреть на том или ином мобильном гаджете
Советы по оптимизации визуального сопровождения сайта:
- разрабатывайте и внедряйте только те информационно-продающие элементы, которые будут корректно отображаться на всех мобильных устройствах;
- добавляйте больше текстового контента, а также изображений в формате jpeg;
- flash-анимации заменяйте gif-файлами.
4. Неоптимизированные конверсионные элементы интерфейса
Примеры:
- виджет, позволяющий быстро связаться с менеджером;
- всплывающее окно, предлагающее клиенту ознакомиться с преимуществами дополнительного предложения-мотиватора.
Последствия функционирования неадаптированных виджетов:
- pop-up будет загораживать собой ценное информационное наполнение, формы обратной связи и так далее;
- может наблюдаться значительное расширение границ web-страницы, которое будет снижать качество UX в рамках изучения содержимого мобильной версии web-проекта.
Рекомендация: в обязательном порядке проверяйте корректность работы всего функционала на каждом устройстве.
5. Нечитабельные шрифты
Ключевая информация о торговом предложении, триггеры влияния и call to action (призывы к действию) подаются аудитории в виде текста. Поэтому при разработке шрифтов руководствуйтесь следующими правилами:
- пользователями хорошо воспринимаются строгие шрифты (без «закорючек»);
- на одной web-странице можно применять максимум 3 типа шрифтов (в противном случае скорость её загрузки существенно снизится);
- оптимальный размер основного текстового наполнения – 16 пикселей;
- между строками обязательно должен присутствовать интервал (благодаря ему статья не будет казаться сплошной текстовой «простыней»).
6. Малые размеры кликабельных web-элементов
Часто клиент покидает мобильный сайт по причине наличия неоптимизированных гиперссылок, а также компонентов, выполняющих роль связующего механизма между этапами воронки продаж (например, кнопка «Купить»).
Актуальное решение проблемы: идеальный размер кликабельного элемента составляет 44 px.
7. Медленная скорость загрузки
Если ваш сайт грузится дольше 10 секунд, то показатель отказов будет высоким.
Примечание: оптимальная скорость загрузки «мобильного» ресурса – 3 секунды.
8. Неверная переадресация и закрытый доступ к полной версии web-проекта
В идеале сайт должен идентифицировать устройство, при помощи которого клиент совершил первый анализ его содержимого. При неправильной настройке редиректа клиент не сможет попасть на страницу, релевантную его стартовому запросу.
Пример: предположим, что вы разместили в VK рекламное объявление, добавили в него ссылку на конкретную товарную позицию. Покупатель заинтересовался вашим предложением. Он нажимает на объявление с мобильного телефона, но переходит не на страницу с товаром, а на главный раздел ресурса.
Как думаете, продолжит ли он искать ваше предложение (пусть даже очень выгодное), особенно если товарный ассортимент состоит из 500, 700, а то и 1000 позиций?
Решение: сделайте так, чтобы пользователь в пределах любой платформы смог попасть на необходимый ему раздел.
Рекомендация: разместите в подвале площадки кнопку, обеспечивающую переход на десктопную версию ресурса.
9. Not Found
Перенаправление потенциального клиента на несуществующую страницу чревато ухудшением поисковых показателей «мобильного» сайта.
Возможный сценарий решения задачи: заранее подготовьте страницу с ошибкой 404 для случайных пользовательских посещений, разместив на ней цепляющий лид-магнит (результат – повышение вовлечённости).
10. Некорректно настроенный тег viewport
Данный инструмент способствует выравниванию web-проекта на экранах различных гаджетов. Ошибка заключается в установке фиксированного viewport для конкретной экранной диагонали.
Решение: сделайте свой сайт максимально гибким — настройте отображение содержимого на любых экранах.
Нужна помощь? Осуществляем техническую поддержку, доработку, модернизацию и обслуживание сайтов.