Расскажем, как можно увеличить конверсию сайта посредством его правильной адаптации под мобильные устройства.

Более 50% пользователей отдают предпочтение поиску информации при помощи мобильных гаджетов. И мы сейчас говорим только об анализе результатов поисковой выдачи. Если вы игнорируете показатели популярности автономных пользовательских web-платформ Instagram, Facebook и YouTube, то уменьшение лояльного клиентского потока будет ещё более значительным.

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

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 для конкретной экранной диагонали.

Решение: сделайте свой сайт максимально гибким — настройте отображение содержимого на любых экранах.

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