Alexander Kuzmin's profile

DailyUI 004 – Calculator

Почему дизайн именно такой?

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

• Дизайн ипотечного калькулятора двухколоночный: слева основные настройки, справа результат подсчётов и кнопка действия, мы читаем слева направо, слева прошлое, справа будущее

• Для ускорения процесса заполнения данных есть кнопки автоматического заполнения (проценты первоначального взноса, срок кредита, процентная ставка)

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

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

• Ежемесячный платёж, сумма кредита, окончание выплат и необходимый доход объединены в одну смысловую колонку, которая считывается сверху вниз: сколько нужно платить в месяц, какая сумма кредита, когда последний платёж, какой должен быть доход, чтобы банк одобрил кредит?

• Процентная ставка, проценты, проценты + кредит и налоговый вычет объединены в одну смысловую колонку: какая процентная ставка, сколько это в рублях, какова общая сумма с процентами, какой можно получить налоговый вычет с этой процентной ставкой?

• Дополнительную информацию о необходимом доходе и налоговом вычете можно узнать после нажатия на иконку «i»

• Если информации недостаточно, вы можете посмотреть график платежей

• Кнопка «Заполнить заявку» залита зелёным цветом, так как это самая важная кнопка

• Зелёный цвет кнопки «Заполнить заявку» отличается от цвета ползунков на 1,5 тона; это сделано, чтобы ползунки больше сочетались со светло-серой полоской и обводкой, а белый текст «Заполнить заявку» был контрастнее на фоне более тёмной зелёной плашки и лучше считывался

• Если калькулятор находится на веб-сайте банка, то мы добавляем надпись «Не является публичной офертой», чтобы дать понять пользователю, что расчёт условий через калькулятор может отличаться от финальных условий кредитования при заключении договора

DailyUI 004 – Calculator
Published:

DailyUI 004 – Calculator

Published:

Tools

Creative Fields