Как сделать работающий чекакут: разбираем самые распространенные ошибки на сайтах 💻

 — 

Колонка впервые опубликована для издания dev.ua 20 января 2023 года

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

За всеми этими болями стоит не только потребность в адекватном UIUX, но и большая техническая работа с ключевой страницей любого сайта – чекаутом (checkout page). Меня зовут Денис Михайлюк, я Chief Technical Officer финтех-компании bill_line, и в этом материале я собрал главные ошибки на сайтах, которые мы помогаем исправить нашим партнерам, чтобы добиться высокой конверсии и зарабатывать больше.

#1: Отсутствие адаптивного дизайна

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

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

#2: Ошибки локализации

Следующая по распространенности ошибка — отсутствие локализаций или ошибки в них. Это чаще всего касается двух ситуаций:

  • Русскоязычную страницу перевели на украинскую с ошибками в стиле «пекельні борошна» или «підлога країни» (или вообще не перевели). Любой сознательный пользователь, видя гугл транслейт, а не человеческий язык, в лучшем случае закроет страницу, в худшем – напишет негативный отзыв.
  • Украиноязычную страницу перевели на английский (или вообще не перевели). Эта ошибка популярна в 2022 году, когда многие бизнесы начали осваивать иностранные рынки. Если у вас много клиентов, скажем, в Польше, то страницы должны быть локализованы не только на английском, но и на польском. Следует учитывать и уровень знания английского, и традиции использования родного языка. Кроме того, банальное уважение к стране-союзнице тоже не помешает.

#3: Слишком много полей ввода данных

Этот пункт требует более глубокого исследования user journey и специфики бизнеса.

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

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

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

#4: Нет адаптации под платежные методы разных платформ и стран

Некоторые мерчанты имеют классную чекаут-страницу: оптимизированную визуально и по скорости загрузки. Однако они не сделали комплексную адаптацию, когда, например, добавляли возможность оплаты через google pay и apple pay (например, на рабочем столе apple pay может быть только на браузере Safari). От этого возникают либо неработающие кнопки, либо «сбитая» верстка страницы, которая плохо влияет на пользовательский опыт.

Но самое главное — необходимость регулярных a/b тестирований конверсии по стороне платежного сервис-провайдера. Именно это поможет выявить эти и другие ошибки и сделать любую оплату результативной.

Поделиться