UX/UI

M-commerce: особенности юзабилити мобильной версии сайта и преимущества покупок со смартфонов

Максим Жуков
Сооснователь ecommerce-агентства KISLOROD
В сегодняшнем материале поговорим о нюансах покупок через смартфоны и о том, какую роль играет хорошее юзабилити для адаптивной или мобильной версии сайта.
Содержание

Значение m-commerce

В 2020 году количество пользователей смартфонов перешагнуло отметку в 3,5 млрд человек. Это почти на 300 млн больше, чем в 2019 году. Статистика Digital 2020 показывает устойчивый прирост мобильных пользователей — в течение одного только 2019 года их число увеличилось на 124 млн человек.
Рост мобильной коммерции (м-коммерция) - KISLOROD
Прирост пользователей смартфонов
В разрезе России данные выглядят следующим образом (разбивка на три типа устройств — декстоп, смартфоны, планшет):
Мобильная электронная коммерция в разрезе по типам устройств - KISLOROD
Анализ Яндекс по типам используемых устройств
Покупки в сети стали обычным явлением — примерно ¾ всех пользователей глобальной сети хотя бы раз в месяц делают заказы онлайн. О стремительном развитии электронной коммерции говорит и возрастная статистика. Диапазон возраста пользователей — от 16 до 64 лет. Интересно взглянуть и на такие данные:
  • 52% покупок совершаются через смартфоны;
  • 36% товаров заказываются с ноутбуков/компьютеров;
  • 74% покупателей предпочитают онлайн-формат шопинга, комбинируя мобильные и десктопные устройства. Выбор девайса обычно обусловлен типом товара.
Mobile Commerce - отчет Digital 2020
Отчет Digital 2020 в разрезе e-commerce
Аналитика SaleCycle наглядно показывает тенденции развития мобильной коммерции (mobile commerce или м-коммерции), насколько велик потенциал продаж в формате онлайн. Уже сегодня 65% трафика приходится именно на мобильные устройства, процент продаж чуть меньше — около 53%. Эту статистику подтверждают и исследования Яндекс по m-commerce в России.
Динамика продаж в m-commerce в россии - KISLOROD
Динамика продаж с мобильных устройств
Отправьте заявку на юзабилити-аудит сайта прямо сейчас и увеличьте конверсию минимум на 20%! Найдём точки роста конверсии и выявим барьеры на пути пользователей сайта.

Особенности работы мобильной коммерции

Сфера мобильной коммерции имеет свои особенности — некоторые пользователи предпочитают следующий сценарий покупок: выбирают товары на смартфоне, но оформляют заказ с ноутбука или компьютера. Подобная практика применяется в основном для крупных и дорогих покупок.
Логично, что при таком подходе конверсия на декстопах выше, хотя вероятно в ближайшем будущем картина изменится. Если ритейлеры переформатируют систему продаж в сторону мобильных устройств, это приведет к увеличению показателей конверсии.
Уровень мобильного трафика сильно зависит от направления бизнеса. Если взять данные выборки SaleCycle, то можно увидеть такую картину в области м-коммерции:
  • сайты по продаже продуктов питания: уровень мобильного трафика — 75%, уровень продаж — 67%. Показатели отказов минимальны.
  • сайты по продаже одежды/обуви/аксессуаров: уровень мобильного трафика и продаж — около 90%. Высокий процент активности покупателей обусловлен тем, что большую часть из них составляет молодежь, которая априори предпочитает пользоваться смартфонами.

Уклон в сторону Mobile First-подхода

Следуя современным тенденциям mobile e-commerce, владельцы интернет-магазинов все чаще применяют Mobile first подход. Его основной принцип заключается в том, чтобы интерфейс и функционал сайта был изначально адаптирован под смартфоны. Также учитывается еще один критерий — насколько просмотр сайта со смартфона удобен в разрезе алгоритмов Google. Ресурсы с более положительными отзывами ранжируются выше, чем имеющие хорошую оценку в Google PageSpeed Insights.
Главная задача Mobile First — повысить информативность сайта и способствовать улучшению пользовательского опыта на смартфоне. Красочность меню и обилие фотографий не интересуют людей — им важно выбрать товар и оформить покупку, а не играться кнопками или читать пустые тексты. Разработчики интернет-маркетов должны учитывать особенности мобильного интерфейса, чтобы избежать избыточного контента и функционала на экранах смартфонов.

