您的位置:首页 > 其它

如何设计出用户体验良好的登录/注册页面

2016-08-17 08:49 761 查看




对于开发者来说登录/注册页面是再熟悉不过的了,然而要想提供更好的登录/注册体验的话就需要一些技巧了。应用了下面这些小技巧的话,你的登录注册页面在实现基本功能的同时还能提供非常流畅的体验。

 

1、不要将”Sign In ”和”Sign Up”放在一起

看看下面这张图片,你需要花多长时间来区分”sign up”和”sign in”呢?



相信读者已经发现问题所在了。”Sign In”和”Sign Up”长得太像了!如果两个按钮的样式相近,按钮的文字又相似的话,用户很有可能会混淆。特别是在用户想要登录(log in)的时候,看到了”Sign In”之后下意识的就点了进去。发生这种错误是因为用户习惯性地扫了一眼屏幕并默认将第一眼看到的东西当做正确的。即便用户不犯这个错误,他们还是需要花时间来去区分这两个按钮。

最好的体验是:用户不需要停下来去区分这两个按钮而是一点就跳转到他们想看的页面。因此我们应该尽量避免同时使用“Sign In”和”Sign Up”这种易于混淆的词,可以尝试以下图方式来替代:





这样既可以避免文字的混淆,又通过不同的颜色来醒目地突出两个按钮的区别。

 

2、注册页面尽量少地让用户填写信息

在新用户注册页面,不要去问多余的信息,尽量让用户更快的完成注册。你在表单中设置的输入框越少,用户选择不填的可能性就越低。在设计注册页面之前,务必要想清楚你需要的用户信息到底是什么。另外,在设计的时候需要注意以下两点:

(1)不要让用户重复输入密码。相应的替代方案可以参考之后的第4个小技巧

(2)尽量减少非必填项目。如果这个信息不是必要的话那么就没必要让用户在填写它上浪费时间。你可以将非必填项目和必填项目分开设置,中间用一条横线隔开。同时,在非必填项目旁边醒目地标注“可选”或“非必填”。





3、将登陆和注册区分开

很多网站和应用将输入框个数相近的登陆和注册框并排放置(如下图所示)。



然而这种做法很容易让用户混淆。很可能用户将登陆的内容填写到了注册的表单里。Twitter的登陆注册页很好地解决了这个问题。登陆和注册的表单明显不同,而且注册表单还添加了“New to Twitter? Sign Up”(没用过Twitter?注册一下吧)的标题。




4、让用户可以看到密码

用户在登陆注册过程中最容易犯的错误便是输错密码,因为密码输入框通常都不是明文的。因此用户很容易输错,尤其是在移动设备上。很多网站和应用的解决方法是让用户再次输入密码并验证,如下图所示。





然而这并不能从根本上解决这个问题。用户从始至终看不见自己输入的内容,即便输入两次用户也有可能犯两次相同的错误,而且验证失败之后用户也不知道自己哪里输错了还得重新输入。

最好的解决方法是添加一个“显示密码”的选项。你可以在密码输入框附近添加一个checkbox,当用户勾选它时显示密码。





或者你也可以添加一个“眼睛”图标,当用户点击图标时显示密码并给图标添加一个斜杠表示再次点击可以隐藏密码。




5、提供明确的引导提示

用户输入错误时一定要明确的指出到底错在哪,而不是简单地说一句“输入错误”,同时还应指导用户写出正确的答案。主要需要注意以下两点:

(1)错误提示应描述清楚并且便于阅读

“出于安全考虑,您的密码长度必须在6个字符到10个字符之间,并且包含至少1个大写字符、1个数字和1个符号”。这是一个典型的密码错误提示,但却不便于阅读。参考一下Mailchimp注册页面的做法(见下图),当用户的输入满足一个条件时,对应条件的错误提示便会变暗,当所有条件均满足之后会提示密码符合要求。



(2)实时输入验证

实时输入验证可以及时地告知用户输入的错误。这样用户可以及时更正错误,而不是在点击“提交”按钮后收到输入错误的通知。另外,表单验证不仅要提示用户输入错误,还应告诉他们怎么输入才是正确的。这样用户会更放心地进行后续操作。实时输入验证非常适合于用户名和密码一类信息的输入。Twitter的注册页面就是一个实时输入验证的示例。如下图所示,这个表单可以提示我该邮箱已经被注册并询问我是否需要登录或修改密码。



6、使用电子邮件地址或手机号作为用户名

如果你让用户自己创建一个用户名的话,你很容易会遇到两个问题:

(1)用户为了创建一个唯一且符合要求的用户名花费了很多时间;

(2)这个用户名并不是用户熟悉的,用户很快就会忘记

因此,最好让用户使用自己的邮箱或手机号来作为用户名,这样既保证用户名唯一又便于用户记忆。

 

7、允许用户使用第三方账号登录

为什么非要用户注册一个新的账号呢?使用一个第三方账号可以解决很多注册的问题。和通过邮箱注册相比,使用第三方账号既有优点又有不足之处。

(1)优点:用户无需填写注册表单、创建新的用户名密码或验证邮件。这大大减少了注册的耗时。最重要的一点便是用户不需要再记住一个新的用户名和密码了。

(2)不足:第三方账号登录会收集一些用户账号的信息,因此有些用户可能会不太乐意共享它的账号信息或是担心隐私被泄露。因此最好的方法是同时提供邮件注册和第三方注册,让用户来选择使用哪个。



8、保持用户的登录状态

很多网站在用户注册之后让用户再手动登录一次。这一步着实多余。最好将你的应用设计成:用户注册之后自动登录。(除非你的应用涉及银行或金融交易等对安全要求较高的领域)

 

9、简化重置密码的过程

用户很有可能忘记密码,因此密码找回工作尤为重要。尽可能地简化密码找回的流程可以提高用户的粘性。将“找回密码”的链接放在你的登陆注册页面中并始终显示,而不是在用户输错密码之后才弹出来。

 

10、遵循“买前试用“策略

如果你在非必须(涉及支付等安全度较高的操作)时强制用户注册的话,用户很可能会放弃使用你的服务。即便是在网站用户量不大的时候也不建议你在用户使用你的服务之前强制用户注册。过早地强制注册会使85%的用户放弃使用你的产品。



在用户注册之前提供一些试用性服务是不错的选择。“买前试用“策略给用户了解你的产品或服务的机会,可以使用户体验你的产品并产生注册的想法。当用户了解你的产品和体验之后再注册可以回馈给你更加真实的用户数据。比如,YouTube就允许用户浏览尽可能多的内容,只有当他们想上传自己的视频时才需要注册。



结束语

当你把注册的所有障碍排除之后,你将收获大量的注册用户。但是并不是所有注册用户都会转化为活跃用户。活跃用户才是你的产品或服务的关键。设计一个高效的登录/注册页面仅仅是第一步。

转自:http://igeekbar.com/igeekbar/post/96.htm?ref=myread
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: