作者最大原文链接

今天，我想为设计人员解决一个很常见的问题：登录，注册和找回密码的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.允许没有密码的替代登录方法：生物识别和双因素身份验证。