Что лучше: приложение, адаптивный сайт или мобильная версия магазина?

Ранее мы размещали в блоге статью об особенностях разработки адаптивного сайта и мобильной версии сайта. Там же были приведены доводы в пользу первого варианта — он рациональнее и выгоднее с точки зрения функционала и финансовых затрат. Разумеется, окончательное решение нужно принимать с оглядкой на специализацию проекта и потребности целевой аудитории.
Заниматься разработкой приложения мы не рекомендуем. Аналитика Google показывает, что 50% пользователей смартфонов равнодушны к приложениям — им проще заказывать товары прямо на сайте, а не тратить время на загрузку приложения и изучение его функционала.
Второй аргумент против разработки мобильных приложений — весомые денежные вложения, которые нередко равносильны затратам на создание и сопровождение полноценного сайта. Говорить о целесообразности приложения есть смысл только в разрезе крупных маркетплейсов и гипермаркетов с большим оборотом продаж. В качестве исключения можно рассматривать мировые бренды с пулом постоянных покупателей и притоком новых клиентов.

Проблемы юзабилити в м-коммерции

1. Трудности с контекстом страницы

Отличие мобильной версии сайта от декстопной в том, что экран смартфона технически не приспособлен для отображения всей страницы. Пользователям сложнее сориентироваться в функционале интернет-маркета, и это является существенной проблемой. Ограниченность обзора станицы не дает возможности полноценно оценить систему фильтров товаров, листинги и инструменты навигации сайта. Пользователи испытывают затруднения при просмотре превью карточек товаров и самих карточек, сравнении интересующих товаров, не говоря уже о самой процедуре оформления заказа.
Маленький экран значительно снижает качество юзабилити мобильной версии сайта. Ограниченный размер дисплея не позволяет вместить весь необходимый контент и функционал — покупателям трудно воспринимать страницу частями. Тестирование показало, что респонденты ощущали себя потерянными и были не в состоянии полноценно пользоваться поиском и другими инструментами навигации.
Чтобы облегчить покупателям взаимодействие с сайтом, внедряйте различные фишки, вроде всплывающих подсказок, выпадающих окон с уже заполненным содержимым полей форм, перекрестные продажи в карточке и так далее. Рекомендуем поработать над заголовками — они также помогают быстрее «переваривать» контекст размещенного текста.
Пример всплывающих подсказок и описаний полей форм, реализованных в мобильной коммерции Яндекс.Маркет - KISLOROD
Пример всплывающих подсказок и описаний полей форм, реализованных на Яндекс.Маркет
Старайтесь закреплять заголовок в верхней части экрана даже в ущерб свободному месту. Часто при прокрутке длинных форм заказа или регистрации пользователь теряет из вида уже заполненные поля — ему непонятно, какие данные введены, какие еще потребуется предоставить, и не ошибся ли он при заполнении формы.
Пример закрепленного заголовка на Яндекс.Маркет - KISLOROD
Пример закрепленного заголовка на Яндекс.Маркет

2. Потеря ориентации пользователя

Стараясь перейти с одной страницы на другую, пользователи смартфонов нередко впадают в ступор:
  • с трудом осознают, куда зашли;
  • не могут понять, где «спрятан» нужный функционал или как перейти на желаемую страницу;
  • пропускают важные триггеры, влияющие на принятие решения о покупке — качественные характеристики товара, акции, УТП, текстовое описание продукта и прочее;
  • теряют интерес к интернет-магазину.
Как решить эту проблему, поговорим в следующем материале.

3. Ограниченный контент

