Школа
Интерфейс

Иконка глаза в поле пароля

Привет!

В форме регистрации или входа при вводе пароля какую иконку следует использовать в инпуте? На некоторых сайтах вижу, что когда пароль вводится в скрытом виде, справа выводится иконка открытого глаза (показывающая действие, что можно этот пароль сделать видимым), а на некоторых — иконка закрытого глаза (показывающая текущее скрытое состояние пароля).

Как всё‑таки правильнее делать и почему? Спасибо.

Катя Марандыкина
22 июня 2021
👁 24296   🗩2
Интерфейс

Иконка глаза в поле пароля

Привет!

В форме регистрации или входа при вводе пароля какую иконку следует использовать в инпуте? На некоторых сайтах вижу, что когда пароль вводится в скрытом виде, справа выводится иконка открытого глаза (показывающая действие, что можно этот пароль сделать видимым), а на некоторых — иконка закрытого глаза (показывающая текущее скрытое состояние пароля).

Как всё‑таки правильнее делать и почему? Спасибо.

Катя Марандыкина
22 июня 2021
👁 24296   🗩2
Илья Бирман
Арт‑директор и соавтор курса «Пользовательский интерфейс и представление информации»
Полезно
 33
33
Непонятно
  
Войдите в Бюросферу, чтобы голосовать

А. Г. о состоянии или команде. Классический совет с примерами

«Состояние или команда» — старая проблема. Правильного варианта нет: как бы вы не решили, часть пользователей поймёт наоборот. Решение в общем случае должно исключать само это разночтение.

А. Г. о состоянии или команде. Классический совет с примерами

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

На мой взгляд, в современном мире с автопридумыванием и автозаполнением паролей эта фича вообще не нужна. Достаточно пометить поля пароля типом password, а в остальном довериться браузеру.

Но если уж делать, то я бы показывал состояние: открытый глазик, когда пароль виден, и закрытый или зачёркнутый, когда скрыт.

Полезно
 33
33
Непонятно
  
Войдите в Бюросферу, чтобы голосовать
Отправить
Поделиться
Поделиться
Запинить
Твитнуть

Комментарии

Виталий Клюканов

Если бы была кнопка «Показать/Скрыть», то иконка была бы просто элементом, который дублирует‑объясняет действие на экране. И в этом случае да, открытый глазик, когда пароль виден, и закрытый или зачёркнутый, когда скрыт.

Но когда иконка является кнопкой, то, нажимая на кнопку, пользователь ждёт действия, которое она подразумевает. К примеру, «Крестик» всегда что‑то закрывает. И если пользователь нажимает на «Открытый глаз», то ожидает, что пароль откроется, а если на «Закрытый глаз» — зашифруется.

Андрей Дерюгин

Чтоб не вводить никого в заблуждение, можно делать так:

Цель рубрики — обсуждение вопросов дизайна, веб-разработки, переговоров, редактуры и управления.
Комментарии модерируются. Мы публикуем комментарии, которые добавляют к уже сказанному новые мысли и хорошие примеры.

Рекомендуем другие советы