小编教你提高登录界面设计的模式有哪些。

登录表单看起来很简单，但当你的研究越深入，你将发现有越多复杂的问题会影响用户体验。

为了从一开始就确保无缝衔接的用户体验，你必须要设计简单易懂的登录表单。“设计一个登录表单这件事情有多难？”如果你曾思考过这个问题，你会惊讶于这个设计过程有太多的细节了，这些细节可能会给用户带来负面印象，也可能提高产品转化率。毕竟，登录表单可是你产品的门户，我们都知道第一印象有多重要。

尽管看起来简单，为登录表单设计良好的用户体验对于整体的用户体验来说是至关重要的。这篇文章会涉及一些登录模式，我将解释为什么我认为它们不理想以及这是如何影响到用户体验的。

登录模式

Dribbble的注册模式视觉效果虽好，但存在一些技术限制和缺陷

Dribbble的登录模式视觉效果不错，但这样的设计存在一些限制和缺陷。主要缺点是没有直接链接可以到登录界面，这可能会给客户支持团队带来麻烦。现在，他们不光需要给用户一个链接，还需要给用户一系列指令和步骤才能到登录界面。

这也会给你的市场营销团队带来问题，因为他们无法追踪登录页面的访问量。另一个问题是在营销活动页面中，CTA（译者：call to action的简称， 中文多翻译成“行动呼吁”或者“行为召唤”）为了创建用户帐户却无法直接链接到账户登录界面，取而代之的是用户被引导到登录页（landing page）；另一个解决方案是为特定的营销活动创建单独的账户登录界面。

多个步骤

Shopify网站要求用户首先输入商店地址

之后，需要用户输入他们的邮箱和相对应的密码

我真的不能理解为什么会有产品要这样做！？把登录页面分成好几个页面是件非常烦人的事情。我听到过其中一些原因，例如不想一次性给用户过多的信息导致用户超负荷，但是说真的，如果仅仅2-3个输入框就能使你的用户超负荷，那你的登录页面会让用户在超负荷之前就开始要疯掉了。

这个模式也许对于有固定内容，比如结账流程这样的任务起作用，你需要用户进行很多步骤操作（例如发货选项、付款方式、账单地址等等），但是对于登录表单来说，多步骤的操作绝对是个用户杀手，尤其是像Shopify这种登录简单的产品来说。

使用清晰的标题命名

第一眼看上去，你能区分出“注册“和“登录“的不同吗？

你有没有因为链接看起来太相似而点错过？我们很容易就把“sign in“（登陆）和“sign up“ （注册）弄混，因为这两个英文短语长得太像了，尤其是我们的短时注意力，会让我们在仔细再看一下之前就会进行点击了。

对于用户来说，这种选择错误是很容易发生的。而且，当他们本来想要选择登录时，很大可能会选择了注册按钮，因为这两个选项之后需要填写的内容都几乎一样（比如邮箱和密码）。我建议用“login”（登陆）或者“create account” （创建账户）来代替“sign up”（注册）。这样就能很清晰地跟“sign in”（登录）区分开，用户也不会点错。

社交登陆

Airbnb登陆界面简单但高效

我们必须要承认，人类因为有了所有这些超级便利的应用app以后正在变得越来越懒惰，我是说UberEats、Lyft、Amazon等等这些应用。这种行为也体现在使用登录表单上，大多数的用户倾向于使用他们的Facebook或者Google账户来登录，而不是重新输入或者记住一套新的密码。

还要提及的是，最近社交网络平台数据共享这个问题引起诸多争议，如果你重视道德规范高于用户便利，这点在设计登录表单的时候也不能忽略，因为是用社交账号登录还是传统注册登录归根结底是用户的选择。

开启大写字母模式

第一个想到“开启大写字母模式”的人简直是个天才。有好几次，我因为收到很多“密码错误”提示信息而困惑或者沮丧，到头来发现是因为大写字母模式处于开启状态中。向用户即时展示他们的字母大写模式正处于开启中，节省时间并且避免负面情绪的膨胀。另外一个解决方案是增加“显示密码”选项，这允许用户检查他们的输入。虽然对我来说，这个方法更为被动（即等待用户发起行动），相比较之下，第一个解决方案对用户所犯错误的反应和定位更为高效。

即时检验表单

MailChimp在他们的登录验证上做得就超棒的。填写要求全部罗列出来，当你填完一项，这项就会置灰，这样的校验大大减少了用户进行提交时出错的概率。我注意到其他平台也使用了类似的设计，在你填写时或填写完成后校验并打勾确认，这也非常好用啊！

我最讨厌的就是那种按了提交按钮后才告诉我出错，需要返回修改的设计，“密码设置至少8个字符”，就不能提前告诉我吗，而不是浪费我1分钟的时间。如果用户能够清晰了解当前表单的规则，流程将会变得更高效，毕竟不同的产品对于密码设置都有自己的规则。

记住你的用户

被别人记住是种很棒的体验。这能增强你的自尊心并且发自内心地感觉到温暖。谷歌也将这种正面的心理情绪暗示应用到登录界面设计上。用户只要在设备上登录过谷歌，再次登录的时候就不必重新输入邮箱，这样的用户体验是很好的。

这个功能非常有效，尤其是用户希望保持登录状态时。不过由于安全风险，通常会有一个时限，以防止黑客利用这一点。总而言之这个功能使用户在将来实现轻松再次登录。