Несмотря на то, что более 50% eCommerce-траффика есть мобильным, коэффициент его конверсии (1%) существенно ниже десктопного (3%). Непременно, не всегда получается преобразовать обладателей мобильных устройств так же действенно, как и пользователей ПК. Но следуя 3 представленным ниже правилам, маркетолог может кардинально расширить показатели мобильного преобразования:
Лимитированность. Экран мобильных девайсов мал, посему все второстепенные элементы, отвлекающие от совершения приобретения, должны быть исключены.
Ограниченность выбора. Все легко: чем меньше выбор (будь то товары либо пункты навигационного меню) тем выше конверсия.
Фокусировка на скорости. Так как мобильные пользователи весьма нетерпеливы, сокращение конверсионного пути и повышение скорости работы ресурса являются ключами к оптимизации конверсии.
Потом мы разглядим 10 тестов (основанных на представленных выше правилах), каковые окажут помощь вам значительно увеличить мобильную конверсию.
- Базисное правило мобильной лидогенерации
1. Размещение товаров на домашней странице
Многие бизнесы размещают на посадочной странице контент, созданный для приветствия посетителей и привлечения внимания — примером такового смогут быть истории о бренде, информация о скидках и т. д.
Непременно, красочный и привлекательный дизайн вызывает «wow-эффект», но часто делается источником отвлечения внимания мобильных пользователей. Более целесообразно размещать на основной странице самые популярные товары — это разрешает сократить конверсионный путь за счет устранения этапа, на котором потребитель прочитывает контент домашней страницы и кликает на CTA-кнопку.
Разглядим пример таковой оптимизации:
Как мы видим, текст о скидке был заменен топовыми товарами.
В случае если домашняя страница полна источников дистракции, обрисованная выше оптимизация кардинально снизит показатель отказов, в следствии чего больше людей попадут в воронку конверсии и выполнят преобразование.
Совершить сплит-тест предельно :эффективность текущей версии страницы и вариант с самые популярными товарами.
2. Одностраничный чекаут
Чекаут, складывающийся из нескольких страниц, требует много времени на исполнение, посему его оптимизация и упрощение смогут существенно расширить конверсию.
Существует 2 метода сделать опыт оформления приобретения более целостным:
- Поделить процесс на пара этапов и разместить их на одной странице при помощи jQuery.
- Сделать чекаут одностраничным.
Пример первого способа. В верхней части страницы кроме этого отображается индикатор прогресса, положительно воздействующий на готовность клиента пройти процесс до конца.
В этом случае все элементы размещены на одной странице с несколькими экранами.
Так как потребители, оформляющие заказ, находятся на последних этапах преобразования, оптимизация чекаута имеет прямое влияние на прибыль. По опыту автора данной статьи, специалиста оптимизации конверсии Энди Ханта (Andy Hunt), обрисованные в данном пункте доработки увеличивают выручку вебмагазинов с 10 до 40%.
- Как расширить прибыль на 80% без привлечения новых клиентов?
3. Сокращение полей в форме заказа
Всем маркетологам известна несложная истина: чем меньше полей в форме, тем выше показатель ее конверсии.
При с мобильными формами заказа самый целесообразно убирать элементы регистрации аккаунта, потому, что таковые отвлекают от главной цели чекаута. Помимо этого, постконверсионная рассылка есть действенным методом привлечения к регистрации на ресурсе.
На примере выше продемонстрировано, как элемент подписки был внедрен в первоначальный этап приобретения в целях его сокращения. Оптимизация совершена корректно, но сообщение о подписке на рассылку, размещенное на первых этапах заказа, может оттолкнуть некоторых пользователей.
Вывод направляться несложной: в ходе чекаута не должно быть элементов, мешающих совершению приобретения.
- Путеводитель по оптимизации лид-форм
4. Выговор на скорости оформления приобретения
Как было сообщено ранее, скорость (будь то время совершения сделки либо производительность ресурса) критично воздействует на мобильную конверсию. Дабы привлечь большее число визитёров к приобретению, сделайте выговор на скорости оформления заказа, применяя текст призыва к действию по типу «Оформление приобретения в 1 ход».
Текст главного CTA-элемента был поменян с «Чекаут» (Checkout) на «Чекаут в 1 ход» (1-Step Checkout).
В соответствии с итогам одного из последних тестов Ханта, изменение заголовка CTA-кнопки в среднем увеличивает ее CTR на 15% и неспециализированный показатель преобразования на 10%.
- Игры разума: как создать действенную CTA-кнопку, опираясь на эти физиологии мозга
5. Устранение второстепенных элементов
Наличие таковых (к примеру, кнопок «Добавить избранное» и полей для подписки на рассылку) возможно на стандартных предположениях сайта, но на мобильных лендингах они являются источниками конверсионного трения, поскольку занимают очень ограниченное пространство страницы.
На картине выше продемонстрировано устранение полей соглашения на подписку и создания аккаунта — визуально страница выглядит меньше, в следствии чего главным источником привлечения внимания делается кнопка заказа.
6. Повышение размера CTA-кнопки
Элементы призыва к действию должны быть не только контрастными, но и громадными — пользователям мобильных устройств тяжело кликать на мелкие кнопки.
Разглядим пример:
Так как эта оптимизация есть малом, от ее внедрения не нужно ожидать впечатляющих результатов — по словам Энди, повышение кнопки призыва к действию повышает конверсию в среднем на 5%. Но это несложный и действенный тест, что достаточно скоро повышает показатели.
- 4 необходимых элемента высококонверсионного призыва к действию
7. Ограничьте выбор продуктов
Попытайтесь сократить число отображаемых товаров (особенно на страницах категорий) до самые популярных. Пользователи не будут скролить всегда, исходя из этого ваша задача содержится в том, дабы оказать помощь им отыскать подходящую приобретение максимально скоро за счет группирования товаров.
На странице отображается всего 2 модели шорт — для просмотра остальных, пользователь обязан кликнуть на красную кнопку «Продемонстрировать все».
На данной странице продемонстрированы 4 модели самые популярных кроссовок, а внизу присутствует CTA-элемент для отображения всех товаров категории.
Эффективность для того чтобы ограничения зависит от количества визитёров, переходящих на товарные страницы, посему тестирование данного способа целесообразно для ресурсов с большим уровнем траффика.
- Из-за чего богатый выбор парализует конверсию?
8. Упрощение навигации
Наличие громадного ассортимента усложняет создание юзабельной навигации — уместить все категории товаров в меню, которое будет удобным для пользователей, не так уж и просто.
Существует 2 метода ответа данной неприятности:
- Устраните пункты меню. Ограничьтесь отображением только тех категорий товаров, каковые пользуются громаднейшим спросом.
- Разбейте навигацию на пара шагов. Добавьте 2-3 подменю, дабы упростить скроллинг.
Ниже представлено многоуровневое меню, являющееся примером второго варианта.
Данный метод оптимизации есть оптимальным, поскольку усиливает пользовательский опыт (клиент скоро находит интересную ему категорию товаров) и не требует исключения пунктов меню.
- Как оптимизировать навигацию вебмагазинов, либо 7 раз отмерь
9. Размещение элемента поиска на известный месте
Поле/кнопку поиска направляться размещать или в верхней части навигационного меню, или в левом/правом углу хедера.
Чем несложнее пользователям отыскать необходимый продукт, тем выше возможность успешной конверсии.
- Секреты юзабилити вебмагазина: поиск по сайту
10. Понижение размера изображений
Контент на планшетах и смартфонах грузится продолжительнее, чем на ПК, исходя из этого чаще появляются неприятности с отображением картин громадного размера.
Кроме того маленькая загрузка очень плохо воздействует на конверсию (особенно мобильную) — в случае если картины грузятся продолжительнее 1-2 секунд, направляться трудиться над ускорением их отображения. Эффективность этого трансформации с позиций конверсии зависит от того, как скоро/медлительно изображения загружались до доработок.
Данное изменение есть больше оптимизацией, нежели предметом тестирования. Но, если вы вносите трансформации только на подтвержденных догадках, сплит-тестируйте текущие страницы с оптимизированными. К слову, вы кроме этого имеете возможность протестировать производительность разных хостингов.
Заключение
Резюмируя сообщённое: исключайте из мобильной версии ресурса все элементы, не имеющее прямого отношения к цели конверсии, улучшайте производительность товарного лендинга и оптимизируйте его элементы.
Высоких вам конверсий!
По данным blog.kissmetrics.com
Случайные статьи:
- 23 Сайта для поиска оригинальных бесплатных изображений
- Поиск идеального руководителя отдела продаж: часть 2
Traffic Blaster. Скрипт для раскрутки сайта и привлечения подписчиков
Подборка похожих статей:
-
4 Метода увеличения конверсии, которые хорошо работают на мобильных лендингах
Каждая сфера бизнеса страдает от низкой мобильной конверсии. Обладатели сайтов упускают трафик, а показатели эффективности с каждым днем ухудшаются,…
-
6 Простых правил для создания дизайна мобильных веб-сайтов
Согласно расчетам ComScore к концу 2014 года приблизительно 1.75 миллиарда человек в мире будут пользоваться смартфонами. А это значит, что наиболее…
-
Сплит-тест: заблуждения, которые крадут ваше время
«Доходы выросли на 300%, по причине того, что мы поменяли цвет кнопки Добавить в корзину c зеленого на оранжевый!» Подобные заявления то и дело мелькают…
-
Профиль лида: информация, которая поможет сделать продажу
Перед тем, как сказать о грамотной работе с лидами, разберемся, о чем обращение. Лид — это пользователь, что каким-либо образом продемонстрировал интерес…