Закрыть
E-mail:
Пароль:
Забыли пароль?
В каталоге проекта: 10 269 веб-студий, 896 CMS, 195 756 сайтов.
РегистрацияCMS MagazineВход
CMS Magazine CMS Magazine

Состояние дизайна платежных форм в электронной коммерции за 2012 год

Год назад здесь в Smashing Magazine мы опубликовали статью об одиннадцати фундаментальных принципах проектирования платёжных форм. Эти принципы основывались на 63 выводах крупного исследования юзабилити платёжных форм интернет-магазинов, проведённого в 2011 году и посвящённого исключительно опыту взаимодействия с формами заказа — от «корзины» до «подтверждения покупки».

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

Вот лишь небольшой список результатов сравнения с требованиями платёжных форм 100 крупнейших торговых сайтов:

  1. Процесс оплаты в среднем состоит из пяти шагов (5,08).
  2. 24% требуют регистрацию аккаунта.
  3. 81% считают подписку на новости обязательной (в лучшем случае, есть возможность отказаться от неё впоследствии).
  4. 41% используют какую-либо проверку адреса.
  5. 50% запрашивают одну и ту же информацию дважды.
  6. В среднем в 100 лучших формах нарушены 33% правил платёжного юзабилити.

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

Процесс оплаты в среднем состоит из пяти шагов (Что не оказывает существенного влияния на юзабилити)

Среднее оформление покупки состоит из пяти шагов (5,08), начиная корзиной и заканчивая размещением заказа — обычно это шаг «проверьте введенные данные и подтвердите заказ». Самый короткий путь состоит из одного шага (включая корзину), самый длинный — из долгих девяти.

  • Распределение среди 100 крупнейших коммерческих сайтов по числу шагов для оформления покупок.

Заметьте: лишь у одного сайта процесс состоит из одного шага (включая корзину), поэтому он не оказывает существенного влияния на статистику.

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

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

К сказанному стоит добавить, что предельное число шагов, после которого процесс начинает утомлять клиента, существует. Сайты с оформлением заказа в восемь и девять шагов получили гораздо более низкие оценки юзабилити по сравнению с остальными. Как правило, это результат обязательной регистрации (обычно она требует больше шагов и негативно сказывается на юзабилити), кроме того, сайты с числом шагов более восьми имеют больше шансов испортить впечатление своих клиентов. Среди протестированных сайтов более восьми шагов требовали пройти: Sephora (8), Amazon (8), Peapod (8), Sony (8), Safeway (9), ShopNBC (9) и W.W. Grainger (9).

Напоследок: не заостряйте своё внимание на числе этапов оплаты — вместо этого направьте все силы на проработку того, что должны делать клиенты во время каждого из шагов, поскольку именно это определяет впечатление от покупки. Примерами тому служат платёжные формы Apple, Walmart и Gap, состоящие из семи шагов, чьё качество исполнения при этом на 50% лучше среднего показателя для ста крупнейших сайтов магазинов (нельзя назвать их совершенными, так как всегда есть, куда расти). Хотя теоретически этого можно избежать, на практике на всех протестированных сайтах с числом шагов более восьми процесс оформления покупки вызывал негодование покупателей и портил впечатление новым клиентам.

81% считают подписку на свои новости обязательной (и не ценят частную жизнь клиентов)

81% из 100 крупнейших коммерческих сайтов принимают решение о подписке на рекламу за своих клиентов — по умолчанию напротив этого пункта формы стоит галочка (в худшем случае клиента даже не спрашивают).

Одна из причин, по которой клиенты терпеть не могут требование создать аккаунт, — это закрепившаяся на уровне подсознания формула: аккаунт=рассылка. Эта очевидная связь проявилась во время тестов с участием пользователей, когда снова и снова мы слышали одни и те же жалобы: люди ненавидят создавать аккаунты во время онлайн-покупок. На вопрос о причинах 40% ответили, что они «не хотят получать никаких рассылок».

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

К сожалению, сформировавшийся у них образ — не ошибочное представление, а горькая правда, подкреплённая опытом. Но одно дело — галочка в поле с рассылкой, и совсем другое — то, как поступают 32% из 81% сайтов, считающих подписку обязательной:

Среди ста крупнейших интернет-магазинов Amazon — лишь один в числе 32% сайтов, которые автоматически подписывают клиента на почтовую рассылку, не сообщив ему об этом прямо (лишь в пользовательском соглашении есть ссылка для отказа) и лишив его возможности отказаться от нее во время оформления заказа. Увеличить.

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

