转载：medium

今天，我想为设计人员解决一个很常见的问题：登录，注册和密码恢复的UX。这个问题会影响退出页面的速度，当然还会影响到转化。

你应该考虑两种情况：

- 电子商务网站，用户数据可是非常重要;

- 网站和网络应用程序，用户信息可以是可选的。

登录和注册的UX总是很痛苦。没有人喜欢通过填写表单、检查和验证电子邮件、编写严格遵循规则的新密码来注册新网站。

在您不记得在注册过程中使用的密码时，会发生多少次？我很多时间忘记，需要恢复它。

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

慕尼黑大学进行的一项研究表明，在手机方面，人们往往花费两倍的时间输入密码，与此同时，他们会在电脑上设置的密码会相对简单。

如何改善注册UX

1 - 描述注册给用户的好处

人们通过创建帐户获得什么？注册有什么好处？例如：

2 - 添加其他注册方式

这是一种能够更快地注册的方式。你可以使用社交登录或谷歌。

避免输入并记住密码;这是改进这个过程的好方法。即使有用户喜欢标准的电子邮件注册。

3 - 注册表格应该只有最少的资料

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

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

4 - 不要重复字段

不要在注册表中有重复这些字段。

例如：两个密码字段，两个电子邮件字段等

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

这一步很重要。

对于某些公司来说, 在平台上验证用户是非常重要的。

考虑到您可以通过发送电子邮件来验证它们，但让他们稍后再执行, 并可以使用系统所有功能。通过电子邮件的验证过程可以在接下来的几天内完成。

在这种情况下, 您必须确认凭据, 避免用户不得不切换应用程序使用其他服务。一个好的做法是短信验证：用户将通过短信接收代码，可以轻松地键入，而无需切换应用程序（在移动设备上）或切换网页（在电脑上）。

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

如何改进密码UX

改善密码中的用户体验是一个我想和其他人分享的话题。

密码在UX中真的很痛苦。

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

有多少次你会觉得编写“安全”密码很无聊？有多少次你不能在网站上使用你“最常用”的密码？因为它不包含符号或数字。

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

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

密码必须包含数字;

密码必须包含大写字母;

密码必须至少有一个@＃$符号;

长度必须大于8个字符;

密码不应包含字符串;

密码不能包含重复。

7 - 添加显示/隐藏密码的选项

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

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

如上所述，在注册UX部分，不要有重复的字段。

9 - 添加密码强度计

今天有许多简单的JS脚本可以轻松添加到您的网站，并可以改进密码的UX。

使用此脚本，用户可以实时查看安全级别，并有助于可视化（如颜色：绿色，黄色，红色）。

10 - 预先显示密码限制，并实时更新

Mailchimp有这个很好的功能。我简直爱上它。

如何改进登录UX

改进登录的UX是本文的最后一部分。

11 - 使用社交账号登录

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

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

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

13 - 添加显示/隐藏密码的选项

同样的想法，我在上面注册部分说过。

但是，显示密码不需要是默认选项。这是会让用户感到不安全。

我的建议是用经典符号“*”覆盖密码，让用户选择显示/隐藏。

14 - 有忘记密码？链接

很少使用的密码经常被遗忘，应该在任何登录过程中都可以恢复他们。

这是最佳的密码恢复过程应该如何工作：

15 - 无密码登录

很少有公司尝试创新跳过输入密码此过程。

我们该怎么做呢？几个例子：

用google验证器：link

短信识别号码：例如与Twilio

给用户一个额外的选择，以防他们不想输入密码：“Magic Link”从Slack是一个很好的例子，你可以整合到您的网站使用Auth0

生物识别认证：这是本文中最具创意的一块。确定登录和注册的未来将是UX。一些例子是：语音识别，面部扫描，指纹，眼睛扫描等。

总结

为你的网站规划登录和注册的最佳用户体验：

- 如果您有电子商务，请考虑客人结帐;

- 如果您的业务首要在手机中，则使其非常简单化;

- 描述注册给用户的好处;

- 添加社交账号注册和登录;

- 表格应该只有必要的内容;

- 不要重复字段;

- 考虑不同的方式验证用户（电子邮件或短信）

- 改进密码UX：不要添加太多的规则，显示规则给他们看，添加显示/隐藏选项，不要输入两次密码，添加强度计;

- 允许没有密码的备用登录方式：生物识别和双因素认证;

Credits for this article to:Gartner,Nielsen Norman Group,Baymard