最近研究公司项目数据，发现注册登录部分数据有改善空间。所以借此机会，希望好好的了解清楚注册登录环节的逻辑。

在Google和Medium的帮助下，找到了两篇写的很好很全面的文章。通读下来，对我的启发的很大，基本上算是解决了目前我的疑惑。

下面附上这两篇文章的中文翻译，部分有删减，还有一些地方为了更准确的表达，会同时保留原文。

这是第一次正式的梳理注册模块的交互积累，也希望对看到这个文章的你，会有启发和帮助。

01 ）没人喜欢注册、登录

没有人喜欢在新的网站、APP注册，或者在以前查看的任何地方登录，不管是网站还是APP。

而且，移动端的注册和登录操作，比电脑端更让用户痛苦。在移动的输入密码花费的时间，是在web端的 两倍。

原因主要有一下几点：

1、在移动端输入密码更困难，因为需要在数字键盘和特殊字符键盘间进行切换。

事实上，慕尼黑大学(University of Munich)的一项研究表明，在手机上输入密码的时间几乎是在台式机上的2倍，因此人们往往在手机上创建的密码较弱。

2、用户很难记住密码

许多人仍然把密码存储在物理文件或电脑上。这些在移动端是做不到的。

3、一般来说，在移动设备上填写表单更容易出错。

所以，第一个建议就是，

在要求用户在移动端注册或登录时，要三思。
对于电子商务网站来说，始终提供一个 Guest checkout 选项作为“安全门”，帮助用户完成支付的流程。

02 ）对于注册、登录的建议

如果你必须要求用户注册或者登陆，以下是一些建议，可以帮助你让整个流程更简单。

1、对于大多数的APP和网站，登录或注册应该是可选的，并且应该在不登录的情况下提供尽可能多的功能。

对于注册：

2、解释清楚注册的好处

人们创建账号，能得到什么？

登录是用户最不想做的事情。除非清楚登录的价值，用户通常都是不愿意去登录的。

所以需要，很明确清晰的定义表达填写注册登录表格的价值。信息需要清晰明了。Linkedin 就是一个很好的例子。最近他们也优化了登录注册流程的价值表达。

Linkedin注册页面，表达清楚了用户能够得到的好处

3、提供其他注册方法，如社交登录或谷歌登录

社交登录允许用户使用已经存在的社交账号，很容易在你的网站或者APP完成登录， 例如Facebook 和 Twitter。 这个功能也很吸引用户，因为不用去记住另一个密码。

并不是所有人都会使用这些，但愿意这么做的人将能够更快地注册，而且，由于他们将使用经过多次演练的密码，因此更有可能记住密码，而且在键入密码时出错的可能性更小。

Pinterest允许用户通过社交账号进行登录

4、在注册表单上，只要求最少的信息

理想情况下，电子邮件和密码就足够了。避免询问出生日期或其他不必要的信息。如果用户想通过提供额外的信息来获得更多的好处，他们应该能够通过编辑他们的个人资料来做到这一点。

可以使用邮箱或者电话号码代替用户名。

不要去要求用户创建一个用户名，除非真的有必要。尝试默认使用邮箱ID或者电话号码作为用户名。用户并不想再去创建另一个名字。记住邮箱ID和电话号码，也比记住其他一个新的名字更容易。

注册的时候，不需要强求用户设置昵称等信息，这些可以根据自身APP的情况，在以后的必要环节进行提示设置

5、注册的时候让密码默认可见

当人们可以看到自己输入的密码时，他们犯的错误就会减少，而且一旦输入了密码，他们就可以检查自己的密码。

这是我司海外产品的注册页面，默认密码可见，帮助用户减少输入错误的概率

6、提前展示密码限制

显示适当且明确定义的错误消息。不要使用通用的错误消息，这会让用户开始猜测和苦恼。

Evernote密码输入错误的提示，准确告诉用户，具体哪里错了，如何输入正确的密码

7、显示密码强度

它将给人们提供他们选择的密码的实时反馈，并提示他们创建更强大的密码。

复杂的密码很难破解。即时显示密码强度，使用户能够了解所输入密码的复杂性，并根据所需的复杂性级别更改密码。

在适当的位置显示密码策略，以便用户第一次设置正确的密码。

修改密码的时候，提示密码强度，以及具体应该如何做

8、不要重复字段 (例如，两个密码字段，两个电子邮件字段)

输入密码已经够痛苦的了。

打两遍是两倍的痛苦。

这是我在翻译过程中做的一个错误示例，仅做示例

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

切换应用程序会让用户迷失方向，并可能引发障碍，最终可能阻止他们实现最初的目标(这个目标永远不是在您的站点上注册)。

