🔑
Авторизация

Страница.

Основные элементы/Особенности

Каждый элемент должен быть видимым на странице авторизации.

Логотип

Полный логотип или символ.

Заголовок

Укажите, что вы хотите от пользователя. Обозначить страницу, где он находится.

Идентификатор аккаунта

Уникальный идентификатор пользователя.
⭐️ Дайте возможность пользователю использовать в качестве логина и телефон, и e-mail.
⭐️ Не рекомендую создавать отдельный логин.

Пароль

Частный, уникальный код, который позволяет получить доступ к своей информации.
⭐️ Добавьте функцию, которая отобразит вводимые символы.

Ссылка на сброс пароля

Часто пользователи забывают свой пароль - пусть сбросят его.
⭐️ Разместите эту ссылку рядом с полем ввода пароля.

Ссылка на регистрацию

Если пользователь не имея учетной записи попал на эту страницу, то пусть сразу же перейдет к регистрации.



Дополнительный опции

Они не всегда необходимы, но имеют свои преимущества.

Авторизация через социальные сети

Превратите ввод в несколько текстовых полей в один клик, позволяя пользователям авторизоваться через свои социальные сети.

Ресурсы и статьи

Читай, смотри и узнавай больше!

Вдохновение

Поиск на Dribbble

Статьи

Designing a user friendly login
UX Collective
Designing UX login form and process
UX Planet
10 tips for a better login page and process
UX For The Masses

Примеры

ВКонтакте
Facebook
Dropbox