Правила для регистрации (Sign Up)
Проси только самую важную информацию
Длинные формы, в которых нужно указать девичью фамилию мамы и адрес лучшего друга - бесят. Тебе нужен от пользователя только имейл, пароль и имя, чтобы создать аккаунт. Номер телефона - возможно, если речь о магазине или сервисе доставки и для того, чтобы закрыть процесс, необходимо связаться с пользователем - выслать смс. Остальные данные можешь получить позже.
Раздели обязательные и необязательные поля
Строки с обязательной информацией выводи вверх формы. Обязательные поля маркируй хотя бы звездочкой с пометкой. Обязательные и опциональные поля разделяй на блоки и форма станет проще.
Покажи безопасность пароля, но не останавливай юзера
Предусмотри индикатор надежности пароля, но не прерывай регистрацию, если пароль не подходит. Скорее всего, юзер забудет новый пароль, который ему придется придумывать. При следующем входе пользователь не сможет залогиниться и, скорее всего, уйдет.
Показывай сразу ошибки в форме
Самые ужасные формы - это те, которые нужно заполнить до конца и только потом увидеть ошибки. Предусмотри индикатор ошибки в каждом поле. Если такое имя уже существует или пароль слишком слабый - пусть пользователь узнает об этом сразу.
Предлагай альтернативу существующего имейла
Ужасный опыт пользователя - это столкнуться с препятствием “этот имейл уже существует” и искать новую форму регистрации. Лучше в уведомлении об уже существующем имейле предусмотреть переходы на опцию сброса пароля и логина, чтобы пользователю не пришлось искать эти страницы самостоятельно.
Правила для входа (Sign In)
Сброс пароля переносит вписанный имейл в новую форму
Представь:
- пытаешься войти на сайт
- аккаунт под таким мейлом уже существует
- выбираешь сброс пароля
- открывается новая форма
- нужно вводить мейл заново
- !!!
Сделай так, чтобы в новой форме сброса пароля сохранился введенный пользователем уже существующий имейл.
Предложи сброс пароля после 3-й неудачной попытки
Если юзер вводит неправильный пароль трижды - дай ему возможность сбросить пароль. Пусть кнопка сброса будет на той же странице.
В мобильных приложениях - on-device аутентификация
На многих девайсах есть внутренняя опция входа: fingerprint ID или faceID. Если твое приложение для платформы с такой возможностью - пусть вход в него осуществляется с помощью того же fingerprint ID. Не заставляй пользователя вводить имейл и ждать смс с кодом доступа, когда он может подтвердить правдивость себя одним прикосновением пальца.
Упрощай 2-уровневую аутентификацию
Самая быстрая и простая двухуровневая аутентификация - это email + push-уведомление. Это всегда работает, если у пользователя есть доступ к двум девайсам: логин и устройство для верификации - ему остается только тапнуть на сообщение “Да, это я пытаюсь войти”.
Учись создавать интуитивные и функциональные интерфейсы с WAYUP
На курсе Веб-дизайнер: Счастливый билет в Таиланд ты научишься проектировать прозрачный, функциональный интерфейс всех страниц, в том числе и форм регистрации и входа. Мы разберем технику скетчинга и прототипирования, UI/UX архитектуры, а в конце ты создашь сильный дипломный проект, который с гордостью добавишь в портфолио.