Советы по дизайну мобильных чекаутов


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

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

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

Простые в редактировании опции

Весь путь от страницы продукта до его оформления должен быть невероятно простым. Это означает, что когда посетители нажимают на “checkout”, они должны иметь легкий доступ к редактированию своего заказа.

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

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

Интерфейс снова ссылается на общее количество товара перед отправкой. Иконки со стрелками делают это очень понятным, и они тоже работают на нажатие.

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

Это создает психологию построения доверия и обеспечения того, что они действительно хотят купить.

Советы по дизайну мобильных чекаутов

Способы оплаты

Обработка платежа на настольном компьютере или ноутбуке проста. Обычно вы можете просто взять вашу кредитную карту и заполнить данные. Но на смартфонах не все так просто.

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

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

Советы по дизайну мобильных чекаутов
Советы по дизайну мобильных чекаутов

Используйте пошаговый процесс проверки.

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

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

Советы по дизайну мобильных чекаутов
Советы по дизайну мобильных чекаутов
Советы по дизайну мобильных чекаутов

Окончательный обзор покупки

Часто у покупателя возникают сомнения перед тем, как он нажмет кнопку “оплатить”.

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

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

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

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

Советы по дизайну мобильных чекаутов
Советы по дизайну мобильных чекаутов

Поделиться публикацией:

82