Контекст задачи
В E-commerce критически важна скорость оформления заказа.
Любой лишний шаг, особенно ручной ввод длинных номеров карт, — это трение, которое снижает конверсию.
Что было не так
Пользователи вручную вбивали 16 цифр номера, дату и CVV-код.
Высокий процент ошибок при вводе — приходилось возвращаться и исправлять.
На мобильных устройствах пользователи ожидают бесшовной оплаты в 1-2 касания, а не заполнения форм.
Стандартная проверка карты через полноценную транзакцию несла дополнительные издержки для бизнеса.
Цель
Упростить и ускорить сценарий привязки карты, повысить конверсию в оплату и снизить
операционные расходы на эквайрингВнедрить сканирование карты через камеру на обеих платформах (iOS/Android).
Реализовать добавление карты через NFC для Android.
Спроектировать интерфейс для нетривиальной схемы верификации карты через микро-списание (от 10 до 20 ₽)
и ввод точной суммы.Учесть разницу в пользовательских ожиданиях и технических возможностях iOS и Android.
Персона
Пол:
женский
Возраст:
25–40 лет
Образование:
среднее
Семья:
муж, дети
Работа:
домохозяйка
Чувтво юмора
Общительность
Открытость новому
Гаджеты
Приложения
Онлайн-шоппинг
Социальные сети
82 %
18 %
Почему выбирает Wildberries:
низкие цены
большой выбор
отзывы
доступность пунктов выдачи
Выбор способа ввода
На первом шаге пользователь видит привычную форму ввода карты, но с возможностью не заполнять её вручную,
а просканировать или приложить карту.
Камера (iOS и Android)
При нажатии на иконку сканера открывается кастомный интерфейс камеры с четкой маской для карты. Система автоматически считывает номер и срок действия, после чего возвращает пользователя к форме — остается ввести только CVV.
NFC (Android)
Для пользователей Android доступен сценарий «приложите карту к задней крышке».
Это самое быстрое добавление, доступное только на этой платформе.
Верификация карты
Мы использовали схему, которая позволяет подтвердить карту без затрат на полноценную банковскую транзакцию:
система временно списывает случайную сумму (до 20 ₽), пользователь смотрит её в банке
и вводит в приложении. Деньги сразу возвращаются.
Как сделали понятным
На экране «Привязать карту» добавили онбординг в стиле чата
На экране ввода суммы добавили контекст («Покупка на XX,XX руб...»), чтобы пользователь
не путал тестовое списание с кодом из SMS.При ошибке сценарий повторяется без потери контекста.
Результаты и метрики
Скорость
Время привязки карты сократилось с ~45 секунд (ручной ввод) до ~10 секунд при сканировании
и до 3-5 секунд при использовании NFC.
Конверсия
Конверсия в успешную привязку карты на этапе оформления заказа выросла на 13.2%
(точные цифры под NDA, но рост значительный).
Ошибки
Количество ошибок при вводе реквизитов в сценариях со сканированием снизилось
практически до нуля.
Издержки
Схема микро-списания позволила отказаться от полноценных транзакций при верификации, что снизило операционные расходы на комиссии банкам-эквайерам.