Экспресс анализ процесса авторизации на VC.ru

На дворе 2024 год, и кажется, что все крупные компании должны были давно наладить процесс авторизации и регистрации. Однако, я часто сталкиваюсь с проблемами именно у больших компаний. Возможно, это связано с участием большого количества людей в разработке, что размывает ответственность.

При входе на сайт VC.ru нас приветствует кнопка авторизации через Google в правом верхнем углу. Это удобно, так как одним нажатием можно войти в систему.

После нажатия на кнопку, начинается процесс верификации, но затем окно просто исчезает.

Приходится снова нажимать кнопку "Войти" и повторять попытку авторизации через Google. Но...

Ошибка 1

Если почта уже зарегистрирована, и я пытаюсь войти через Google с той же почтой, система не связывает аккаунты. Было бы лучше, если бы система предложила связать их или сделала это автоматически.

Ну ок, попробуем войти через почту.

Я забыл свой пароль, но ошибка отображается в верхнем углу экрана и быстро исчезает. Это неудобно, так как можно не заметить сообщение об ошибке.

Ошибка 2

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

Ошибка 3

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

Бонусная ошибка

Все кнопки активны, даже если поля не заполнены. Это вводит в заблуждение, так как кажется, что можно продолжить процесс без ввода данных. Интерфейс должен реагировать на действия пользователя: если поля пусты, кнопки должны быть неактивны.

Если я в машине нажимаю педаль газа, двигатель начинает набирать обороты (это отображается), машина начинает набирать скорость (это отображается, а еще я сам чувствую). Если я ничего не ввёл, я ничего не могу нажать и куда-то перейти. Для перехода, мне нужно ввести данные. Когда я введу данные, то система отреагирует и подсветит кнопку.

Да, такой вариант кстати сложнее в разработке, потому что всплывает сразу куча других подводных камней (а что если я нажал на поле, ничего не ввел и снял фокус, показывать ошибку? (конечно нет) и т.п.).

Это был краткий обзор проблем с авторизацией на vc.ru. Создание удобных форм — непростая задача, особенно в начале. Но с опытом станет легче, и процесс будет более отлаженным.

Больше историй о нажатиях на кнопки и их последствиях в телеграмм канале "Я что-то нажал, и все получилось"