6 умных способов оптимизации вашего сайта электронной коммерции для мобильных пользователей

По данным Adobe Insights, во время выходных в День Благодарения в 2017 году более половины посещений торговых сайтов в США - 52 процента - были совершены со смартфонов и планшетов. Впервые американцы совершали больше покупок в Черную пятницу с мобильных устройств, чем с компьютеров.

Но этот «шоппинг» точнее было бы называть просмотром, потому что только 36 процентов реальных покупок, сделанных в Интернете, были сделаны с мобильных устройств. Потребители по-прежнему в основном предпочитают покупать на настольных компьютерах, а не на мобильных устройствах. Им нравится смотреть на свои смартфоны, но они прыгают на рабочий стол, когда приходит время нажать на курок.

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

Go Native

Недостаточно иметь «адаптивную» версию вашего настольного веб-сайта. Чтобы быть по-настоящему «мобильным в первую очередь», вам необходимо создать опыт просмотра и покупки, который изначально создан для пользователей смартфонов и использует его уникальные возможности, такие как перелистывание и геотаргетинг.

Большинство дизайнеров начинают с создания интернет-магазина для настольных компьютеров, а затем переносят этот опыт на меньший экран. Обычно это приводит к компромиссам в том, как продукты отображаются, обнаруживаются и покупаются. Это также означает, что «мобильный сайт» не разработан с учетом мышления очень нетерпеливого мобильного пользователя.

Например, при правильной разработке платежные данные и данные клиента (имя, адрес и номер телефона) могут быть активированы одним касанием на смартфоне. Но сайты, превратившиеся в мобильные устройства, редко могут достичь такого уровня простоты.

Поддержка как просмотра, так и покупки

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

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

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

Придумайте мобильную навигацию

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

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

Но гамбургер-меню также может привести к «переполнению меню» или плохой привычке размещать слишком много ненужных ссылок в строке меню. Чтобы избежать этого и гамбургер-меню в целом (что все еще сбивает с толку многих потребителей), вы можете выбрать липкую панель, которая видна в любое время, как это сделал Glossier со своей мобильной навигацией. Для этого необходимо организовать ваши товарные предложения самым минимальным, но логичным способом, потому что вы можете разместить только определенное количество ссылок на панели навигации.

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

Сделайте это молниеносно

Согласно исследованию Google, средняя мобильная целевая страница загружается за 22 секунды. Тем не менее, большинство пользователей покидают мобильную страницу, если она загружается дольше 3 секунд. Это несоответствие не сулит ничего хорошего для ваших продаж, если ваш сайт электронной коммерции загружается медленно.

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

Включите более простую оплату, чем вы думаете

Говоря о скорости, оформление заказа в вашем магазине электронной коммерции должно быть максимально быстрым и беспроблемным. По данным Harris Poll, две трети покупателей отказываются от онлайн-покупок на мобильных устройствах из-за неудовлетворительного оформления заказа. Вы действительно хотите устранить как можно больше трений, чтобы снизить процент отказа от корзины и повысить конверсию.

Вот несколько важных способов сделать это:

• Предложите несколько сторонних способов оплаты, таких как Apple Pay, Google Pay, Amazon Pay и т. Д.
• Включить гостевую оплату
• Сведите к минимуму обязательные поля
• Сложите поля вертикальными рядами и оставьте по одному полю в строке.
• Разбейте процесс оформления заказа на несколько страниц
• Используйте индикатор выполнения, чтобы поддерживать заинтересованность пользователей
• Держите одну заметную кнопку с призывом к действию на странице
• Предоставьте пользователям возможность «позвонить по телефону» в службу поддержки клиентов, чтобы вместо этого они могли совершать покупки с живым человеком.
• Включите автоматическое определение и автоматическое заполнение форм (поддерживается Safari и Chrome)
• Триггерная цифровая клавиатура для ввода данных кредитной карты и номера телефона
• Включите средства поиска адресов, чтобы домашний адрес и адрес доставки можно было заполнять автоматически

Решение проблем безопасности

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

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

Еще лучше, вы можете объединить свой сертификат SSL с сертификатом расширенной проверки (EV), более высоким уровнем сертификации, который позволяет брендам отображать зеленую адресную строку. Многие потребители чувствуют себя более комфортно, предоставляя свою информацию на сайтах с этими зелеными полосами.

По данным Smart Insights, в США коэффициент конверсии на сайтах электронной коммерции для настольных компьютеров в три раза выше, чем на сайтах для смартфонов (3,73% против 1,14%). Принимая во внимание все упомянутые здесь передовые методы, ваш сайт будет в значительной степени способствовать тому, чтобы клиенты нажимали кнопку покупки на своих мобильных устройствах.