Количество покупок, которые люди делают в интернете с помощью смартфонов и планшетов, неуклонно растёт: на рынке электронной коммерции m-commerce — самый заметный тренд. А значит, вопрос мобильной адаптации интернет-магазина приобретает первостепенное значение.
По сравнению с 2013 годом покупатели в четыре раза чаще используют мобильные устройства для совершения транзакции. Согласно исследованию Mobile Path to Purchase от компании XAD, в 2015-м году 35 % американцев использовали мобильный шопинг. Николай Палиенко, CEO группы компаний EVO, управляющей рядом маркетплейсов в постсоветском пространстве, прогнозирует, что и в наших широтах в 2016 году 30–40% интернет-покупателей будут использовать мобильные устройства для выбора и заказа товаров и услуг.
Для этой тенденции есть несколько предпосылок: рост количества смартфонов у населения, повсеместное распространение качественного 3G-покрытия, рост популярности мобильных приложений от крупнейших мировых онлайн-магазинов. Согласно нашим данным, женщины чаще мужчин посещают интернет-магазины с мобильных устройств, соответственно, у «мобильных» покупателей наиболее популярны “женские” группы товаров: одежда, обувь, аксессуары, товары для красоты и здоровья, товары для детей. Если ваш интернет-магазин нацелен на женскую аудиторию, мой главный совет — обратите внимание на качество его мобильной версии.
Как сделать мобильную версию интернет-магазина эффективной, рассказывает Ольга Белоус, продакт-менеджер по мобильному направлению компании Prom.ua:
- Помните, что чаще всего люди пользуются мобильными версиями сайтов в достаточно нестабильных условиях: на ходу, возможно, с нестабильным интернет-подключением. Не загружайте на мобильную версию сайта ничего лишнего! Уменьшите фото, видео (как по размеру, так и по весу). Оптимизируйте и зафиксируйте таблицы. Используйте читабельные и крупные шрифты в меню сайта и на страницах.
- Размещая кликабельные элементы, не забывайте про “правило большого пальца”: размер и расположение каждого из них должны быть такими, чтобы его можно было нажать большим пальцем руки, не задев другие кликабельные элементы.
- Будьте аккуратнее с модальными (всплывающими) окнами: уменьшите их количество на сайте, фиксируйте их в видимой зоне экрана (это могут быть например формы регистраций или подписки) и проверяйте, не мешают ли постоянные виджеты (например, окно онлайн-чата) увидеть важную информацию о товарах или совершить целевое действие;
- Избегайте hover-эффектов (изменение изображения при наведении на него курсора мышки). На обычном сайте hover-эффекты несут дополнительную информацию и придают вашей странице динамики, однако для сенсорных экранов это неестественный элемент.
- Облегчите веб-формы и регистрацию. 29 % покупателей бросают корзину, не доведя дело до покупки, потому что не хотят регистрироваться. Ещё 10 % оставляют заказ незавершённым из-за того, что процесс заказа слишком долгим. Учтите, что мобильный покупатель ещё более чувствителен к “лишним данным”. Поэтому введите в мобильной версии “покупку в один клик”, минимизируйте количество полей, адаптируйте типы клавиатур к типу поля, реализуйте авто-заполнение — словом, сделайте всё, чтобы минимизировать или убрать барьер перед покупкой.
- Приведите в порядок главную страницу, чтобы пользователь мог с первого же экрана точно понять, на какой сайт он попал и что можно у вас найти. Около 70% пользователей скроллят почти всю вашу домашнюю страницу (прокручивая вверх и вниз), в надежде быстро оценить ее содержимое и наличие чего-то интересующего их. Покажите, что кроме логотипа и контактных данных у вас еще есть много категорий товаров, нужных потенциальному покупателю.
- Способы коммуникации должны быть максимально удобными для мобильной среды: например, восстановление пароля пользователю будет удобней сделать через смс-код, а не через переход по ссылке в письме. Обязательный пункт — функция click-to-call, которая позволит пользователям при нажатии на любой номер телефона в вашем интерфейсе сразу осуществить звонок. При этом важно, чтобы номер телефона был введен целиком, включая код города или оператора, так как без этого функция click-to-call будет бесполезной.
