Как улучшить форму заказа на коммерческом сайте

По данным Baymard Institute, 68% корзин на коммерческих сайтах покидаются пользователями. Небольшая выдержка из «Справочника лучших кейсов Econsultancy по улучшению юзабилити и конверсий» призвана помочь ритейлерам снизить данный «показатель отказов». В ней приведены 10 приёмов усовершенствования форм заказа на e-commerce-ресурсах:

1) Демонстрируйте надёжность онлайн-магазина

Для того чтобы посетители интернет-магазина ввели свои платёжные данные, им необходима уверенность в надёжности ритейлера. Существует множество способов вызвать доверие у потенциальных потребителей. Многое в этом деле зависит от общего впечатления, которое производит сайт. Зачастую оно является определяющим для принятия решения пользователем переходить или не переходить в корзину. Однако некоторым клиентам «моральная поддержка» требуется и на стадии оформления заказа. Ради их спокойствия Econsultancy рекомендует вывешивать в корзине «Знак надёжности»:

Редактор Econsultancy Грэм Чарльтон (Graham Charlton) готов оспорить даже то, что такие факторы как совокупный пользовательский опыт, репутация бренда, рекомендации друзей и т.п. играют большее значение для формирования доверия аудитории, чем секьюрити-логотип. При этом эксперт признаёт ценность вышеперечисленных факторов для некоторых покупателей и малоизвестных брендов.

О том, что могут разместить в корзине российские интернет-магазины, чтобы повысить доверие потенциальных покупателей, мы спросили у ведущего эксперта по юзабилити с подходом психолога Дмитрия Сатина, гендиректора UsabilityLab:

2) Не спотыкайтесь на почтовых индексах

Существует целый перечень потенциальных ловушек, связанных с почтовыми индексами. Возможно, самая глупая представлена в примере Одежды Tesco:

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

Другой, более тонкой, ошибкой является введение потребителями нуля (0) вместо буквы «O» и единицы (1) вместо английских «l» ([эл]) и I ([ай]), и наоборот.

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

3) Альтернативные способы оплаты

Согласно статистике WorldPay, на долю альтернативных методов оплаты приходится 22% от общемировых e-commerce транзакций. В цифрах этот вклад составляет €165 млрд. Не стоит пренебрегать возможностью привлечь как можно больше потенциальных клиентов, предложив все существующие варианты оплаты:

4) Ограждайте форму заказа от посторонних шумов

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

Облегчите потребителям процедуру оформления покупки по максимуму.

5) Используйте встроенную форму проверки

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

6) Думайте о мобильных пользователях

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

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

Для наглядности Econsultancy приводит пример мобильного сайта Laura Ashley, который, следуя всем канонам времени, сократил количество полей в форме оформления до минимума. Для того чтобы перейти к оплате, потребителям надо ввести только имя, адрес, номер телефона и пароль:

7) Добавьте напоминания цены и стоимости доставки

Конкретно обозначив на странице оформления заказа итоговую сумму, в которую обойдётся покупка со всеми издержками, вы нейтрализуете беспокойство и сомнение потребителей по поводу расходов:

8) Позвольте клиентам легко менять условия заказа

На полпути оформления покупки потребитель может вдруг осознать, что ошибся с адресом доставки или желает добавить что-нибудь ещё в свою корзину. House of Fraser позаботился о решении таких задач: на любом из этапов оформления покупки на этом сайте можно по ссылкам вернуться на предыдущие и внести коррективы:

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

9) Показывайте, на какой стадии находится клиент

На каждом этапе оформления заказа потребитель должен знать, какие шаги он уже совершил и какие ему ещё предстоят. Поможет в этом «индикатор прогресса» вверху каждой из страниц оформления покупки:

10) Гибкие и ясные варианты доставки

В нижеприведённом примере с ASOS представлен выбор варианта доставки, внешне сходный с выбором радиокнопки:

Такое оформление удобнее, чем альтернативные отображения (к примеру, выпадающие списки).

Для того чтобы выяснить, каковы главные аспекты юзабилити для корзины российского интернет-магазина, мы снова обратились к гендиректору UsabilityLab Дмитрию Сатину:

Оригинал текста и картинок на Econsultansy

• Комментарии