Пользовательский опыт напрямую зависит от качества реализации мобильной версии интернет-маркета. В число распространенных причин отказа от покупок входит отсутствие всего контента, доступного в десктопной версии сайта. В частности, это касается каталога товаров — очень проблематично отображать на небольшом экране весь ассортимент продукции.
Исследования показали, что при выводе ограниченного перечня товарных категорий пользователи мобильной версии не могли проанализировать весь ассортимент продукции и, соответственно, выбрать нужный продукт. Одни респонденты были уверены, что мобильный каталог совпадает с десктопным и разочаровывались в скудности ассортимента, вторые — тщетно пытались найти другие товары, думая, что те все-таки присутствуют на сайте. Затраты времени на безуспешные поиски составляли в среднем 10 минут, после чего испытуемые покидали интернет-магазин.
Как создать главную страницу? Ваша задача — дать понять пользователю, что он видит неполный каталог и доходчиво объяснить, где он может найти недостающую информацию. В идеале должен отображаться весь ассортимент продукции, чтобы соответствовать ожиданиям покупателей.
Выяснилась и значимость сервисных страниц сайта. На многих мобильных версиях сайтов было трудно найти базовую справочную информацию — она либо отсутствовала вообще, либо подавалась в ограниченном формате. Пользователи не могли ознакомиться даже с условиями возврата, узнать стоимость доставки и другие сервисные данные. Итог — отказ от покупки.
Какой можно сделать вывод: в мобильной версии необходимо отображать и полный товарный каталог, и сервисные страницы, но форма отображения контента должна быть адаптирована к текущему интерфейсу.
Например, для вывода расширенного описания в карточках товаров можно использовать табы. Аналогичный принцип подходит и для размещения сервисных страниц. В результате контент в мобильной и десктопной версиях будет одинаково полноценным, но подстроенным под технические требования разных интерфейсов. Изменения в настройке функционала допустимы, когда они логически оправданы.
Идентичность функционала и контента на примере мобильной и декстопной версии сайта mvideo.ru - KISLOROD
Идентичность функционала и контента на примере мобильной и декстопной версии сайта mvideo.ru

4. Сенсорный ввод

Многие пользователи делают выбор именно в пользу сенсорных устройств, которые по сравнению с «неуклюжей» мышкой или тачпадом на ноутбуке выглядят более удобными и интуитивно понятными. Однако при всех кажущихся преимуществах сенсорный ввод имеет и ряд недостатков:
  • отсутствие опции наведения, характерного щелчка мышки;
  • слишком маленькое окно для ввода символов, несоизмеримое с размером пальцев — приводит к частым ошибкам;
  • необходимость использования жестов, свойственных только смартфонам.
Рассмотрим эти моменты предметно ниже.
Отправьте заявку на юзабилити-аудит сайта прямо сейчас и увеличьте конверсию минимум на 20%! Найдём точки роста конверсии и выявим барьеры на пути пользователей сайта.

5. Отсутствие опции наведения курсора на элемент

В случае использования десктопа распознать активную ссылку можно двумя способами — навести курсор на слово/фразу, которое отобразится ссылкой, или визуально — если ссылка изначально выделена подчеркиванием. В мобильных устройствах опция наведения курсора мыши на элемент технически невозможна, и взаимодействие со страницами осуществляется только пальцами.
В смартфоне предусмотрено две возможности:
  • отображение информации посредством наглядных инструментов навигации — ссылок, кнопок — они видны, даже если текст размещен в подразделах или на дочерних страницах;
  • отображение информации при свайпе — контент может размещаться на слайдере и быть частично скрытым.
В первом случае необходимо выводить основные элементы навигации по аналогии с мобильными приложениями — внизу или шапке страницы. Информация становится доступной пользователю в процессе раскрытия модальных окон, всплывающих текстовых подсказок, меню-аккордеонов
Навигация в открытом формате на lamoda.ru - KISLOROD
Навигация в открытом формате на lamoda.ru
Во втором случае используются специальные жесты — это позволяет не перегружать интерфейс, но есть риск, что пользователь пропустит нужный контент. Важно обратить его внимание на наличие такой опции.
Навигация в скрытом формате на mvideo.ru - KISLOROD
Навигация в скрытом формате на mvideo.ru
Хорошо, когда комбинируются оба метода, но целесообразность использования того или иного варианта должна базироваться на текущем пользовательском опыте.

6. Случайные клики (тапы)

Главный «рабочий» инструмент для смартфонов — это пальцы. Нажимать кнопки и открывать ссылки можно только руками, поэтому когда на экране размещено множество кликабельных элементов, часто случаются ошибочные переходы. При тестировании Baymard Institute у половины респондентов были замечены случайные тапы. Раз за разом делая ошибки, пользователи просто уходили с сайта.
Зачастую проблема кроется в том, что кнопки и ссылки располагаются вплотную друг к другу, что увеличивает вероятность случайных тапов. Наглядно этот баг можно увидеть в футере сайта letu.ru.
Слишком плотное расположение ссылок в футере на letu.ru - KISLOROD
Слишком плотное расположение ссылок в футере на letu.ru
Полностью убрать случайные тапы вам не удастся, но минимизировать их количество вполне реально. Подберите размер элементов навигации таким образом, чтобы он анатомически подходил к пальцам среднестатистической человеческой руки — то есть был достаточно крупным. Еще один важный момент — удаленность интерактивных элементов друг от друга. В мобильных устройствах она должна быть большей, нежели в десктопах. Как реализуется навигация на смартфонах, читайте в следующей публикации.

