移动登录、注册和其他形式

登录或注册页面通常是您的应用程序中用户旅程的第一步。如果这里出现问题，您可能会在用户了解您的应用程序的惊人功能和功能之前失去他们。

设计登录和注册似乎是一项相当容易的任务——可能会出现什么问题？多余的问题、消失的占位符、不明确的密码说明、不明确的密码恢复过程或无法通过 Google 帐户登录，这些只是您的用户在表单设计不佳时可能遇到的一些问题。

简短而清晰的登录/注册表格是一种艺术形式。他们的最佳实践也适用于其他形式。最终，所有形式都应遵循简单明了的原则，以满足用户的需求。

简化您的表格

用户通常认为登录/注册表单的填写时间不会超过几分钟。因此，当他们打开应用程序并看到多个输入要求大量无关信息时，他们就会离开。无论在移动设备上打字需要付出多大的努力，用户都不太可能填写包含模糊输入标签和一般错误消息的表单。

设计师如何简化移动设备上的登录/注册表单？

减少问题的数量，只问最相关的问题。当用户遇到太多障碍时，他们开始使用您的应用程序的动力可能不足以克服这些障碍。在他们看来，在他们有机会探索应用程序之前做出如此多的承诺是没有意义的。让用户享受使用您的应用程序的乐趣，并在以后更合适的时间询问详细信息。

当涉及到需要更多用户数据的更具挑战性的表单时，事情会变得复杂。大多数用户放弃结帐过程过长或复杂的网站或应用程序也就不足为奇了。解决方案是什么？

• 使用智能默认值——符合大多数人利益的默认选择。这里的诀窍是找出大多数人选择什么来实现他们的目标。

• 根据用户位置或个人信息等已授予的权限自动预填充信息。

• 使用输入掩码并自动将输入调整为所需的格式。屏蔽允许用户以较少的认知负荷提供数据。

顶部对齐标签

使用桌面表单，您可以更自由地使用空间，并且可以在左侧或右侧放置标签。在移动设备上，额外的水平空间是奢侈的，因此 顶部对齐 效果最好，特别是对于不同长度的标签。

此外，当激活屏幕键盘时，顶部对齐的标签始终保持可见，占据了屏幕的很大一部分。用户无需费力记住他们被要求输入的信息类型。

输入上方的标签放置使表单的扫描和阅读感觉更自然。

保持标签可见

在某些情况下，您的空间太短，以至于在输入上方对齐的标签不是解决方案。有没有办法让标签保持可见而不将它们放在输入之外？

用标签替换占位符不是最好的主意。当用户激活输入时，占位符消失，用户看不到他们需要提供的信息。人们一心多用，如果他们离开页面并稍后返回，他们可能会紧张他们的记忆。否则，要再次查看占位符文本，他们将不得不通过在输入之外点击来从输入中移除焦点。这是额外的工作，用户不喜欢思考或做多余的事情。

浮动标签将帮助您避免强迫您的用户经历这个噩梦。当用户点击输入时，占位符不会消失——而是在输入上方移动。因此，当用户键入时，标签仍然可见。用户可以离开页面，稍后返回表单，并且不会增加认知负担

提供多个注册和登录选项

社交登录/注册或第三方登录/注册是登录或加入应用程序的简化方法。它没有创建新帐户，而是使用来自 Google、Twitter、Facebook 或其他网络上的社交媒体配置文件的现有登录信息。用户更喜欢社交登录，如果应用提供此功能，则更有可能在应用上注册。

这种技术还有其他优点：

降低交互成本

用户无需输入电子邮件或电话号码并创建密码，只需按下所需社交网络提供商的一个按钮。

访问更全面、最新的个人信息

用户经常保持他们的社交网络配置文件是最新的。因此，通过社交登录，您可以访问有关用户的相关信息，例如他们的位置、兴趣、生日等。您可以使用这些详细信息进行更个性化的定位。

您无需验证电子邮件

用户在应用程序上注册时往往会提供虚假电子邮件。社交登录可以保护您的应用免受未经验证的数据的影响，因为社交网络提供商会验证用户的电子邮件地址。此外，提供商处理密码恢复过程。

社交登录是安全的，因为 Google、Facebook、LinkedIn 和其他社交网络提供商非常重视安全性。

提供显示密码的选项

通常，注册表单可能会要求用户确认他们的密码，因此用户可以确保他们输入的密码是正确的。相反，您可以通过允许用户查看输入的密码来最小化输入次数。

添加一个小眼睛图标使表单保持简约并降低交互成本。此外，当用户可以查看他们提供的原本隐藏的数据并检查其正确性时，他们会感觉更有控制力。不用说登录表单也可以从这个功能中受益！

