Аудит от независимых экспертов

поможет выявить проблемы на вашем сайте


 

 
 
 

Что отпугивает потенциальных покупателей?

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

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

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

Главный вопрос — почему клиенты так часто уходят с сайта? Какие основные ошибки приводят к этому? Что усложняет процесс покупки понравившегося товара? И существует ли способ упростить и улучшить этот процесс?

Была собрана группа пользователей и проведен анализ юзабилити интернет-магазинов, исходя только из субъективного мнения пользователей, которые проходили путь от «Корзины» до «Оплаты заказа». В исследовании использовался так называемый подход «мысли вслух» — записывалось все, что происходило на экране компьютера и реакция пользователей. Поведение тестируемой группы затем тщательно анализировалось. 

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

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

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

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

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

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

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

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

Как сказал один из пользователей тестируемой группы: «Я уже был на этой странице. Может я что-то сделал не так?».

2. Добавление описаний возле полей ввода
Проблема: Без описаний, пользователи могут запутаться и не понять, что от них требуется. 

«Что значит поле Адрес 2?» — спросил один из пользователей тестируемой группы. Другого испугало поле «Платежный адрес».

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

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

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

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

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

Также упростить процесс регистрации можно, добавив иллюстрации к полям. 

3. Стоит избегать таких контекстуальных слов, как «Продолжить»
Проблема: Контекстуальные слова, как например «Продолжить», можно трактовать двусмысленно и пользователи могут запутаться. 

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

В зависимости от восприятия клиента, кнопка, обозначенная словом «Продолжить», может иметь два смысла: 
  1. Продолжить просмотр товаров
    Если, к примеру, клиент ищет футболку к уже выбранным и положенным в корзину джинсам
  2. Продолжить оформление заказа
    Если покупатель закончил выбирать и хочет оплатить товары

«Назад» — еще одно контекстуальное слово. Назад к последней странице? Назад к последним найденным результатам? Куда? Все это контекстуальные слова, которые могут менять свое значение в зависимости от контекста, т.е. страницы, или восприятия конкретного покупателя. 

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

Это типичный пример двусмысленности контекстуальных слов, которая может запутать пользователей. Большая половина тестируемых, как минимум один раз нажимала не на те кнопки из-за контекстуальных слов.

Используйте вместо них открытые словосочетания «Заказать сейчас» или «Просмотреть товары». 

4. Не стоит использовать в формах кнопку «Применить»
Проблема: Пользователи не всегда понимают, как использовать кнопку «Применить» для отдельных полей ввода. 

Более половины тестируемых пользователей путались или не понимали, для чего предназначена кнопка «Применить» в каком-либо месте формы, к примеру для формы способа доставки товара. Практически в каждом случае эти кнопки:
  1. Не нажаты, даже если все поля были заполнены
  2. Перепутаны с кнопкой окончания ввода данных в форме

Пользователи просто не понимали назначение кнопки «Применить» в форме. 

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

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

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

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

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

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

Исследование выявило два типичных сценария:
  1. Одна из колонок формы не была заполнена. Тестируемые просто проигнорировали, пропустили или не поняли, что от них требуется. 
  2. Поля в форме были заполнены неверно, пользователи путали колонки местами, что приводило к ошибке проверки правильности введенной информации.

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

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

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

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

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

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

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

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

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

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

Во-вторых, 40% тестируемых решили, что их будут спамить различными маркетинговыми материалами или информационными бюллетенями. Эти пользователи уже сделали вывод — новый аккаунт = СПАМ. Как объяснил один из тестируемых: «Если создать аккаунт, они будут вечно спамить меня». Сайты, которые рассылают свои новости по умолчанию, заставили людей сделать такой вывод. 

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

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

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

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

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

9. Данные, которые пользователь вводит, должны соответствовать данным, которые он видит 
Обычно это касается даты истечения срока действия пластиковых карт, лучше, чтобы, цифры, которые требуются на сайте, полностью совпадали с теми, что написаны на карте. Если там написано 7/14, значит и на сайте он должен ввести 7/14.

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

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

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

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

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

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

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

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

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

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

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

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

 
Голосов: 3
Баллы рейтинга: 15

aPioz пишет:
15.04.2011 08:08
Если в источнике были 63 руководства. Не могли бы вы поделится ссылкой на статью?
Надежда Дмитриевна пишет:
15.04.2011 13:00
до чего же много букв, даже как-то читать не охото, попзже соберусь с силами
Wolshebniza пишет:
15.04.2011 14:28
Эту статью обязательно стоит прочесть владельцам интернет-магазинов.
Надежда Дмитриевна пишет:
29.04.2011 11:20
наконец, добралась и не пожалела!
"6. Использование понятных сообщений об ошибке"
это как раз то, о чем я всегда думала, но боялась сформулировывать в аудитах
Владимир Шупляков пишет:
06.05.2011 13:10
Замечательная статья! Для интернет-магазина - просто руководство к действию. Большинство пользользователей ИМ, даже горя желаением сделать покупку, не в состоянии разобраться как сделать заказ или произвести оплату товара. Часто их пугает возможность нажать не на ту кнопку и потерять свои деньги.
Феликс пишет:
28.05.2011 23:54
Для интернет-магазина - просто руководство к действию. С этим я согласен.
Userovich пишет:
28.06.2011 15:00
Вступление великовато(водянисто), но  в целом очень полезная и необходимая статья.
Гриша пишет:
11.07.2012 12:47
Заставило задуматься, благодарю за много букв.
Людмила пишет:
11.07.2012 15:04
Верно замечено, что контекстуальная двусмысленность кнопок Продолжить и  Назад вводит клиента в ступор: что продолжить? и куда назад?