如果必须确认凭证，可以向用户发送验证码，因为只需查看屏幕顶部显示的通知即可轻松键入验证码，而无需切换应用。

在使用Outlook注册的时候，收到的手机号码验证码

10、清楚表明，在哪里登录

当一个用户打开网页的时候，清楚地告诉用户，哪里注册和登录，特别是当登录是最重要最优先的动作的时候。

11、展现输入区域

如果登录是网站最首要的任务的话，把登录的具体部分放在最前面，而不是只放注册或登录的链接，就像Facebook和Twitter的做法一样。

12、区别开登录和注册

并不是每个人都能很快的区别开注册（Sign in) 和登录 ( Sign up) 的区别的。

对这两个功能，做不同的展示。

Mint在这方面是个例子。

GoDaddy, 通过在按钮样式的不同视觉设计，做到了一部分的区别性。

13、Sign up 和 Sign in不要同时同时出现

这一条特指英文类APP设计。

当sign up 和 sign in 同时出现的时候，用户会很难快速做出判断。而且，很多时候，更糟糕的是，这两个按钮的颜色和样式都一模一样。

这个问题惹恼了那些登录的用户，因为他们犯的错误最多。

登录是一项死记硬背的任务，而重复会强化这一任务。用户不应该总是用认知上的努力来区分这两个按钮。当两个按钮在标签中使用同一个动词时，他们很容易混淆。他们不得不做的这种额外的认知工作造就了糟糕的用户体验

所以，当你需要设计国际产品的注册和登录环节的时候，请使用不同的文字和样式表达，让用户可以快速区分开来，不用思考就完成判断。

注册的说法有这些： **Create a new account wording: -Create an account -Create account  -Register -Get Started -Subscribe -New user? -Sign up -Join us! -Become a member

登录的说法有这些： -Member login (never used in combo with Sign up”) -Log in (never used in combo with “Sign up”) -Members -Member access -Members only

14、对于用手机号码注册的用户

根据地理位置或cookie信息预填充手机号码的国家编码。如果需要，还可以为用户提供更改手机号码国家编码的选项。

Yatra在注册的时候，提前根据地址判断手机国家编码，并且展示给到用户

15、进行内容提示

不要使用占位符作为输入框内容标签。占位符应该传达有意义的对话，例如输入的格式和描述。

对于需要填的输入框，给到文字提示，让用户明确知道应该如何填写

对于登录：

16、允许人们使用指纹认证(如TouchID)登录

这种方法将消除登录过程中的大部分痛苦。

就像国内很多APP，目前有在做是有指纹登录。

17、提供清晰显示密码的选项

但是，对于登录，不需要默认密码可见。虽然长期以来我们一直提倡这种做法，但直到最近才有网站和应用开始采用这种做法，一些用户在看到密码字符清晰的时候会感到不安全。这就是为什么在这个阶段，我们建议默认密码隐藏，并向用户显示一个Show password复选框，允许他们对密码进行显示。

18、聚焦在第一个输入字段

自动聚焦于表单中的第一个输入字段（光标和其他凸显方式）。这只可能在桌面上。这节省了用户单击输入字段的时间和精力。突出显示输入字段。

Amazon登录的时候，自动聚焦在邮箱、手机号码，并且光标已经出现在框内，帮用户减少了交互步长

19、如果大写锁定，给用户警告或者强提示

在用户输入密码的时候，如果大写锁定了，给用户警告或者强提示。

20、保持用户一直登陆

为用户提供保持登陆的选项，以便更容易、更快地登录他们的个人设备。

21、记住老用户

记住用户，并且预置用户的信息。

以前用户使用过Facebook进行登录，再下一次登录的时候，显示用户的名字或者头像，提示用户过往登录信息。

22、提供忘记密码的选项

很少使用的密码会被遗忘，在任何设备上都应该可以恢复它们。

用户往往会忘记密码。 确保提供“忘记密码”链接以帮助用户恢复其密码。 在允许用户重置密码之前，请确保用户已通过身份验证。 一些常见的身份验证方法是通过向注册的电子邮件ID或手机号码发送电子邮件或OTP，通过呼叫注册的手机号码来恢复问题和身份验证。

03 ）总结

所以，总的来说：在强迫用户注册或登录手机之前要三思。

如果这是必须项，请遵循这些指导方针，帮助人们尽可能轻松地完成这个过程。

文章中的大部分图片和文字，都是来自源文。也有一些图片是我为了表达清楚信息添加进去的，如果有不准确的地方，请谅解。

注册登录相关文章有很多，这篇文章对于我目前的困惑而言，是有很大的帮助。希望你看到了，不会觉得浪费时间。

本文同时引用另一篇外文，附上具体信息：

A Checklist for Registration and Login Forms on Mobile  https://www.nngroup.com/articles/checklist-registration-login/