学UI设计到天琥!从0到1,培养UXD全链路设计师,从设计基础入门到UI项目实战,层层进阶,掌握职场所需技能。学这门课程,你将在掌握平面设计、品牌视觉设计、UI/UE设计、运营视觉设计、手绘插画设计、C4D三维视觉设计、修炼UXD全链路设计师的核心技能。
UXD全链路设计课程全新升级
课程升级亮点,多维度为学员设计就业赋能。视觉动效升级
视觉动效升级
手绘插画实战:掌握热门UI插画风格,提升职场竞争力
三维视觉设计表现:将二维平面转为三维建模,引爆作品视效
思维升级
4A级品牌视觉教学:学习4A广告公司视觉秘籍,输出炫酷作品
物料输出制作规范:掌握物料印刷落地规范,胜任设计职场工作
产品交互升级
数据可视化设计:胜任热门图标设计,点亮设计加薪技能
交互动效案例设计:掌握主流界面设计趋势,解锁更多私单
教学服务升级
全场景打造学习闭环:三位一体授课模式,让学习更有成效
技能契合企业需求:联合大厂构建项目库,让学员积累项目经验
登录,注册和密码的用户体验:设计指南
今天我想讲讲一个对UED设计师们来说很常见的问题:登录,注册和找回密码的用户体验。这个问题对离开率和转化率都有着很大影响。
你得考虑这两种情况:
用户信息至关重要的电子商务网站
用户信息非必要的网站或是网页应用。
登录和注册的用户体验总是痛苦的。没有人喜欢在新的网站上注册时填表,检查和验证邮箱,想出符合苛刻规则的新密码。
你有多少次忘记了注册时用的密码?我就忘了很多次,不得不去找回它们。
在移动设备上,登录和注册的用户体验比电脑上更痛苦了。因为用户不得不切换应用来验证邮箱,还得切换键盘来找到特殊符号。
如何优化注册的用户体验
1 - 向用户介绍注册的好处
人们可以通过创建账号得到什么?可以通过注册得到什么好处?例子如下:
加入 ELEVATE
我们让追踪航班变得简单。你还能看到你已为下一次奖励航班赚取了多少Elevate点数。
了解更多
2 - 增加别的注册方法
这是让注册变得更快的方法。你可以运用社交软件账号注册或是用Google账号注册。
别让用户输入和记住密码。这是一个改善注册过程的好方法。即使还是有人更喜欢标准的邮箱注册方式。
3 - 注册表格里的必填项尽可能少
少即是多!从用户体验的角度来说,输入邮箱和密码就够了。
别在这一步要求输入如性别,生日之类无关紧要的信息。你可以在用户档案页面让用户加上这些。
4 - 别让用户重复输入
别再注册表格里重复某一项:例如:两次密码项,两次邮箱项,等等。
5 - 别让用户通过邮箱确认注册
这一步至关重要。
对某些公司来说,验证平台用户的真实性非常重要。
鉴于你什么时候都能通过发邮件来验证用户,你可以晚些再这么做,让用户们马上就能使用系统中的全部功能。邮箱验证过程可以在接下来几天中完成。
如果你一定得确认隐私信息,用别的不需要用户切换应用的服务来验证。消息验证是个好方法:用户会通过sms收到验证码,可以简简单单的输入,避免了切换应用(在移动设备上)或是切换网页(电脑上)。
切换环境的用户体验并不好。用户可能会迷失方向,从而增加了使用障碍,较终有可能把用户从他们完成较初目标的道路上劝退。
如何优化密码的用户体验
我想把优化密码的用户体验这一部分分开讲。
密码的用户体验真的很痛苦。
6 - 别附加太多安全规则
你为编一个“安全”的密码烦恼过多少次?有多少次因为规则要求带符号或者数字所以你没法用自己在网站上较“常用”的密码?
我觉得当今网站的安全很重要。研究了50个以上的网站之后,我发现了其中90%都只有2或3个密码规则,并且之前从未有过密码安全问题。
我非常推荐你在网站上使用以下中的2或3个规则:
密码中必须包含数字;
密码中必须包含大写字母;
密码中必须包含至少一个 @#$ 符号;
密码必须长于8位字符;
密码中不能包含字符;
密码中不能包含重复;
而不是把这些全加进去
7 - 加上显示/隐藏密码的选项
把选项交给用户的体验是非常好的。用户在能看到自己输入的是什么的时候更不容易犯错。
8 - 别让用户输入两次密码
就像我之前说的,在注册用户体验部分,别重复表格中的项目。
9 - 加上密码强度提示
现在,有很多便于添加进网站的JS脚本能用于优化密码项的用户体验。
这个脚本可以让用户实时看到安全级别,还用视觉元素做了区分(比如颜色:绿,黄,红)。
10 - 直接显示密码规则并且实时更新
Mailchimp有这个不错的功能,我很喜欢。
如何优化登录的用户体验
优化登录的用户体验是这篇文章的较后一个部分。
11 - 用社交软件账号登录
这个思路和社交软件账号注册是一样的。
12 - 允许用户用指纹验证登录
用这个方法你可以减少登录过程中的痛苦。它可以由TouchID完成,如今80%的智能手机都支持此功能。
13 - 加上显示/隐藏密码的选项
这个思路和我之前在注册部分说的是一样的。
但是,显示密码不一定得是默认选项。因为用户可能会觉得不安全。
我的建议是把密码用经典的“*”号遮住,让用户决定是显示还是隐藏。
14 - 加上“忘记密码?”的链接
极少使用的密码会被忘记,在任何登录流程中,用户都应该有办法找回它们。
以下是较优的密码恢复过程示意图:
15 - 免密码登录
极少的公司试着通过跳过密码项建立出这个过程。
可以怎么做呢?一些例子:
使用Google验证
Sms身份号码:Twilio有此实例
如果用户不想输入密码,给出其他的选择:Slack的“Magic Link”就是一个好例子,你可以用Auth0来把它加入你的网站
生物特征识别验证:这是这篇文章中较新颖的部分。它一定会是登录和注册用户体验的未来方向。一些例子:声音识别,面部扫描,指纹,瞳孔扫描,手掌几何特征等等。
总结
为网站的登录和注册的用户体验深思熟虑一番:
如果你在做电子商务网站,考虑一下‘以游客身份结账’部分;
如果你的项目是基于移动设备的,让它尽量简单,简约;
把注册的好处介绍给用户;
加上社交软件账号注册和登录;
表格上只有关键项;
别重复表格中的项;
考虑验证用户的不同方式(email或者sms);
优化密码的用户体验:别加过多规则,把规则直接显示出来,显示/隐藏选项,别让用户输入两次密码,加上强度提示;
允许别的不需要密码的登录方式:生物特征验证和双重认证;