操不完的心！在设计注册/登录界面时要注意的常见问题

如何为网站设计用户登录流程是一个老生常谈的话题。随着时代的发展，从简单的信息填写到全面的注册方式，再从系统的注册回归到简单直观的注册体验，新用户的注册过程经历了一个迂回的变化过程。如今，绝大多数网站已经放弃了复杂而复杂的注册流程，删除了用户可能遇到的障碍、用户反感和易怒的部分，让用户尽可能简单地完成注册和登录流程。

当用户完成注册时，他们可以有选择地提供额外的信息，这可能会给用户带来更定制的用户体验。为了安全起见，绝大多数网站仍然提供电子邮件验证甚至电话验证，甚至提供备用安全电子邮件验证机制。

总之，今天我们来审视一下网站的新用户注册登录流程，这是一个系统、完善、完整的设计环节。

登录与注册

随着注册过程的优化和简化，登录界面和注册界面现在很容易混淆。造成这种混淆的原因不仅仅是简化。首先，许多网站会选择设计登录界面与注册界面非常相似，甚至直接包含在同一个界面中。许多用户无意中在一个网站上注册了几个账户并不少见。

问题不仅存在于过程中。在汉语中，“登录”和“注册”两个词在视觉上有明显的差异，但在英语中，“Sign Up”和“Sign In也很容易引起混淆。

因此，为了使用户不再有不必要的混淆，最好设计不同的界面，设计差异化的视觉和内容，以确保用户不会误判。这里有一个反例。Axureshare的登录/注册界面典型地概述了简化后的重复布局有多混乱。

电子邮件地址及用户名

在注册过程中，另一个特别值得注意的问题是用户名和注册电子邮件。当用户注册时，最好不要让用户创建独特的用户名，并将其用作登录服务的唯一凭证。绝大多数用户至少有两个电子邮件——一个用于工作，一个用于私人（在中国，许多人可能只有一个电子邮件，QQ电子邮件……）。因此，最好的方法是让用户使用电子邮件登录，注册用户可以在登录后修改信息，添加辅助电子邮件，并添加用户名。

此外，在当今移动终端的快速发展中，让用户使用手机号码登录也是一个非常好的解决方案。首先，手机号码是独一无二的。作为一个登录帐户，它具有方便和易于记忆的特点。作为一个常用的帐户，它更容易被用户使用。

值得一提的是，手机号码也符合目前流行的两步验证安全机制，系统可以更方便地向用户发送验证码。

显示流程

进度条是用户界面中最重要的存在之一。它向用户展示进度，设定目标，并向用户反馈信息。进度条允许用户清楚地知道他已经完成了多少，还有多少需要完成。正是有了进度条，复杂的添加链接才能被分割和简化，并显得更加清晰。

LinkedIn 在这方面，它完全量化了用户信息的完成，鼓励用户不断添加内容来改进个人信息。

动效

动态效果是目前最常用、最实用的元素之一。使用动态效果告诉用户如何填写表格，并结合动态效果和行为召唤按钮的设计，让用户了解下一个操作过程。

在 Readme.io 在这个网站上，猫头鹰会随着操作而改变。当用户输入密码时，他们会非常可爱地遮住眼睛。动态效果和动画的添加实际上增加了更多的互动，使页面更具吸引力。同样，Shopify 在注册界面中，弹出标签的动态效果将用于帮助用户了解下一步。

第三方登录

虽然不是每个用户都会使用第三方账号(微博、微信、Facebook、Twitter、Linkedin等。)来注册/登录网站服务，但是有必要预留第三方账号登录选项——这种登录方式更方便。

显示密码

在越来越多的网站和应用程序的注册过程中，密码不再输入两次。在这种情况下，密码输入错误几乎是致命的，因此为用户提供密码显示可以有效地避免这个问题。你知道，许多注册都是在移动终端上完成的，拇指在屏幕上输入密码的错误率高于在键盘上输入密码。

超过82%的人有忘记网站登录密码的经历。随着网站、应用程序和各种服务的增长，这个数字只会增加而不会减少。

提醒大写锁定

当用户输入密码时，提醒他们键盘是否有大写锁也值得注意。为用户提供文本提醒或视觉提醒有助于避免多次输入错误，降低用户浏览挫折的可能性。大多数浏览器都集成了大写锁提醒，所以只要稍加注意就可以看到这个问题。然而，当用户属于密码时，他们主要关注输入内容，因此大写锁提醒必须优雅和引人注目。

避免反模式设计

设计模式的存在符合用户的习惯和交互规律，使用户能够更好地与界面操作。反模式的存在也可以指导用户的行为，但指导的结果往往是无法控制或无法实现目标的。有许多常见的反模式设计：

·当用户输入信息错误时，报告错误，然后删除所有输入和内容。当用户已经有帐户时，仍然允许用户使用用户注册，并添加看似可点击但实际上无法点击的标签。限制用户输入字段的长度，但根本不提醒用户

去除验证码

移除验证码可以有效提高转化率。虽然验证码可以很好地避免注册机，但验证码对用户的挫折更大，12306 可以称之为反人类的验证码是一个很好的反例。据统计，38%的用户在第一次输入验证码时会输错，15%的用户会一直输错，而这些用户在第五次输错后通常会完全放弃注册。

REDDIT 完全删除注册链接的验证码，网站新用户注册率同比增长8%。当然，反注册机和机器人仍然是必要的。如果情况严重，可以选择更人性化的验证机制来避免。

结语

为了提高新用户注册的转化率，绝大多数用户体验问题，了解用户的痛点，除了考虑传统桌面用户的问题，但也要满足移动用户的新需求。把握好体验与安全之间的平衡，也是新用户注册过程中最困难的问题。