Итак, формулу аккаунт=рассылка испытуемые усвоили, совершая покупки на сайтах (таких, как эти 32%). Лишь 8% из 100 крупнейших электронных магазинов уважают личное информационное пространство своих клиентов, оставляя окошко пустым и предлагая поставить в нем галочку, если те желают получать рассылку (как и 11% сайтов, которые не предлагают клиентам подписаться на рассылку во время оформления заказа).

24% требуют регистрацию аккаунта

Для ясности: 24% сайтов не позволяют клиентам совершать «гостевые покупки» и вынуждают их создавать аккаунт на своём сайте.

Sony (шаг 2) входит в 24% сайтов, требующих от каждого нового клиента регистрации для размещения заказа. Увеличить.

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

  1. Регистрация требует большего числа шагов и заполнения полей формы для завершения покупки, что, естественно, требует больше времени.
  2. Большинство клиентов уже хранит в памяти неисчислимое множество логинов и паролей, и они не желают плодить их дальше.
  3. Создавая аккаунт, клиент чётче осознаёт, что информация о нём будет храниться у вас бесконечно долго.
    Большинство клиентов попросту не понимают, зачем для покупки товара им нужен аккаунт. Как точно выразилась во время тестов одна из испытуемых: «Я же не должна регистрироваться для покупки духов в обычном [физическом] магазине».
Nordstorm (шаг 3), как и 76% крупнейших электронных магазинов, предлагает своим клиентам гораздо более привлекательный вариант «гостевой оплаты» наряду с простой регистрацией по желанию. Увеличить.

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

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

Слева: сайты с оборотом свыше 1 млрд долларов; справа: сайты с оборотом менее 1 млрд долларов
Красный: требующие регистрацию; зеленый: не требующие

Из 23 сайтов с объёмом онлайн-продаж свыше 1 млрд долларов (по данным Internet Retailer на 2010 год), 35% требуют регистрацию аккаунта, в то время как среди сайтов с оборотом меньше 1 млрд долларов (вплоть до 148 млн долларов) лишь 21% требует регистрацию во время оформления заказа.

41% сайтов использует проверку адреса

Из 41% сайтов 12% не позволяют своим клиентам подтвердить заказ в случае, если система не может распознать их адрес (даже если клиент абсолютно уверен в правильности введённых данных).

Amway входит в число 12% (от 41), которые не позволяют клиентом продолжить оформление заказа в случае ошибки подтверждения адреса или давно не обновлявшейся базы данных. Увеличить.

Проверка адреса может быть умным решением, позволяющим избежать опечаток, способных привести к проблемам с доставкой или задержке получения товара. Однако названия улиц, почтовые индексы и пр. не стандартизированы и не постоянны. Всегда есть вероятность сбоя в механизме проверки адресов или отсутствия его в базе данных, не только опечаток. Сайты, препятствующие продолжению оформления заказа из-за ошибки с подтверждением адреса (на момент исследования: Office Depot, ShopNBC, Amway Global, FreshDirect, и CafePress) не оставляют покупателям иного выхода, кроме как отказаться от покупки. Пользователи технически не могут продолжить оформление заказа.

Удачная решение Overstock (шаг 3) — уведомление клиентов о том, что введенный ими адрес не опознан и, вероятно, содержит ошибку. Система, тем не менее, позволяет покупателю принудительно продолжить оформление заказа.

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

50% сайтов запрашивают одну и ту же информацию дважды

Вместо того, чтобы автоматически вставлять данные, уже введенные пользователем, 50% коммерческих сайтов усложняют процесс оформления, требуя вводить определённую информацию более одного раза. Это редко случается в пределах одной страницы (хотя и такое бывает), но довольно часто — на разных этапах. Иногда это — имя клиента, не скопированное со страницы адреса на страницу с данными о кредитной карте. Иногда — индекс, который покупатель вводит при добавлении в корзину (для расчета стоимости доставки) и вынужден вписывать повторно на странице адреса доставки. Вероятность того, что пользователь рассчитал стоимость доставки для другого индекса, существует, но разумнее предположить, что он использует тот же индекс для места доставки заказа.

Apple — среди 50% электронных магазинов, запрашивающих одни и те же данные более одного раза. На пятом шаге оформления заказа поле электронной почты для доставки счета не заполняется автоматически — даже если нажать на ссылку «Тот же, что и в данных о заказе». Увеличить.

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

