密码输入框在网页设计和APP设计中随处可见，相信每一位产品经理都思考且设计过相关的模块。

（图左：电脑网页上的密码输入框      图右：手机APP上的密码输入框）

我们知道多数密码输入框有以下功能： a.默认隐藏密码  b.一键清除密码  c.切换显示隐藏密码

对比在电脑网页上和APP上的密码输入框，可以推测：APP密码输入框的设计来源于互联网时代的网页设计，初代产品经理从网页过渡到APP的时候，并没有做出过多的改变。

笔者认为，APP密码输入框的设计不能一概模仿电脑网页，APP上的密码输入框，不需要隐藏密码（除了金融等保密性较高的APP），也就是说默认应让用户看到正在输入的密码。

为什么电脑网页上的密码输入框设计会有以上介绍到的a、b、c的功能？这些功能在APP上又是否适用？我们可以从功能和使用场景上进行对比分析

从功能和使用场景上看，电脑网页上设计隐藏密码功能，是为了防止旁人观看。早期网民普遍在公开场所使用电脑上网（网吧、办公室等），隐私性较弱，因此需要默认隐藏密码，防止旁人看到。而这种考虑在APP上却属多余，手机是较为隐私性的工具，用户输入密码时一般不会有旁人观看。所以在APP上注册登录时隐藏密码其实是一个鸡肋的设计。

从输入方式上看，用户在电脑网页上一般使用物理键盘输入，不易误触，输入较精准，隐藏密码对用户体验影响较低。而用户在手机上是进行触控输入，容易误触且输入不精准，当用户看不到密码时并不确定是否输入正确。可以说，在APP上注册登录时看不见密码是一个影响用户体验的功能。

用户不喜欢不确定性 --《结网》

此外，设计"一键清除"按钮，是为照顾隐藏了的密码，由于看不见密码，当用户输入错误时，只能全部擦除重新输入。而如果密码不被隐藏，那么一键清除密码的功能也可以相应去除。用户本可以使用自带键盘清除密码。

笔者认为，用户体验良好的注册/登陆框的密码输入设计应该如下所示：默认显示正在输入的密码、没有一键清除按钮。用户输入用户名和密码时，不带给用户不确定性。

以上~