7. Мобильные жесты для масштабирования картинок

Анализ использования мобильных жестов показал, что большинство респондентов пытались увеличивать картинки двойным тапом или опцией разведения пальцев, даже когда изображения были достаточно крупными. При неудачных попытках 40% пользователей закрывали карточки товаров или же покидали сайт вообще.
Действия покупателей логически понятны — при заказе онлайн им важно оценить внешнюю эстетику, качество изготовления, размер и другие значимые характеристики продукта по фото. Особенно это касается интернет-маркетов интерьерного декора, подарков, одежды/обуви, постельного белья — где товар оценивается, прежде всего, по визуальным параметрам.
Если вы специализируетесь на вышеперечисленных или сопряженных нишах, обязательно настройте функцию увеличения изображений. Дайте знать пользователю о существовании такой опции — например, в виде иконки жеста, всплывающего текста или другой подсказки. Откажитесь от изображений с низким разрешением в угоду большей скорости загрузки. В этом случае масштабирование не будет иметь смысла — вы получите от пользователей негативный фидбэк.
Реализация опции масштабирования на mvideo.ru - KISLOROD
Реализация опции масштабирования на mvideo.ru

8. Встроенные и настраиваемые клавиатуры для набора текста

Не нужно подробно объяснять, каким неудобным бывает набор текста на сенсорной клавиатуре — владельцы смартфонов об этом знают не понаслышке. Из-за маленького размера панели пальцы часто теряют тактильность, захватывают соседние буквы, пробелы — процесс идет медленно, с ошибками.
Хороший фидбэк получают настраиваемые клавиатуры. Они могут быть электронные, числовые, телефонные и так далее. Их основное преимущество — крупные кнопки и большие отступы между буквами/цифрами, благодаря чему область нажатия становится шире. Каждое нажатие ощущается отчетливей, пальцы не заходят на другие знаки, как на классической сенсорной панели.
Еще один способ повысить комфорт и скорость набора текста — настройка функции автозаполнения полей. Вы можете предложить пользователю автоматический ввод данных в некоторых ячейках и, тем самым, упростить ему ввод или не допустить ошибки. Как правило, это информация, которую вы получаете при регистрации клиента — Ф.И.О., номер телефона, электронная почта, город, почтовый адрес.

9. Особенности слайдера на мобильных устройствах

При разработке мобильной версии сайта часто возникают проблемы с работой слайдера. Поскольку опция наведения в сенсорных телефонах отсутствует, то использование слайдера весьма затруднительно.
Пользователь не понимает, интересен ли ему тот или иной баннер без возможности наведения. Также в мобильной версии недоступна функция остановки смены баннеров из-за отсутствия наведения. Лучше обойтись без автоматической смены баннеров, но если вы все-таки решили использовать слайдер — предоставьте возможность покупателям самостоятельно менять баннеры через свайп.
Главная страница с использованием слайдеров на wildberries.ru - KISLOROD
Главная страница с использованием слайдеров на wildberries.ru
Динамические слайдеры можно заменить статическими баннерами, размещенными на главной странице:
  • отпадает необходимость автоматической прокрутки баннеров, нет сложностей с настройкой элементов управления слайдером;
  • просматривая статические баннеры, покупатели могут быстрее сориентироваться в ассортименте доступных товаров;
  • разработка статических баннеров обходится гораздо дешевле.

10. Формат размещаемого текста

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

11. Затрудненная работа сразу с несколькими вкладками

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

12. Прерывающееся изучение информации

