注册、登录和密码页终极设计指南

作者最大原文链接


今天,我想为设计人员解决一个很常见的问题:登录,注册和找回密码的UX。这个问题会影响页面留存率,当然还会影响到转化率。

首先应该考虑两种情况:

1.网站电子商务,用户数据可以非常重要;
2.网站和网络应用程序,用户信息可以是可选的。

登录和注册的体验通常是很痛苦。没有人喜欢通过填写表单,检查和验证电子邮件,在新的网站上注册,绞尽脑汁的想那些遵循严格规则的新密码。

在注册过程中不记得密码的事情不知道发生啦多少次?我忘记了很多时间,需要恢复它。

在移动设备上,登录和注册的用户体验比在桌面端上更痛苦。这是因为用户必须切换应用才能确认电子邮件,或者切换键盘才能找到特殊字符。

慕尼黑大学进行的一项研究表明,在手机端,人们往往花费两倍的时间输入密码,同时他们创建的比桌面端创建的密码弱地多。

如何改善注册用户体验?

1.告诉用户注册的好处

创建帐户后用户会获得什么?注册有什么好处?例如:

2.添加其他注册方式

这是一种能够更快地注册的方式。你可以使用社交登录或谷歌账号。
避免输入,记住密码是改进这个过程的好方法。即使有用户喜欢标准的电子邮件注册。

3.注册表格应该只有最少的信息量

少即是多!从UX的角度来看,要求电子邮件和密码就足够了。

避免在这个阶段询问,如性别,出生日期或其他不是必需的信息。在个人资料页面中,你可以随时要求用户添加更多信息。

4.不要重复字段

不要重复注册表中的字段:例如两个密码字段,两个电子邮件字段等

5.不要要求用户通过电子邮件确认他们的注册

这一步很重要。
对于一些公司来说,验证平台中的用户非常重要。
考虑到您可以通过发送电子邮件验证它们,但是让验证操作稍后执行。允许用户现在使用所有功能的系统。通过电子邮件的验证过程可以在接下来的几天内完成。

在这种情况下,您必须确认凭据,避免用户切换应用程序。一个好的做法是消息验证:用户将通过短信接收代码,可以轻松地键入,而无需切换应用程序(在移动设备上)或切换网页(在桌面上)。

切换环境在UX中是不好的做法。用户可能会迷失方向,这可能会引起障碍,最终可能会阻碍他们达到其最初的目标。

如何改进密码用户体验?

改进密码中的用户体验是我想与其他用户体验分开说的。
密码在注册过程中真的很痛苦。

6.不要使用太多的安全规则

多少次你因为“安全密码”而感到厌烦呢?多少次你不能网站上使用“最常用”的密码?因为它不包含符号或数字?

我认为如今在网站上的安全性非常重要。在50多个网站上进行重新搜索我发现其中90%的用户仅使用两个或三个密码限制,并且在过去几年中没有密码安全问题。

我真的建议您的网站只使用以下规则中的两个或三个:

1.密码必须包含数字;
2.密码必须包含大写字母;
3.密码必须至少有一个@#$符号
4.长度必须大于8个字符;
5.密码不应包含字符串;
6.密码不能包含重复。

不要用所有的规则


7.添加选项以显示/隐藏密码

向用户提供此选项在体验中非常好。用户在看到他们打字时会犯更少的错误。


8.不要求用户输入两次密码

如上所述,在注册UX部分,只是不要重复一个表单中的字段。


9.添加密码强度指示器(Add a Password Strength Meter)

如今有许多简单的JS脚本可以轻松添加到您的网站,并可以改进密码字段的用户体验。

使用此脚本,用户可以实时查看安全级别,并使用可视化帮助器(如颜色:绿色,黄色,红色)。


10.提前显示密码约束并实时更新

Mailchimp有这个很好的功能。我真是喜欢它。

如何改进登录体验

11.使用社交号登录

这与社交号注册是一样的。

12.允许人们使用指纹验证登录。

通过这种方法,您可以减轻登录过程中的痛苦。 TouchID可以完成,因为现在有80%的智能手机可以实现。

13.添加选项以显示/隐藏密码

跟我在上面说的注册部分,同样的想法。

但是,显示密码不需要是默认选项。这是因为用户感到不安全。我的建议是用经典符号“*”覆盖密码,让用户决定显示/隐藏。

14.包括忘记密码?链接

很少使用的密码容易被遗忘,并且找回密码应该在任何登录过程中可用。

最佳的密码找回流程:

15.无密码登录

很少有公司正在尝试通过跳过插入密码字段来创新此过程。

我们该怎么做呢?几个例子:

1.用google验证器:链接
2.短信标识号码:Twilio
3.给用户一个额外的选项,以防他们不想输入密码:Slack的“Magic Link”是一个很好的例子,你可以在你的网站使用Auth0
4.生物识别认证:这是本文最具创新性的部分。肯定这将是用户登录和注册用户体验的未来。一些例子是:语音识别,面部扫描,指纹,眼睛扫描,手势等。

总结

打造网站上的登录和注册最佳的用户体验:

1.如果您有电子商务,请考虑客人结帐时再登录或注册;
2.如果产品趋向于移动端,使其非常简单、轻量;
3.告诉用户注册的好处;
4.添加社交号注册和登录;
5.表格应该只用户重要的领域;
6.不要重复字段;
7.考虑不同的方式来验证用户(电子邮件或短信);
8.改进密码用户体验:不要添加太多的规则,并提前显示它们,添加显示/隐藏选项,不要问两次密码,增加一个密码强度指示器;
9.允许没有密码的替代登录方法:生物识别和双因素身份验证。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容