|
我盯着那个输入框看了整整三分钟。网站用户名,登录密码,网站登录按钮。登录三个元素,网站就这么简单,登录却是网站互联网上最复杂的交互之一。 刚接手这个项目时,登录产品经理给我看了竞品分析,网站三十多个网站的登录登录页截图贴满了整面墙。有意思的网站是,几乎每个页面都在试图说服用户——"我们很安全"、登录"我们很便捷"、网站"我们很懂你"。登录可实际体验呢?网站我注册了其中二十个账号,用Excel记录了每一步操作。密码要求从6位到16位不等,有的强制大小写混合加特殊字符,有的干脆只认手机号。有个网站甚至要求密码不能包含连续三位数字——鬼知道他们怎么想的。 最讽刺的是那个声称"一键登录"的网站,我点了三次都没成功。第一次弹窗被浏览器拦截,第二次验证码图片加载失败,第三次终于跳转了,却要求我重新输入一遍手机号。所谓的一键,不过是把输入框从左边挪到了右边。 回头看我负责的这个登录框,需求文档写得清清楚楚:邮箱+密码,记住我勾选框,忘记密码链接。看起来毫无新意,但真正的挑战在细节里。用户输错密码时,提示信息该怎么说?"密码错误"太生硬,"您输入的密码不正确"又太啰嗦。我们最后用了"邮箱或密码有误",既避免了泄露账号是否存在,又不会让用户觉得是在指责他。 还有个容易被忽略的细节——焦点管理。鼠标点进输入框时,边框颜色要不要变?变了,用户能感知到当前位置;不变,键盘党就得靠Tab键盲猜。我们用了一种很浅的蓝色,在白色背景上刚好能分辨,又不会像高亮色那样刺眼。有人可能会说这算过度设计,但当你连着按了十几次Tab键,突然迷失在页面上时,就会明白这个浅蓝色的价值了。 开发过程中还踩过几个坑。有个版本把"忘记密码"做成了链接样式,结果用户点它比点登录按钮还勤快——后来查了日志,原来是有用户根本不知道自己注册过,顺手点进去看看。于是我们改了文案,变成"忘记密码?点此找回",加了问号,语气就软下来了。 上线前做了五轮可用性测试,每次都有新发现。有个中年用户盯着"记住我"看了半天,问我这是什么意思。我们说就是下次不用再输密码了,他摇摇头说"那不安全"。后来我们把勾选框默认不选中,旁边加了一行小字"仅在本机使用"。转化率没降,反而涨了——用户觉得我们把选择权还给了他。 现在这个登录框已经跑了半年,每天处理几十万次请求。后台数据显示,平均登录耗时2.3秒,比行业基准快了0.8秒。但我最得意的不是这个数字,而是有次客服转来一条用户留言:"你们的登录框让我想起了十年前的老网站,简单,不折腾。" 这话听着像批评,但我把它当表扬。在这个动辄要求人脸识别、短信验证、第三方授权的时代,一个老老实实的登录框反而成了稀缺品。密码框还是那个密码框,但背后是对人性的理解——用户要的不是花活,是顺畅地进入自己的世界。 对了,那个浅蓝色边框,后来被设计团队做成了标准色,用在了所有表单上。也算是个意外收获吧。 |