默认隐藏密码。

让用户保持登录状态

就方便性而言，让用户在需要时保持登录到您的应用程序似乎是正确的想法。毕竟，移动用户经常在旅途中——多任务处理和应用程序之间的切换。要求他们在每次重新打开应用程序时输入他们的凭据需要额外的努力。然而，它并不像听起来那么简单。

某些类型的应用程序，如银行应用程序、数据存储应用程序或其他包含敏感信息的应用程序，需要额外的安全措施。

要维护移动设备的安全性，请考虑添加以下功能：

• 通过提供指纹扫描仪登录或面部识别等智能手机功能来加快身份验证过程。

• 要求用户每隔几个月更改一次密码。

• 建立设置强密码的要求。

• 通知用户他们从不同设备登录的所有实例。

允许记住用户名或电子邮件

每当用户打开存储其机密数据的银行应用程序或其他应用程序时，他们都希望它是安全的并且符合所有安全标准。然而，每次打开应用程序时都输入凭据是一件令人头疼的事情。

为了让他们的体验不那么乏味，请为他们提供“记住我”选项。它不会让用户永远登录，而是记住他们的用户名或电子邮件，预先填写并仅在后续访问时要求输入密码。这是一种比保存所有信息以供下次登录更安全的方法。

在对安全性要求不高的应用中，记住我功能有时会用来保存用户的密码，甚至可以在用户打开应用时自动登录。但是，最好使用“让我保持登录”选项来明确这是用户应该期望的行为。

选择电子邮件而不是用户名

社交网络应用程序经常要求用户创建一个唯一的用户名，因为它们可以帮助用户在其他人中识别自己。除此之外，用户名是否必要？要求输入用户名的登录/注册表单会产生额外的认知负担，迫使用户为后续会话创建并记住他们的用户名。

提供使用他们的电子邮件或电话号码登录的替代方式。这些更容易记住。此外，使用电子邮件地址登录或注册更安全，因为其他应用程序用户通常看不到它，从而减少了帐户被黑客入侵的机会。

轻松重置密码

平均而言，用户一天打开大约 9 个应用程序，一个月打开 30 个应用程序。其中一些应用程序包含敏感数据，并要求用户在每次进入应用程序时输入其凭据。

即使用户通常会忽略安全建议并在多个应用程序中使用相同的密码，他们仍然可能会忘记密码。此外，正确输入密码可能具有挑战性，尤其是当用户在旅途中或匆忙时。

忘记密码是一种压力很大的经历，不了解接下来的步骤会使情况变得更糟。通过让用户重置他们的密码，您可以表现出同理心，并让他们希望他们可以恢复对其帐户的访问权限。

通过电子邮件、语音电话或短信提供一些密码恢复选项。即使用户无法访问他们的电子邮件和电话，也不要让他们挂起。提供指向您的支持聊天的链接或联系电子邮件，以便他们获得更多帮助。

用户单击“忘记密码”按钮后，请确保他们可以查看有关下一步操作的清晰直接说明。

使用即时验证

用户唯一比表单更讨厌的是等待验证输入直到用户单击提交按钮之后的表单。相比之下， 内联验证 在用户完成输入并从输入中移除焦点后立即评估填充的数据。

内联验证的主要好处之一是用户可以立即注意到错误并花费更少的时间来修复它们。因此，这种形式需要较少的认知负荷并具有较高的转换率。

实施内联验证时要考虑的其他事项：

• 确保验证结果显示在输入字段旁边。它可以帮助用户更快地识别错误信息。

• 使用正确的视觉指标。例如，绿色和复选标记图标很适合表示成功。红色和十字图标是显示失败的标准。

• 使用清晰、简洁和对话式的语言。

避免在用户开始输入时立即检查输入的过早内联验证。例外情况是用户输入密码时，因为它可以让他们知道输入中仍然缺少哪些要求（例如特殊字符或大写字母）。

允许在登录和注册之间切换

登录和注册页面 有时可能彼此相似。您的工作是帮助用户在不小心进入错误页面时尽可能快速轻松地在页面之间切换。

• 使用标题清楚地指示当前页面。

• 将链接重定向到用户期望遇到的登录/注册页面。通常，它应该位于输入之上。

• 使用清晰的语言来消除用户单击此链接后发生的任何猜测。

最后但同样重要的是，允许登录或注册 Google、Facebook、Twitter 或其他社交媒体帐户的第三方按钮应该出现在登录和注册页面上。

或者，您可以创建两个选项卡以在注册和登录页面之间切换。

以上内容为转载