DailyUI 002 – Credit Card Checkout

ПОЧЕМУ ДИЗАЙН ИМЕННО ТАКОЙ?

• Белая плашка контрастна относительно серого фона и выровнена по центру, чтобы пользователь сразу понимал, куда смотреть, чтобы совершить оплату

• Нет списка товаров, так как пользователь его уже согласовал на предыдущих этапах оформления заказа

• Нет выбора типа оплаты (по карте, Pay Pal и т.д.), так как пользователь его уже выбрал на предыдущих этапах оформления заказа

• Пользователь сразу видит конечную сумму, которую он оплачивает, причём дважды, в подзаголовке и в кнопке, это нужно, чтобы усилить важность суммы; если пользователь случайно оплатит сумму, на которую не рассчитывал и которую не увидел, он отправит товар на возврат и напишет негативный отзыв, это не выгодно никому

• В зависимости от того, какой номер карты вы вводите, логотип карты будет выделяться на фоне остальных серых

• Вы можете удалить номер карты одним нажатием

• CVV/CVC расположены не на передней части карты, а на задней, что даёт пользователю представление, где искать эти цифры, даже не читая описание

• Вы можете запомнить карту для следующих покупок, не придётся снова вводить цифры, это безопасно, прочитать больше о безопасности вы можете, наведя курсор на иконку «i»; чем проще для пользователя процесс покупки, тем больше вероятность, что он потратит в вашем сервисе больше денег

• Кнопка «Pay» наиболее важная и поэтому контрастная, заливается цветом после ввода корректных данных

• Если пользователь сомневается в надёжности онлайн оплаты, мы показываем ему, что предприняли меры безопасности (Protected by an SSL sertificate)

• Чтобы пользователь не отложил оплату на неопределённый срок, мы выставляем таймер на 20 минут