Многофункциональность смартфонов является одновременно и их достоинством, и недостатком. Открыв сайт на смартфоне, посетитель часто не может сосредоточить внимание на поиске товаров, так как постоянно переключается на звонки, мессенджеры, соцсети и другие отвлекающие моменты. Играют роль и внешние факторы — люди пользуются смартфоном в транспорте, супермаркетах, идя пешком и так далее.
Реагировать на приходящие уведомления можно по-разному — все зависит от важности сообщения и характера человека. Кто-то не обращает внимания, нажимает «закрыть» и продолжает изучать ассортимент интернет-магазина, а кто-то полностью смещает фокус внимания и забывает о покупке.
Тестирование Baymard Institute показало, что в среднем респонденты отвлекались на сообщения, звуковые сигналы, звонки и прочие уведомления каждые 20 минут. Часть испытуемых переключалась на разную информацию еще чаще — каждые 4,5 минуты. Временной разбег напрямую зависит от целевой аудитории: молодежь, домохозяйки, офисные работники и так далее.
Поскольку не в ваших силах влиять на поведение пользователей и частоту прерываний, подумайте над тем, как можно улучшить навигацию на сайте и систему оформления заказов при возвращении в интернет-магазин. Например:
  • реализовать опцию добавления продуктов в «Избранное»;
  • сохранять в корзине ранее добавленные товары;
  • максимально упростить функционал сайта;
  • сохранять данные, введенные в форму регистрации и другие шаблоны;
  • настроить всплывающие подсказки.
Перечисленные инструменты помогут пользователям быстро пройти все этапы воронки продаж и увеличат вероятного того, что их поиски завершатся покупкой.

13. Эффект баннерной слепоты

Большинство людей негативно реагируют на рекламу. Они подсознательно стараются избегать мигающих баннеров, ярких фотографий и прочих привлекающих внимание фишек — игнорируют контент, хоть как-то визуально похожий на рекламный.
Поэтому видя на смартфоне большие картинки, информационные баннеры или анимацию, пользователи автоматически принимают все это за рекламу, тем самым нередко пропуская важную информацию или попросту пролистывая подозрительные страницы.
Чтобы избежать эффекта баннерной слепоты, придерживайтесь определенной подачи контента — тщательно продумывайте цветовое оформление, фон, шрифт, общую стилистику. Лучше не использовать баннеры, если хотите сделать акцент на каком-то товаре или акции, так как можете получить обратную реакцию от пользователей.
Листинг товаров с встроенным баннером на askona.ru - KISLOROD
Листинг товаров с встроенным баннером на askona.ru
Не допускайте, чтобы в одном разделе размещалась и реклама, и ключевой контент. Чтобы понять, видят ли пользователи ценную информацию или пролистывают страницы, можно воспользоваться Вебвизором или тепловыми картами.
Отправьте заявку на юзабилити-аудит сайта прямо сейчас и увеличьте конверсию минимум на 20%! Найдём точки роста конверсии и выявим барьеры на пути пользователей сайта.

14. Реализация онлайн-чата

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

Поскольку набирать текст на смартфонах неудобно, пользователи прохладно относятся к живому чату. Большинство людей нервирует, когда не они являются инициаторами диалога с менеджерами интернет-маркета — это воспринимается как раздражающий фактор, и нередки случаи даже отказа от покупки.
Существует 3 подхода к организации онлайн-чата, и у каждого есть свои минусы:
  1. При самопроизвольном раскрытии диалоговая панель полностью закрывает просматриваемую страницу. С одной стороны может показаться, что так пользователь будет максимально информирован о наличии онлайн-поддержки, но по факту идея рабочая только для тех, кто реально нуждается в помощи. Остальные клиенты испытывают лишь одну эмоцию — раздражение. После закрытия чата также бывает проблематично вернуться на ранее просматриваемую страницу.
  2. Диалоговое окно всплывает самостоятельно, частично закрывая экран. Доступ к сайту остается открытым, хотя и не полностью, но это все равно ограничивает пользователям свободу действий. Быстро закрыть чат не получается из-за маленького крестика, что тоже раздражает. Несмотря на кажущийся позитивный посыл о возможности онлайн-помощи, большинством покупателей он воспринимается как что-то навязчивое. Ощущение дискомфорта усиливается, когда окно появляется многократно. Часть пользователей предпочитает не трогать всплывающую панель, тем самым, сокращая полезную область и так небольшого экрана.
  3. Онлайн-чат буквально следует «по пятам» за пользователем, постоянно мозоля ему глаза. Невозможность удалить окно повышает риск того, что важная информация или инструменты навигации будут заблокированы — предугадать такой сценарий проблематично.
