原文链接:https://www.zcool.com.cn/article/ZMTI3MDgyOA==.html

作者:元尧,蚂蚁集团设计师

本文是《设计模式周周看·Ant Design 为你讲透设计模式》周刊第四期内容,上期内容,我们介绍了一种跟输入相关的设计模式:输入线索

这一期,我们介绍一种跟密码输入相关的设计模式:密码强度计。

What 是什么

简介:「密码强度计」即在输入新密码时,立即向用户反馈密码的有效性和强度。

例子: 百度网盘的用户注册页面,红色文字代表不合格,白色文字代表已合格。

Why 为什么

强密码可以保护你的个人账户,尤其是当所使用的网站涉及到敏感信息时,强密码保护就更为重要,否则很可能会导致账户被入侵等问题。

「密码强度计」可及时向用户反馈密码的信息——是否足够强;还缺哪些什么特征(数字,大写字母等);长度够不够等等。如果网站不接受用户使用弱密码,最好立即给予相关反馈,而不是在用户提交注册表之后才进行反馈。

When 什么时候使用

在用户注册网站时,系统都会要求用户输入一个新密码,并检测用户设置的密码强度。另外,当设计师想要引导用户更快捷的输入高质量的强密码时,也可以使用此方法。

使用条件:

· 系统对用户是否使用强密码有一定需求

· 设计师想要引导用户高效高质量的输入强密码

How 如何使用

当用户输入新密码或键盘焦点离开文本字段后,在文本字段旁边显示密码强度的估计值,可以:

· 至少显示一个文本或图形标签,来表明密码的弱、中或强。

· 对于过短或无效密码需要进行说明。