Покритикуйте решение "показывать пароль"
Зимин Дмитрий
Мы привыкли видеть пароли в виде *********, но это не всегда
оправдано. Частенько мы находимся в т.н. "безопасном окружении", когда
прятать нечего, да и прямо скажем - не от кого. В то же время меня
лично удручает невозможность иногда посмотреть что же там на самом
деле введено/ Особенно когда ты подозреваешь, что там не то, что
нужно.
Предлагаю решение (кейс): переключание видимости пароля. Это вариант
для текста изображающего пароль, но без проблем сделать аналог для
поля ввода.
Попинайте решение, пожалуйста:
http://img-fotki.yandex.ru/get/3504/juniorman.1/0_2a8b5_e50d4ff3_orig
Спасибо! :-)
Victor Glushenkov
решение между «звёздочками» (особенно, с подтвеждением) и открытым
паролем (в блоге Ильи Бирмана много разных точек зрения по поводу
такого решения:
http://ilyabirman.ru/meanwhile/2009/04/12/1/comments/). Осталось
доработать напильником. :)
Звёздочки с подчеркиванием «шумят» и создают «негативный» узор.
Если я правильно трактовал ваше решение, то логин подсвечен зелёным,
когда пароль открыт. Несколько нелогично, поскольку режим отображения
пароля никак не связан с логином. Почему не сам пароль своим видом
показывает, что он открыт?
Забавы ради, предложу маленькое развитие вашей идеи, которое может
решить вторую проблему.
Скрытый пароль задернут шторкой (как вариант — закрыт вертикальными
жалюзи). Дернув за ручку, шторку (жалюзи) можно раздвинуть, открыв
пароль, и закрыть обратно (враг не дремлет!).
Все мы понимаем, что символ звёздочки не означает ничего, поэтому его
иногда заменяют просто кружком. Количество звёздочек в поле является
как бы «контрольной суммой», позволяющей быстро определить, что
введённый пароль заведомо короче или длиннее, чем должен быть. Плюс
это обратная связь при вводе. Поэтому в варианте жалюзи вводимый
символ — это вертикальный элемент жалюзи, а на шторке можно складки
или повторяющийся рисунок использовать. Идею, если понравилась, дарю.
=)
Подписи к полям не критикую, ваш вопрос заключался не в этом вроде как.
Зимин Дмитрий
быть один цвет, никак не связанный с режимом отображения пароля :)
Копипаст-эффект. Идея со шторкой неплохая, но в реализации сложновата
и узка. Хотя сама метафора мне нравится.
Юра, спасибо, я так и не вспомнил, где я видел в Vista это окно.
Правда там ситуация, когда есть само поле ввода., а я показывал для
обычного текста. Мне не нравится, что для такой хоть и полезной, но
полезной не слишком часто функции целый флажок отвели. Хотя такая
функция была бы полезна в любых полях ввода пароля, на уровне работы
контрола операционной системы.
В связи с этим видится вот такой вариант:
http://img-fotki.yandex.ru/get/3602/juniorman.1/0_2a8ff_65d35f17_orig
В MacOS подобным образом в поле типа password появляется индикатор
включения CapsLock. Вот опять же, не знаю почему нечто подобное не
сделали MS UX Team, может и делали, но после тестов отказались... Не
понятно, хотя на мой взгляд получается достаточно удобно: всегда в
поле типа "password", всегда под руками, всегда работает одинаково.
P.s. Юра, как вы прикрепляете картинки к сообщению? Что-то я не
разобрался O:-)
klizardin
> для текста изображающего пароль, но без проблем сделать аналог для
> поля ввода.
>
> Попинайте решение, пожалуйста:http://img-fotki.yandex.ru/get/3504/juniorman.1/0_2a8b5_e50d4ff3_orig
Чисто пинания.
Стандартно:
1. как пользователь узнает, что пароль может выполнять функцию "наведи
и кликни". Хорошо, смена курсора, но как быть с тем, что это поле для
редактирования. Пользователь будет игнорировать смену курсора, т.к.
это действительно эдит и значит смена курсора скорее ошибка, баг, и
тому подобное.
2. цвета: почему зеленый цвет будет означать, что возможны проблемы с
паролем. Т.е. почему человек видя зеленый цвет будет думать о том, что
это режим скрытия пароля. Его задача при вводе залогиниться. Зеленый в
рамках задачи пользователя это ответ на задачу залогинься.
3. Альтернативное решение совсем плохо, т.к. пользователь вводит
пароль "показать" или его пароль превращается в слово показать, что
уже лучше, но в общем просто бессмысленно, с точки зрения с контролом
едит.
je...@adesignlab.ru
Я с группой общаюсь при помощи
почтового клиента, а не через
web-интерфейс, а клиент (в моем случае
Windows Live Mail или Outlook Express) позволяет в
сообщения формата HTML изображения
вставлять. Вот :)
>P.s. Юра, как вы прикрепляете картинки к сообщению? Что-то я не
>разобрался O:-)
Зимин Дмитрий
1. Пользователь может узнать об интерактивности пароля (********) по
а) изменению курсора, б) пароль выглядит как "псевдоссылка": имеет
цвет ссылки и пунктирное подчеркивание. Когда человек думает о том,
как бы ему увидеть пароль, то в этот момент пароль находится в локусе
внимания пользователя, к тому же выглядит явно интерактивно. Это
должно стимулировать на взаимодействие.
И в первой картинке речь не идет о редактировании. Речь о просмотре
пароля "постфактум", без возможности изменить, только свериться.
2. На цвета не обращайте внимания, примем, что зеленый это черный :)
3. Ага, согласен.
В общем, простенькое "коридорное" тестирование показало, что решение
не сразу очевидно, хотя и не сложно. Вариант, когда рядом с паролем
******** ставится флажок "показать пароль" показался респондентам
более ясным ("ну, тут все понятно"). Хотя лично я был бы рад, если бы
стандартное поле ввода пароля на уровне операционных систем "обросло"
такой функцией.
klizardin
> 1. Пользователь может узнать об интерактивности пароля (********) по
> а) изменению курсора, б) пароль выглядит как "псевдоссылка": имеет
> цвет ссылки и пунктирное подчеркивание. Когда человек думает о том,
> как бы ему увидеть пароль, то в этот момент пароль находится в локусе
> внимания пользователя, к тому же выглядит явно интерактивно. Это
> должно стимулировать на взаимодействие.
>
> И в первой картинке речь не идет о редактировании. Речь о просмотре
> пароля "постфактум", без возможности изменить, только свериться.
Ага, а какой все же сценарий вы предлагаете (1) и второе все же нужно
выделение (более или менее четкое) функции "показать пароль" т.к.
установившаяся метафора, принимает только сценарий ввода пароля, т.к.
это как контрол просто едит, только лишь со скрытием вводимых
символов. Т.е. очевидно с точки зрения психологии, нужно было бы
предложить решение, которое было бы просто не совместимо с ментальной
моделью контрола едит. Хотя, здесь более простое решение это
действительно предоставить явно функцию/операцию с контролом "показать
пароль". Другое дело, что можно было бы визуально пробовать решать эту
функцию через допустим символ '*' или подобным образом. (Сейчас просто
набрасываю варианты, т.к. тот же вариант с символом '*' подходит
только для начала мозгового штурма, само по себе это решение весьма
корявое). Т.е. нужны явные метафоры смена режима отображения допустим.
Т.к. меняющийся курсор говорит о ссылке, но не о смене режима
отображения. Вот в этом направлении можно подумать. Т.е. как бы не
называли ссылку "псевдоссылкой" или же "специальной ссылкой" -- она
никак не представляет метафору смены отображения. А по сути функция
"показать пароль" -- это есть просто напросто смена режима
отображения.
> В общем, простенькое "коридорное" тестирование показало, что решение
> не сразу очевидно, хотя и не сложно. Вариант, когда рядом с паролем
> ******** ставится флажок "показать пароль" показался респондентам
> более ясным ("ну, тут все понятно"). Хотя лично я был бы рад, если бы
> стандартное поле ввода пароля на уровне операционных систем "обросло"
> такой функцией.
Ну можно устроить мозговой штурм, и хотя бы накидать варианты (кто как
это представляет) и от этого двигаться. Это решение плохо, но это не
значит, что нельзя (пока строго не доказано) действительно чтобы поле
ввода пароля не "обросло" такой функцией.
Т.е. первый вопрос: какие метафоры смены вида отображения существуют,
с которыми пользователь знаком "с пеленок" той же винды? Второй: как
их можно модифицировать чтобы применить в контроле ввода пароля? И
третий: какие свои метафоры можно предложить?
Проигранное сражение еще не значит проигранную войну. Не помню кто
сказал, но задача сама по себе, а в большей степени цель весьма
интересная.
Зимин Дмитрий
> Ну можно устроить мозговой штурм, и хотя бы накидать варианты (кто как
> это представляет) и от этого двигаться.
Я вот выше показал как мне это видится. В общем-то решение с глазом
позаимствовано у фотошопа ("видимый-невидимый").