Россия+7 (495) 960-65-87

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

Россия+7 (495) 960-65-87
Шрифт:
7 21964

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

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

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

Пример секьюрити-логотипа в форме заказа на сайте e-commerce

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

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

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

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

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

Конечно, в России некоторые вещи также покупаются по предоплате. Например, электронные продукты, программное обеспечение. И, конечно, в целом тренд перехода на «безналичность» также имеет место быть и у нас.

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

Что же они ищут? Что сможет убедить человека отдать деньги магазину? Во-первых, конечно, контакты — показатели того, что компания действительно существует. Большое значение имеют «положительные» факты: лидерство в той или иной области, история, компетенции, наличие «офлайн»-офиса, шоу-рума или иного места, где можно «пощупать» товар. Ну и, конечно, если на сайте есть «онлайн-консультант», то он обязан быть постоянно онлайн, чтобы сайт не казался заброшенным.

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

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

Ошибка с требованиями к почтовым индексам в форме оформления заказа

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

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

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

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

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

3)Альтернативные способы оплаты в корзине на коммерческом сайте

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

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

Ошибка с сохранением навигации в корзине

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

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

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

Встроенная форма проверки

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

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

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

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

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

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

Напоминание цены и стоимости доставки в корзине

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

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

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

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

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

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

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

Оформление вариантов доставки на сайте

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

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

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

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

Один из важных принципов успеха e-commerce — сокращение пути пользователя от момента захода на сайт до совершения покупки. Это особенно актуально для первой покупки.

В e-commerce сложилась прочная традиция: все выбираемые товары помещать в корзину. Но забавно, что «корзину» обычно изображают в виде продуктовой тележки из супермаркета. Написано «корзина», а изображена тележка.

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

Согласно результатам исследований, у подавляющего большинства интернет-магазинов за один заказ пользователь приобретает только один товар. Обязательно ли его помещать в корзину, тележку или куда-нибудь еще? Логичный ответ — нет.

Можно предположить, что всем будет проще, если единичные покупки можно совершать, непосредственно «взяв товар с полки» и оплатив его.

Что же делать сайтам, которые продают большое количество предметов за один заказ? Например, так происходит с канцелярскими товарами. Регулярно раз в месяц офис-менеджер заказывает один и тот же набор канцелярии для сотрудников. Конечно, в этом случае интерфейс интернет-магазина должен иметь возможность запомнить выбор клиента. То есть, подобно интернет-банкингу, создавать «шаблон заказа», который можно повторять или незначительно изменять его перед использованием. Опять же необходимости в корзине в этом случае нет.

Отдельная задача отрасли — это стандартизация корзины. Даже не очень продвинутые в современных технологиях граждане совершают покупки, справляясь с трудностями, которые перед ними возникают на «конверсионном пути» (пути покупки).

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

Зачем снова и снова вводить один и тот же адрес доставки? Одни и те же личные данные? Интернет-магазинов множество, но пользователь — один.

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


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


(Нет голосов)
Читайте нас в Telegram - digital_bar

Есть о чем рассказать? Тогда присылайте свои материалы Даше Калинской


Новые 
Новые
Лучшие
Старые
Сообщество
Подписаться 
Подписаться на дискуссию:
E-mail:
ОК
Вы подписаны на комментарии
Ошибка. Пожалуйста, попробуйте ещё раз.
Отправить отзыв
  • Федя
    больше года назад
    мда.. ничего нового
    едва пробежались по верхушкам айсберга
    видел я много работ Сатина по очень крупным игрокам, ничего интересного, все это делали и другие внутри не отдавая это проходимцам
    -
    0
    +
    Ответить
  • Boniface
    больше года назад
    Дельная статья...
    -
    0
    +
    Ответить
  • Megaseostudio
    больше года назад
    Все-таки, в нашей стране еще мало специалистов по юзабилити.))
    -
    0
    +
    Ответить
  • Alexey Chudenkov
    17
    комментариев
    0
    читателей
    Alexey Chudenkov
    больше года назад
    Игорь, есть, но у большинство компаний поставляет эту услугу в комплексе с другими услугами (например, проводя тестирование по увеличению конверсий). Лично я симпатизирую блогу Украинской компании UX Depot, которая переводит зарубежные статьи на русский язык: http://www.uxfox.ru/category/articles/. Рекомендую.
    -
    0
    +
    Ответить
  • Tony
    больше года назад
    Да, а реально, его довольная (кроме понедельников)  физиономия всегда там, где встречается слово Юзабилити -)))
    -
    0
    +
    Ответить
  • L
    больше года назад
    при покупке обращаю внимание на гораздо меньший перечень факторов.
    Среди них должны быть проверенная платежная система (paypal или escrow) и поддержка https при авторизации/оплате.
    Остальное, может сказаться лишь на желании повторной покупки в данном магазине
    -
    0
    +
    Ответить
  • Игорь Бакалов
    39
    комментариев
    0
    читателей
    Игорь Бакалов
    больше года назад
    Создаётся впечатление, что кроме Сатина у нас в стране никто юзабилити больше и не занимается.
    -
    0
    +
    Ответить
