网站登录框

我盯着那个输入框看了整整三分钟。网站用户名，登录密码，网站登录按钮。登录三个元素，网站就这么简单，登录却是网站互联网上最复杂的交互之一。

刚接手这个项目时，登录产品经理给我看了竞品分析，网站三十多个网站的登录登录页截图贴满了整面墙。有意思的网站是，几乎每个页面都在试图说服用户——"我们很安全"、登录"我们很便捷"、网站"我们很懂你"。登录可实际体验呢？网站我注册了其中二十个账号，用Excel记录了每一步操作。密码要求从6位到16位不等，有的强制大小写混合加特殊字符，有的干脆只认手机号。有个网站甚至要求密码不能包含连续三位数字——鬼知道他们怎么想的。

最讽刺的是那个声称"一键登录"的网站，我点了三次都没成功。第一次弹窗被浏览器拦截，第二次验证码图片加载失败，第三次终于跳转了，却要求我重新输入一遍手机号。所谓的一键，不过是把输入框从左边挪到了右边。

回头看我负责的这个登录框，需求文档写得清清楚楚：邮箱+密码，记住我勾选框，忘记密码链接。看起来毫无新意，但真正的挑战在细节里。用户输错密码时，提示信息该怎么说？"密码错误"太生硬，"您输入的密码不正确"又太啰嗦。我们最后用了"邮箱或密码有误"，既避免了泄露账号是否存在，又不会让用户觉得是在指责他。

还有个容易被忽略的细节——焦点管理。鼠标点进输入框时，边框颜色要不要变？变了，用户能感知到当前位置；不变，键盘党就得靠Tab键盲猜。我们用了一种很浅的蓝色，在白色背景上刚好能分辨，又不会像高亮色那样刺眼。有人可能会说这算过度设计，但当你连着按了十几次Tab键，突然迷失在页面上时，就会明白这个浅蓝色的价值了。

开发过程中还踩过几个坑。有个版本把"忘记密码"做成了链接样式，结果用户点它比点登录按钮还勤快——后来查了日志，原来是有用户根本不知道自己注册过，顺手点进去看看。于是我们改了文案，变成"忘记密码？点此找回"，加了问号，语气就软下来了。

上线前做了五轮可用性测试，每次都有新发现。有个中年用户盯着"记住我"看了半天，问我这是什么意思。我们说就是下次不用再输密码了，他摇摇头说"那不安全"。后来我们把勾选框默认不选中，旁边加了一行小字"仅在本机使用"。转化率没降，反而涨了——用户觉得我们把选择权还给了他。

现在这个登录框已经跑了半年，每天处理几十万次请求。后台数据显示，平均登录耗时2.3秒，比行业基准快了0.8秒。但我最得意的不是这个数字，而是有次客服转来一条用户留言："你们的登录框让我想起了十年前的老网站，简单，不折腾。"

这话听着像批评，但我把它当表扬。在这个动辄要求人脸识别、短信验证、第三方授权的时代，一个老老实实的登录框反而成了稀缺品。密码框还是那个密码框，但背后是对人性的理解——用户要的不是花活，是顺畅地进入自己的世界。

对了，那个浅蓝色边框，后来被设计团队做成了标准色，用在了所有表单上。也算是个意外收获吧。

(责任编辑：百科)