🔐 OTP-поле ломает вход даже за несколько секунд
Антонина из ЮMoney разобрала, почему ввод кода из смс часто бесит: не срабатывает автоподстановка, криво вставляется код, теряется фокус, после ошибки приходится набирать всё заново. Готовых единых правил в исследованиях не нашлось, поэтому команда сопоставила источники и собрала практические рекомендации. Главный вывод простой: лучший сценарий, когда код вообще не надо вводить руками.
Если автоподстановки нет, важно сделать ручной ввод предсказуемым. В вебе надёжнее одно поле, стилизованное под ячейки. На нативе удобнее сегменты. При ошибке поле не очищают, а подсказку показывают постоянно, а не прячут в плейсхолдере.
Внутри:
– Когда выбирать одно поле, а когда отдельные ячейки;
– Как настроить автофокус, вставку кода и автоподстановку;
– Что учесть для доступности, клавиатуры и скринридеров;
– Как сделать повторную отправку кода и смену номера без раздражения;
– Почему при ошибке нельзя очищать поле и когда убирать сообщение;
– Как безопасно включить автоотправку и куда ставить фокус после отказа.
➡️ Читать статью
———
💻 Вакансии в IT и digital
😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы