密码输入这件小事

交互设计的特点是千变万化,没有公式。(严肃的脸

比如密码输入框设计,看似没啥好设计的,其实值得推敲的地方不少。

最常见的密码输入交互形式:

已输入的字符隐藏在小黑点中,当前输入字符明确显示

这种设计既能解决隐私,又能保证输入的准确性。看似通用的交互方案,其实并不适用于所有场景。

隐藏密码有几个问题:

1.用户在输入键盘他们主要关注输入法的键盘或键盘和密码框之间的来回,但隐藏的部分密码仍然导致输入复杂密码的低成功率。

2.隐藏一些密码很难形成连续的认知。手滑时,往往不知道哪个输错了。重新输入时,需要删除所有重新输入。

3.输入极短简单的数字密码或敏感的银行密码时,不应明确显示。

场景决定需求和交互方式。

以下是一些密码输入场景和相应的交互方式:

场景1:输入简单密码或敏感密码的场景

互动:直接使用···隐藏密码的形式

银行的查询密码和支付宝的支付密码大多由简单的6位数字组成,不易出错,与用户资金直接相关,记忆牢固,适合直接隐藏。

场景2:复杂的登录密码输入数字、大小写字母和符号混合

交互:切换显示和隐藏密码

这种方法直观准确,可见性强,预期准确。图标的不同状态代表隐藏和显示明文密码。当用户输入错误时,单击图标显示明文密码并快速纠正错误。

场景3:重置密码

交互:默认显示明文,用户可手动隐藏

重新设置密码时,默认显示密码,用户可以选择隐藏密码。一方面保证了输入的准确性,另一方面加强了用户的认知,减少了再次忘记的机会。

---

即使是密码输入这种炸鸡的简单交互,其实设计也很费脑筋。

A ** zon在优化登录方面做出了很大的努力。仅一个密码输入框就更改了四个版本。从不显示明文密码到默认隐藏点击显示明文,再到默认显示明文点击隐藏,他们一直在尝试最符合场景的解决方案,不断提高登录效率和成功率。

好的设计从不依赖于跟踪和模仿,但必须通过充分考虑场景,不断反思现有的解决方案,不断抛光细节,必须这样才能制定一个好的互动设计解决方案啊!

赵多多(微信)ID:dodozao)

王艾达(微信)ID:AdaWang233)

公众号:dodoada欢迎关注!

---

参考链接:

平均每个人每天都会登录7-25个账号

Authentical: Random factoids I've encountered in authentication user research so far

70%的用户在不同的网站上使用不同的登录密码

PasswordResearch.com Statistic

大约82%的人忘记了登录密码

PasswordResearch.com Statistic

密码检索是最常见的咨询问题

Intranet Portals UX Design

登录时显示明文密码

LukeW | Showing Passwords on Log-In Screens

移动端输入免密应显示为明文吗?

移动输入密码应显示为明文吗?

扫码免费用

源码支持二开

申请免费使用

在线咨询