Кейс: форма заявки на кредит
Вопрос
Спроектируйте форму заявки на потребительский кредит на сайте банка. Полей много, заполнение долгое.
Попробуйте сами
Ответьте вслух за 2 минуты, как на собесе. Потом сверьтесь с тезисами: что прозвучало, а что нет.
Показать ответ и разбор
Коротко
Что должно прозвучать в ответе
Разбить на логичные шаги с индикатором прогресса и сохранением черновика
Сначала то, что даёт ценность: сумма, срок и платёж, данные потом
Подставлять известное: Госуслуги, данные клиента, адрес по подсказкам
Одна колонка, подписи над полями, правильные клавиатуры и маски с возможностью вставки
Валидация при выходе из поля, понятные ошибки, предупреждение о последствиях
Метрики: доля дошедших до отправки и отвал по шагам
Что могут спросить следом
- Почему одна колонка, а не две?
- Как поступить, если служба безопасности требует 40 полей?
- Что увидит человек после отправки?
Разбор
Начинаю с ценности: калькулятор суммы и срока с ежемесячным платежом, чтобы человек понял, подходит ли ему. Дальше форма разбита на шаги по смыслу: личные данные, работа и доход, контакты, с прогрессом и автосохранением черновика, чтобы можно было вернуться. Всё, что можно, подставляю: вход через Госуслуги, данные существующего клиента, подсказки адреса. Поля в одну колонку, подписи над полями, для телефона и паспорта цифровая клавиатура, маски не мешают вставке. Ошибки показываю при выходе из поля и объясняю, как исправить. Вопрос о 40 полях обсуждаю с безопасностью: какие обязательны до решения, а какие можно собрать после одобрения. После отправки показываю статус и сроки ответа. Меряю отвал по шагам.
Ответьте сами, а не прочитайте
В тренажёре вопрос попадёт в повторения и вернётся, когда начнёт забываться. Плюс билеты с зачётом: 20 вопросов, не больше 2 ошибок.