Проектируем интерфейс оплаты картой: 129 гайдлайнов

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

Замечания по статье следующие:

• доп.поля в современном банковском мире необходимы, к примеру эл. почта и номер телефона для отправки чека. При этом их можно передавать от магазина в составе пакета, что бы человек при оплате только что забронированных билетов не вносил те же данные ФИО (обычно это единственный или первый пассажир если билетов несколько) и Е-маил и Телефон. Так же можно передать и номер карты из базы данных авиакомпании если это постоянный клиент FQT (Frequent Traveler).

• Иконки систем безопасности - обязательны, их требует размещать платежная система на странице оплаты (DSS, Verified, SecureCode, MIR Accept и т.д.) - укажите об этом (при этом не забываем, что нужно соответствовать их жестким требованиям).

• ФИО и телефон на самом деле достаточно обязательное поле при оплате чужими картами для службы безопасности магазина, т.к. магазин получает от шлюза все эти данные (вместе с последними цифрами номера карты), что позволяет выявить мошенничество с кардингом в первые же минуты (явно левые ФИО или номер телефона в Африке для пассажира из России) не оформляя билет автоматически (для онлайн-магазина - не отгружая товар). В онлайн-авиакассах перед выпуском билеты просматривает кассир, на выявление ошибок, опечаток, несостыковок визовых правил и т.п., звонит клиенту и уточняет. Самая частая ошибка - перепутаны фамилия и имя и не все авиакомпании допускают на рейс такого пассажира (у нас была большая база имен и мы выявляли и перехватывали ошибки на этапе бронирования).

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

• Поддержка незрячих - кроме voice over проверяйте работу формы при максимальном размере шрифта на том же 5-ом айфоне. А так же функцию "Проговаривание". Очень много приложений и сайтов вообще не масштабируют шрифт (особенно касалось мессенджеров) и никак не реагируют на жалобы людей с серьезными ограничениями по зрению.

Проверка "срок - дата в будущем" для российских Visa/MC с некоторых пор отнюдь не полезна, а совершенно вредна...

А вообще основное количество проблем с автозаполнением, конечно. Использую bitwarden и его add-on для браузера, сложно сказать, с чьей это стороны косяки - или add-on не все ситуации отрабатывает, или на сайтах что-то не вполне корректно - но нормально заполняется (все поля) через раз. Скажем, при оплате через платёжный шлюз Сбера в упор не хочет подставлять номер карты. Месяц/год - там, где выпадающие списки, срабатывает редко. Ну и т.п.