Упрощая оформление покупки для клиентов, лишь 10% сайтов установили автоматическое заполнение полей региона и города на основе введенного почтового индекса. Hayneedle (шаг 2) — один из таких сайтов. В результате число полей для заполнения уменьшилось на три, а расчетная дата доставки и стоимость стали видны уже при входе на страницу. Увеличить.

Говоря об удобстве, отметим, что лишь 10% всех сайтов помогают своим клиентам, автоматически заполняя поля региона и/или города на основе предоставленного клиентом почтового индекса.

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

Уровень удобства коммерческих сайтов с прибылью свыше 1 млрд долларов (для новых клиентов) на 44% меньше по сравнению с магазинами, чей годовой оборот ниже 1 млрд долларов. При более детальном рассмотрении 23 сайтов с доходом выше 1 млрд долларов выясняется, что причина разрыва кроется в стремлении этих компаний вовлечь в свою экосистему как можно большее число клиентов. Более того, верхушка отличается самыми сложными механизмами совершения покупок. Эти механизмы, как правило, намеренно усложнены в связи с транспортными и правовыми ограничениями, характерными для сайтов-посредников между производителями и покупателями. Для сравнения: некоторые более «мелкие» сайты, занимающие в нашем списке места ниже 24-ого, объединяет стремление сделать оформления заказа максимально быстрым.

Все 100 крупнейших коммерческих сайтов распределены по уровню удобства (ось Y) и объемам продаж (ось Х, логарифмическая шкала). Заметьте, что у большинства сайтов с высокими показателями юзабилити доходы от продаж не превышают 1 млрд долларов. Увеличить.

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

Интересно, что в сферах как с высокими, так и с низкими показателями, внутри групп используется похожий порядок оформления заказа. Фактически, их формы почти идентичны: сравните хотя бы платежные системы Staples, Office Depot и OfficeMax. Не стану строить догадки, кто где «черпал вдохновение», это не имеет значения. Однако в секторе товаров для офиса подобные заимствования приводят к общим низким показателям юзабилити (на 38% ниже среднего). Хотя совершенно очевидно, что многие из ста крупнейших коммерческих сайтов используют похожие системы оплаты покупок (и, таким образом, имеют похожий порядок оформления заказа), копирование форм конкурентов не так широко распространено в других областях индустрии (например, в электронике).

Общая характеристика электронных платёжных форм

Если посмотреть на общую картину оформления заказов в ста крупнейших интернет-магазинах, мы обнаружим, что в среднем каждый из них нарушает 21 правило платёжного юзабилити. Это служит свидетельством того, что платёжные формы по-прежнему нуждаются в значительной доработке, ведь средний показатель отказов от покупки составляет 65,95% и может быть снижен (вспомнить хотя бы то, что «50% сайтов запрашивают одну и ту же информацию дважды»).

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

  1. Изменить порядок оформления заказа гораздо сложнее, чем переделать отдельные страницы.
  2. Платежные формы требуют глубокой интеграции программных средств, а значит — и более сложных инструментов для модификации и последующих тестов.
  3. Платёжные формы не являются приоритетным направлением для высшего руководства (хотя, надеюсь, в ближайшем будущем ситуация изменится к лучшему).
  4. Большинству дизайнеров работа над платёжными формами кажется более скучной, нежели оформление страницы товара, главной страницы или работа над новой рекламной кампанией.
  5. В некоторых случаях низкий уровень юзабилити может принести пользу бизнесу, по крайней мере — в краткосрочной перспективе (например, подписка на рассылки без ведома пользователей).
  6. Нет чётких стандартов создания платёжной формы.
  7. «Советов и рекомендаций» по созданию подобных форм не так много (существует всего два или три источника, опирающихся на фактические данные).
  8. Обратная связь нарушена, так как дизайнеры и разработчики платёжных форм, как правило, лишены прямого контакта с пользователями.
  9. Улучшение большинства средних и неплохих форм не подразумевает одно-два «крупных изменения», а, скорее, требует 10-30 мелких правок.

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

Автор: Christian Holst, перевод: AIC

Оригинал: http://uxdesign.smashingmagazine.com/2012/09/04/the-state-of-e-commerce-checkout-design-2012/

Рекомендуем:


CMS Magazine CMS Magazine
RSS-подписка комплексные решения
CMS Magazine CMS Magazine
CMS Magazine