🔐 OTP-поле ломает вход даже за несколько секунд

Антонина из ЮMoney разобрала, почему ввод кода из смс часто бесит: не срабатывает автоподстановка, криво вставляется код, теряется фокус, после ошибки приходится набирать всё заново. Готовых единых правил в исследованиях не нашлось, поэтому команда сопоставила источники и собрала практические рекомендации. Главный вывод простой: лучший сценарий, когда код вообще не надо вводить руками.

Если автоподстановки нет, важно сделать ручной ввод предсказуемым. В вебе надёжнее одно поле, стилизованное под ячейки. На нативе удобнее сегменты. При ошибке поле не очищают, а подсказку показывают постоянно, а не прячут в плейсхолдере.

Внутри: – Когда выбирать одно поле, а когда отдельные ячейки; – Как настроить автофокус, вставку кода и автоподстановку; – Что учесть для доступности, клавиатуры и скринридеров; – Как сделать повторную отправку кода и смену номера без раздражения; – Почему при ошибке нельзя очищать поле и когда убирать сообщение; – Как безопасно включить автоотправку и куда ставить фокус после отказа.

➡️Читать статью

———

💻 Вакансии в IT и digital 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

В этом посте были ссылки, но мы их удалили по правилам Сетки