7 ошибок мобильного UX, которые убивают ваш сайт электронной коммерции

Если вы не заботитесь об удобстве использования мобильных устройств (UX) для своего сайта электронной коммерции, вы теряете клиентов и доход. Это данность. Оптимизация для мобильных устройств — это не дополнительная опция, а обязательная. Собственное исследование Google показывает, что хороший мобильный UX может «превратить пользователей в клиентов». Однако ошибитесь, и они уйдут в другое место — быстро!

Думаете, это не проблема? Подумайте еще раз. Исследование, опубликованное в блоге KISSMetrics, показывает, что 78% мобильных поисков информации о местном бизнесе приводят к покупкам. Эта инфографика от Coupofy показывает, насколько быстро растет мобильная коммерция.

Добавьте к этому огромное количество людей, использующих мобильные устройства, и недавнее обновление Google «mopocalypse» (уже нанесшее ущерб некоторым брендам), и у вас будет более чем достаточно причин, чтобы исправить свой сайт электронной коммерции. К сожалению, не все это делают, поэтому вы получаете такие сбои UX:

1. Нет мобильной оптимизации

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

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

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

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

2. Он не подходит для пальцев

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

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

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

3. Пользователи не могут найти то, что им нужно

За многие годы нас приучили вводить данные в поля поиска, когда мы используем компьютеры для просмотра веб-страниц. Это не всегда просто на мобильных устройствах. Сайты электронной коммерции могут иметь тысячи страниц, поэтому навигация и поиск всегда представляют собой проблему. Люди обычно хотят:

• найти продукт или сведения о продукте
• изучить информацию о доставке и доставке
• купить товар

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

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

4. Его формы отстой

Можем ли мы поговорить о формах? я понял; Я действительно. Вам нужно собирать информацию о доставке и клиентах, но эта длинная и сложная форма, которая работает для пользователей ПК, совершенно не подходит для пользователей мобильных устройств. Заполнение форм на планшетах и ​​формах часто кажется пыткой. Если ваши клиенты так считают, они не будут беспокоиться.

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

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

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

5. Касса не оптимизирована

По словам Кусторы, в конце 2014 года на мобильную электронную торговлю приходилось около одной пятой всех праздничных онлайн-продаж. Если вы не хотите терять этих клиентов, вам нужно позаботиться о мобильной кассе. Мы уже упоминали некоторые аспекты этого, такие как скорость страницы, цели касания и отсутствие необходимости регистрации. Статья Smashing Magazine об этом существует уже некоторое время, но все еще имеет смысл. Он выделяет такие области, как:

• не отвлекающие страницы оформления заказа
• индикаторы выполнения
• информация о безопасности
• гостевые кассы

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

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

6. Непонимание поведения мобильных пользователей

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

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

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

7. Другие проблемы с пользовательским интерфейсом

Хороший пользовательский интерфейс (UI) не всегда означает хороший UX, но он помогает. Обратите внимание на такие ошибки, как:

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

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

Суть?

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

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