Две иконки чата, реализованные на ormatek.com - KISLOROD
Две иконки чата, реализованные на ormatek.com
Чтобы посетители сайта были позитивно настроены к онлайн-консультантам, нужно, чтобы инициаторами общения были они сами. Еще одно важное уточнение — значок активации чата не должен сильно накладываться на контент.
Идеальное расположение ссылки на онлайн-чат — раздел помощи или другие тематические сервисные страницы. Уместным будет разместить иконку звонка онлайн-менеджеру в футере или шапке сайта. Пользователи поймут, что такая опция существует, и при необходимости сами обратятся за помощью.
Шапка сайта с размещенной кнопкой онлайн-чата на сайте askona.ru - KISLOROD
Шапка сайта с размещенной кнопкой онлайн-чата на сайте askona.ru

15. Слабая производительность

Если сайт грузится медленно, пользователи испытывают неудобство. Длительное ожидание может стать причиной отказа от дальнейшего продолжения поиска товаров и перехода в более «шустрый» по скорости интернет-магазин. Исследование показало, что респонденты начинали жаловаться на медленную загрузку, ожидая более 30 секунд. Смартфоны в этом плане более уязвимы по сравнению с десктопами.
Занимаясь разработкой мобильной версии сайта, важно учесть все факторы, которые могут стать причиной снижения загрузки страниц. В списке самых распространенных проблем, всплывающих в ходе технического аудита, мы выделяем следующие:
  • плохая оптимизация изображений (по весу/размеру);
  • группировка всех JS-скриптов в шапке сайта;
  • сбои в системе кеширования/его отсутствие;
  • не оптимизированные CSS и JS;
  • большое количество элементов в DOM и их завышенная глубина;
  • использование устаревших форматов изображений вместо, например, «webp»;
  • отложенная загрузка скриптов или проблемы с их синхронизацией.
Интересно, что на другие проблемы, изложенные в предыдущих пунктах, пользователи реагируют не так остро, как на с медленную загрузку. Если к остальным сложностям можно как-то приспособиться или разобраться в их деталях, то регулировать скорость загрузки самостоятельно нельзя.
Предоставьте пользователям максимально удобный коннект с сайтом — они не должны страдать от низкой производительности, магазин должен восприниматься как очень комфортный и скоростной. Учитывайте, что Google также анализирует уровень загрузки сайта, выводя в ТОП наиболее скоростные ресурсы.
Сервис Google PageSpeed Insights позволяет проанализировать скорость загрузки и найти возможности для улучшения работы сайта в мобильном формате. Вы можете ознакомиться с практическими рекомендациями от нас по этой теме здесь.
Еще один вариант оптимизации скорости загрузки на смартфонах — воспользоваться технологиями Яндекс Турбо для интернет-магазина и Google AMP для интернет-магазина. На практике к ним прибегают редко, хотя это никак не умаляет степень их результативности.

16. Ошибки технического характера

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

Почему ритейлерам и пользователям выгодно использовать смартфоны для совершения покупок

  • широкие возможности для рекламных кампаний;
  • увеличение количества спонтанных покупок за счет постоянной доступности смартфона;
  • более тесный контакт с интернет-магазином — наряду с десктопным вариантом есть доступ к мобильной версии, соцсетям;
  • возможность более профессиональной настройки таргетинга (по мобильному оператору);
  • наличие опции сканирования штрих-кодов;
  • функция автоматического подтягивания банковских данных;
  • отсутствие необходимости запоминать почтовые адреса за счет настройки GPS;
  • рост CTR, благодаря особенностям размещения мобильной рекламы (привлечения внимания пользователей за счет размещения крупных баннеров на маленьком экране смартфона);
  • простая система мобильных платежей.

Заключение

Частично мы рассмотрели особенности мобильной электронной коммерции и основы юзабилити мобильной версии сайта. В следующих публикациях углубимся в эту тему более предметно — будем говорить о навигации, системах фильтрации и других инструментах m-commerce.
Получайте полезный контент от KISLOROD в любой из мессенджеров
При переходе в одну из указанных социальных сетей, вы автоматически соглашаетесь с политикой конфиденциальности
Спасибо, что дочитали до конца.
Если информация была полезна, поделитесь статьёй. Вам не сложно, нам приятно ;)

Рекомендованные статьи

Скачайте 17 точек роста и 100 + чекеров для роста конверсии и прибыли интернет-магазина
При переходе в одну из указанных социальных сетей, вы автоматически соглашаетесь с политикой конфиденциальности
Мы проанализировали ведущие интернет-магазины, результаты исследований, свой опыт и собрали важные моменты в одно руководство. Делаем e-commerce лучше, поэтому не только пользуемся сами, но и делимся с вами.
Выберите удобный мессенджер и получите чек-лист прямо сейчас: