Пользовательский интерфейс страницы оформления заказа и рекомендации по пользовательскому интерфейсу для повышения коэффициента конверсии платежей

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

Сколько вам обходится отказ от корзины?

По данным института Baymard, средний зарегистрированный уровень отказа от корзины покупок в Интернете составляет колоссальные 69,89%. Это число было достигнуто путем взятия среднего значения из 40 различных исследований по оставлению тележек, некоторые из которых показывают, что средний показатель отказа от тележек превышает 81 процент!

Вот 10 основных причин, по которым потребители отказываются от онлайн-тележек, по словам Баймара:

• 60 процентов - дополнительные расходы (например, доставка или налоги) были слишком высокими.
• 37 процентов - на сайте требуется регистрация аккаунта.
• 28 процентов - оформление заказа было слишком долгим или слишком сложным.
• 23 процента - пользователь не смог рассчитать общую стоимость авансом.
• 20 процентов - на сайте произошел сбой или были ошибки.
• 19 процентов - пользователь не доверял сайту данные своей кредитной карты.
• 18 процентов - доставка шла слишком медленно.
• 11 процентов - не было хорошей политики возврата.
• 8 процентов - не хватило способов оплаты.
• 4 процента - кредитная карта отклонена.

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

Что вы можете получить от улучшения пользовательского интерфейса и пользовательского интерфейса страницы оформления заказа?

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

Тридцать пять процентов от общего объема возмещаемых продаж электронной коммерции в США и ЕС составляют 260 миллиардов долларов - нетривиальная сумма!

Ниже приведены 22 совета о том, как улучшить пользовательский интерфейс и UX оформления заказа. Эти советы разделены на четыре основные категории:

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

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

Улучшение UX страницы оформления заказа

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

1. Сообщите заранее об общих затратах

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

Пример того, чего нельзя делать, можно увидеть на сайтах бронирования отелей. Согласно исследованию MoneySavingExpert, когда пользователи ищут объявления, некоторые сайты иногда отображают цены на каждый отель ПЕРЕД налогами и дополнительными сборами. Пользователи узнают об этих дополнительных сборах только после того, как нажмут кнопку бронирования.

Отсутствие информации об окончательной цене мешает потребителям выбирать, какие продукты они хотят купить (например, какие отели на самом деле самые дешевые).

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

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

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

2. Разрешить пользователям оформлять заказ как гость

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

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

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

3. Сделайте это легко и быстро

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

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

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

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

4. Поддержка нескольких вариантов оплаты.

Предлагая несколько способов оплаты, многим вашим клиентам будет проще отправлять вам деньги. Не ограничивайте варианты оплаты кредитными и дебетовыми картами; по крайней мере, включите Paypal как более быстрый способ оплаты.

По мере того, как у вас появляется больше клиентов, рассмотрите возможность включения расширенных способов оплаты, таких как Stripe, Apple Pay, Skrill, Google Pay, Square и Payoneer. Вы даже можете принимать биткойны или другие криптовалюты. Получите хороший сервис обработки платежей, поддерживающий несколько вариантов оплаты.

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

Кроме того, позвольте клиентам сохранить способ оплаты для будущих покупок. Это сделает расчет в будущем намного быстрее и проще. Вы также можете позволить им использовать кнопки покупки в один клик, чтобы мгновенно приобрести товар в вашем магазине (Amazon делает это).

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

5. Обновите параметры доставки.

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

• Девять из 10 потребителей заявили, что бесплатная доставка - их стимул номер один делать покупки в Интернете.
• 61 процент потребителей с некоторой долей вероятности не совершат покупку, если им придется платить дополнительные сборы за доставку.
• 58 процентов потребителей добавят в корзину дополнительные товары, чтобы получить право на бесплатную доставку.

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

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

6. Упростите внесение изменений в заказ.

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

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

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

7. Иметь хорошую политику возврата или гарантию.

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

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

Для физических продуктов имейте хорошую политику возврата. Упростите клиентам возврат продуктов, включив четкие инструкции о том, как это сделать, на отдельной странице.

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

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

8. Иметь Политику конфиденциальности.

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

9. Храните в безопасности

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

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

10. Включите значки и значки

Наличие значков безопасности и значков оплаты на странице оформления заказа положительно повлияет на ваш коэффициент конверсии.

Значки оплаты включают небольшие логотипы принимаемых вами способов оплаты. Примеры включают логотипы Paypal, Mastercard, Visa и Discover. Многие службы обработки платежей автоматически включают их в платежные формы.

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

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

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

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

Этот инстинкт не обязательно рассчитывается; скорее, на него влияют визуальные подсказки, такие как профессионально выглядящий веб-сайт, сертификат HTTPS и продажи безопасности.

Статистика надежности

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

Вот результаты, которые они обнаружили, в порядке уровней надежности:

• Нортон (40,9%)
• Надежный магазин Google (22,5%)
• Бизнес, аккредитованный BBB (14,4 $)
• Конфиденциальность, сертифицированная TRUSTe (10,9%)
• Поддельная печать, свидетельствующая о безопасности SSL-сайта, не принадлежащая какой-либо организации (6,1%)
• Обеспечено Thawte (1/9%)
• GeoTrust защищен (1/9%)
• Comodo Secure 1,5%)

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

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

Стоит потратиться на проверку некоторых защитных пломб, таких как Norton, BBB Accredited, McAfee, Google Trusted Store или любой другой хорошо известной печати.

11. Включите рейтинги или обзоры

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

Вот некоторые дополнительные статистические данные, которые подчеркивают важность онлайн-обзоров и рейтингов:

1. Только 57 процентов потребителей использовали бы бизнес, если бы у него был трехзвездочный рейтинг.
2. С другой стороны, 94 процента потребителей использовали бы бизнес, если бы он имел четырехзвездочный рейтинг. Это показывает важность повышения рейтинга на одну звезду.
3. Восемьдесят восемь процентов потребителей формируют мнение о бизнесе, читая всего до 10 отзывов.

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

Вы также можете получить отзывы с веб-сайта производителя.

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

12. Предлагайте отличную поддержку

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

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

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

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

13. Держите свой бренд на должном уровне

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

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

Советы по дизайну пользовательского интерфейса и оформления заказа

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

14. Ускорьте это

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

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

15. Будьте дружелюбны к мобильным устройствам.

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

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

16. Сохраняйте порядок

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

17. Уменьшите беспорядок

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

Маркетинговые методы для повышения коэффициента конверсии

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

18. Предлагайте промокоды и скидки на странице

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

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

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

19. Срочность использования

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

Еще один способ повысить срочность - показать, сколько товара осталось на складе. Amazon и eBay делают это постоянно - они посоветуют вам поторопиться и совершить покупку, если на складе осталось мало товаров.

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

20. Допродажи, перекрестные и понижающие продажи

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

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

Лучше всего предлагать своим клиентам дополнительные продажи ПОСЛЕ того, как они уже выписались и совершили все необходимые платежи.

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

Хорошим примером этого может быть то, как Amazon отображает товары, которые «обычно покупаются вместе», чтобы побудить клиентов добавлять товары в свои тележки.

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

21. Используйте всплывающие окна с намерением выхода

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

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

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

22. Отправляйте дополнительные электронные письма

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

Часто люди просто спешат, и в данный момент у них нет времени искать свою кредитную карту и вводить свои цифры.

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

Рекомендации по работе со страницей оформления заказа - завершение

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