1 заметка с тегом

пароль

UX показать/скрыть пароль, как правильно?

Каждый раз, когда мне приходится иметь дело с проеткированием или дизайном формы, я сталкиваюсь с рядом вопросов, которые мне не дают жить спокойно. Одна из этих болей — это поле с паролем, в котором есть возможность показать/скрыть пароль. Эта фишка давно признана пользователями и является удобной штукой. Позволяет проверить введенный пароль, а он может быть чудовищно сложным или даже сгенерированным.

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

Изначально это выглядит так:

На самом деле кажется все просто: пользователь вводит пароль в поле, поле автоматически скрывает введенные символы под звездачками ***** (сегодня это жирные точки •••••• , так моднее). И тут встает вопрос какую вариацию инконки нужно показывать в состоянии скрытого пароля.

Как же правильно использовать иконку глаза в поле с паролем? Есть 2 варианта.

Вариант 1
Иконка закрытого глаза — говорит нам о том, что пароль скрыт или скрыть его по клику? Но он же уже скрыт…

Например, регистрация в Mail.ru использует этот прнцип работы.

Вариант 2
Иконка открытого глаза — говорит нам о видимом пароле или покзать пароль по клику?

Например, такой подход использует бразур Google Chrome (настройки/пароли)

А что вы думаете по этому поводу?

23 октября   ux   иконка   инпут   пароль