用户体验之密码框的一点改进意见

在阅读本文之前我想先问各位网友两个问题，一是当您登录网站时，您有因密码输入错误两次或以上而导致登录失败的经历吗？二是您有想过密码框中的字符为什么不以明文显示，而以小圆点显示吗？

这两个问题我猜想应该有肯定的答案了，有一定网龄的人肯定有密码输入错误导致登录失败的经历。而密码框中的字符不以明文显示，用小圆点代替是为了保证密码的安全，明文显示可能会被自己旁边别有用心的人记住帐号密码，从而帐号被人盗用。

那么我们做一个假设，如果我们输入密码的时候，密码字符是以明文来显示的，您提交登录信息时，密码错误的几率是不是大大降低呢？当然这个假设是建立在没有人偷窥您密码的前提下。

传统大众的密码框都是以圆点来显示输入的密码字符，只有在我们点击登录按钮之后，如果登录失败才会反馈消息给用户，密码错误了，请注意大小写，空格和特殊符号。但是他并不会告诉你，你刚才输入的是哪些字符，第二次你可能还会输入那些本来就错误的字符，或者担心密码再次输入错误从而一个字母一个字母的敲击键盘输入，现在大家都在谈用户体验，那这样的用户体验就不好了。

此时我就在想，既然传统的密码框对用户体验不好，那么密码框可以改进一下吗？可以再简单一点，对用户更友好一点吗？可不可以把密码框做成这样的，当我在家里，旁边不会有人偷窥我密码的时候就以明文的方式显示我输入的密码字符，当我在公共场所登录帐号的时候就不显示明文密码，以小圆点的方式显示。这样的好处显而易见，当密码以明文的方式来显示不仅可以减少我们提交错误密码的几率，每次见到明文密码的时候，也可以刺激我们的大脑记住密码字符。因为人们对于自己经常见到的东西总是印象深刻，每次输入密码看到的都是小黑原点，时间久了真的会忘记。

这一张图是一个最常见，最普通的登录界面的截图，密码字符被小圆点替代显示。

下面是改进之后的效果，只是在密码框的后面加了一个显示密码的复选框，当复选框没有被选中的时，输入密码是以小圆点的方式来显示给用户(见第一张图)，当显示密码选中的时候，密码框中的字符是以明文方式来显示的。实现这个效果也很简单，只是用了几行javascript代码而已。这样是不是感觉比传统单一的密码框友好了一些，如果是在公共场所登录，那么就不要选中显示密码的复选框，非公共场所则可以显示密码。

 

当然我抱怨的还不只是在用户登录的地方，绝大多数的网站在修改会员密码的时候都需要输入两次密码，为什么要让我输入两次密码，而且两次都是显示小圆点，其实也可以做成以明文的形式显示密码，只让用户输入一次。