Чек-лист: проектируем удобный интерфейс оплаты Статьи редакции
Советы дизайнера Адила Сиддики.
Не стоит прятать подписи к полям
Иначе пользователям придётся угадывать, какие данные они сейчас вводят.
Неправильно
Правильно
Пусть нужное поле ввода выбирается автоматически
Указывайте пользователю на цель.
Неправильно
Правильно
Показывайте правильную раскладку клавиатуры
Неправильно
Правильно
Сделайте автоматический переход к другому полю
Это поможет сэкономить время пользователя.
Неправильно
Правильно
Не стоит прятать кнопку призыва к действию
Неправильно
Правильно
Не забудьте про значки и иконки, обозначающие безопасность платежей
Поддерживайте доверие пользователя.
Неправильно
Правильно
Сразу же указывайте на ошибки
Старайтесь меньше раздражать пользователей.
Неправильно
Правильно
Постарайтесь давать обратную связь без задержки
Неправильно
Правильно
Если оплату совершить невозможно, предложите альтернативные варианты
Неправильно
Правильно
Текст на кнопках призыва к действию стоит делать понятным, а не кратким
Понятность лучше краткости.
Неправильно
Правильно
Не забудьте обозначить, что оплата прошла успешно
Неправильно
Правильно
Добавьте возможность мгновенно очистить поле ввода
Это позволит сэкономить время пользователей.
Неправильно
Правильно
Показывайте тип карты и название банка для сохранённых карт
Сделайте их легко узнаваемыми.
Неправильно
Правильно
Стоит сразу показывать тип карты, пока пользователь вводит номер
Это послужит визуальной подсказкой.
Неправильно
Правильно
Заранее сообщите о том, если ваш сервис не поддерживает какую-либо платёжную систему
Учитывайте ограничения при дизайне.
Неправильно
Правильно
Проинформируйте пользователей о возможных проблемах с определённым способом оплаты
Неправильно
Правильно
117
показов
27K
открытий
1
репост
Для кард ещё нужен 3ds 1 или 2. Кто ж без этого сейчас делает?
Это обычно реализовано на стороне банка и, в принципе, подчиняется тем же рекомендациям