Компонент оплаты

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

Payment Component

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

Назначение платежа → Сумма и счет → Оплата

Payment Flow

Поведение

Payment Component Flow

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

Подсказки

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

Suggestions

Собрать прототипы или скринкасты из беты