ПОПУЛЯРНЫЕ ОБСУЖДЕНИЯ НА SEONEWS
Сколько ссылок помогут продвинуть молодой сайт
Павел Андрейчук
38
комментариев
0
читателей
Полный профиль
Павел Андрейчук - Дело в том, что вряд ли в ваших платных "качественных" кейсах найдётся хоть пару % действительно новой и полезной информации которой бы не было на общедоступных источниках.
Сайт на WordPress: за и против
Мира Смурков
1
комментарий
0
читателей
Полный профиль
Мира Смурков - Людмила, я согласен с большинством комментаторов. Вы хоть один полноценный магазин сделали на этих движках? Woocommerce это система с супер возможностями. И к ней есть дополнительные модули, с функционалом, который вряд ли появиться на Битрикс. А самому это программировать - сотни тысяч рублей на разработку. А приведя в пример сложности с robots.txt и Sitemap вы ставите под вопрос вашу компетенцию в понимании Интернет-бизнеса и веб-разработки в целом. Во-первых это такие мелочи, а во-вторых это все делается на вордпресса за 2 минуты, и опять же с возможностями многократно превышающими Битрикс.
Обзор популярных CMS: плюсы и минусы
Андрей Литвиненко
2
комментария
0
читателей
Полный профиль
Андрей Литвиненко - + там где нужно прописать каноникал, там где нужно поставить мета тег ноиндекс (т.к. Гугл не всегда следует правилам robots.txt) ну и то что выше, к техническим сео возможнлстям можно еще отнести легкое и хотя бы полуавтоматическое добавление микроразметки по сайту, увы "из коробки" такого функционала нет ни в одной cms, все на допиливаниях
Google обошел Яндекс по популярности в России в 2018 году: исследование SEO Auditor
Рамблер
1
комментарий
0
читателей
Полный профиль
Рамблер - Вот вроде отечественный - это сказано верно.. «Я́ндекс» — российская транснациональная компания, зарегистрированная в Нидерландах. Так говорится в Википедии. И с хрена ли ОТЕЧЕСТВЕННЫЙ поисковик зарегистрирован в Европе? И где платится основная часть налогов? Ну-ууу, точно не в России. И если запахнет жаренным, то был Яндекс и нет Яндекса!
8 методик в SEO, от которых давно пора отказаться
Евгений Сметанин
12
комментариев
0
читателей
Полный профиль
Евгений Сметанин - Факторов вообще очень много, согласитесь, вы будете использовать максимальное их количество, особенно, если в ТОПе засели агрегаторы с сумасшедшими ПФ. В таких случаях, вхождение ключа в домен для маленького профильного сайта, сыграет свою положительную роль. Конечно же, если контент на страницах хорошего качества. У меня есть несколько успешных кейсов на эту тему. На сайте продают несколько видов товаров, а выстреливает в ТОП тот, название которого присутствует в доменном имени. Как корабль назовешь, так он и поплывет, верно?))
Google Data Studio: делаем красивые отчеты по контекстной рекламе для клиентов
Nik Nik
1
комментарий
0
читателей
Полный профиль
Nik Nik - Было интересно узнать в тонкостях такую немаловажную часть наших трудов, как отчёты в GDS! Я пока не так опытен, но статья была крайне полезной! Не нашёл шаблон - ещё не делились?
Инструкция: настраиваем цели Яндекс.Метрики через Google Tag Manager
Roman Gorkunenko
1
комментарий
0
читателей
Полный профиль
Roman Gorkunenko - Здравствуйте. Подскажите, пожалуйста, можно с айпи метрики вытащить среднюю стоимость клика по утм меткам? В метрике есть такой шаблон tags_u_t_m, но он не совместим с меткой директа, у них разные префиксы.
Аудит структуры интернет-магазина мебели от «Ашманов и партнеры»
Дмитрий
11
комментариев
0
читателей
Полный профиль
Дмитрий - Сергей, а вы допускаете, что вся ваша жизнь - seo-миф?
Как выбрать подрядчика для продвижения сайта: 7 уровней воронки поиска
aashutosh
1
комментарий
0
читателей
Полный профиль
aashutosh - data science training institute in noida- Webtrackker Technology (8802820025) providing Data Science Training in Noida. Get ✓ 40 Hours Learning training✓ 70 Hrs Projects ✓ 24 X 7 Support ✓ Job Assistance. WEBTRACKKER TECHNOLOGY (P) LTD. C - 67, sector- 63, Noida, India. E-47 Sector 3, Noida, India. +91 - 8802820025 0120-433-0760 +91 - 8810252423 012 - 04204716 EMAIL:info@webtrackker.com webtrackker.com/Best-Data-Science-Training-Institute-in-Noida.php
Как построить качественный ссылочный профиль на основе конкурентов
Ирина
2
комментария
0
читателей
Полный профиль
Ирина - Давно сотрудничаю с megaindex.com и считаю данный сервис одним из лучших в сео сегменте рунета да и не только рунета. Пользуюсь их инструментами для аналитики своих работ и выявлению своих и чужих ошибок. Да и ссылочный профиль, как и говорится в данной статье сделать гораздо проще и правильней при помощи как раз мегаиндекса. Добавлю еще что инструмент для поиска конкурентов у мегаиндекса очень удобный и простой в применении.
ТОП КОММЕНТАТОРОВ
Комментариев
910
Комментариев
834
Комментариев
554
Комментариев
540
Комментариев
483
Комментариев
373
Комментариев
345
Комментариев
262
Комментариев
247
Комментариев
171
Комментариев
156
Комментариев
137
Комментариев
121
Комментариев
101
Комментариев
97
Комментариев
97
Комментариев
96
Комментариев
80
Комментариев
77
Комментариев
67
Комментариев
60
Комментариев
59
Комментариев
59
Комментариев
57
Комментариев
55

Отправьте отзыв!
Отправьте отзыв!