用户登录界面设计别整虚的,这3个细节搞不定,流量全跑光
做网站这么多年,我见过太多老板花大价钱搞首页视觉,结果把登录页搞得像迷宫一样。今天咱不聊那些高大上的UI理论,就聊聊怎么让用户少骂娘,多下单。用户登录界面设计这事儿,看着简单,坑真不少。
先说个真事儿。上周有个老客户找我,说最近转化率跌了20%。我一看后台,好家伙,登录页加载要4秒,验证码还经常收不到。这谁受得了?现在大家耐心都有限,你让他等,他直接关窗口去竞品那了。所以,速度是第一生产力。别搞那些花里胡哨的动画特效,图片压缩没做好,代码冗余一堆,加载慢得像蜗牛。记住,登录页越干净越好,白底黑字加个输入框,反而最显高级。
再聊聊那个让人头秃的验证码。很多同行为了安全,非搞个滑块验证,甚至还要找图。兄弟,你是做电商还是做刑侦?对于普通用户来说,识别那些模糊的汉字或者找红绿灯,本身就是个折磨。尤其是手机端,手指头粗,滑块容易误触。我的建议是,除非你是金融类高危平台,否则尽量用短信验证码或者一键登录。如果必须用图形验证码,务必保证清晰度高,容错率高。别为了那点所谓的“安全”,把用户体验按在地上摩擦。
还有,登录方式别太贪心。微信、QQ、微博、支付宝、手机号、邮箱……全堆上去,界面乱得像菜市场。用户登录界面设计要做的不是做加法,而是做减法。根据你目标用户的习惯来。做B2B的,手机号+验证码足矣,甚至企业微信集成一下更好。做C端年轻群体的,微信一键登录是标配,别让用户记密码,那玩意儿早过时了。
说到密码,很多设计师喜欢把密码框默认隐藏,搞个“小眼睛”图标。这没问题,但得注意图标位置。别放在最右边边缘,手指容易点到别的地方。还有,密码强度提示要实时反馈,别等用户输完了点提交,再弹个红框说“密码太简单”,这体验太糟糕。应该在他输入的时候,旁边就给出建议,比如“建议包含数字和字母”,这种微交互能极大提升好感度。
再提一个容易被忽视的细节:记住我。这个勾选框,别默认勾选,也别默认不勾选,最好让用户自己选。而且,位置要显眼,别藏在角落。很多用户懒得每次输密码,你给个选项,他顺手勾上,下次回来登录爽歪歪。当然,安全性也要兼顾,比如异地登录提醒,这个可以放在账号安全设置里,别在登录页啰嗦。
最后,说说报错信息。很多系统报错就写“用户名或密码错误”,这太模糊了。用户不知道是用户名错了还是密码错了,只能瞎猜。最好能明确提示“用户名不存在”或者“密码错误”,这样用户能更快修正。当然,别直接显示“密码错误”,防止暴力破解,可以说“账号或密码错误”,但要在后台记录具体原因,方便排查。
总之,用户登录界面设计不是艺术创作,是工程问题。要快、要稳、要傻瓜式。别整那些花里胡哨的,让用户在最短时间内,用最少的步骤,进入系统,这才是王道。你想想,要是你天天登录一个系统,还得猜谜、加载、找按钮,你烦不烦?烦就对了,用户烦了,你就亏大了。
本文关键词:用户登录界面设计