移动应用设计：注册和表单

上次我们讨论了应用内搜索和业务转化的设计原则，这次让我们把话题聚焦在这两个比较复杂的内容上，事实上我们发现这也是不少设计师和开发者头疼的地方。也正因为如此，我们针对性地准备了七条原则来帮助大家少走弯路。

第四部分：注册

注册是一种您用来与用户联系的方式，它可以提升未来的转换几率，并为双方未来的关系提供更多的可能性。然而，设计不佳的注册往往也是摩擦产生的根源，也可能是转换的障碍。这里我们向您展示如何构建注册过程，让用户能够更快地达成目标。

14.要求用户注册前，需提供明确的用途

如果一个应用一开始就要求用户提供个人信息，用户就会放弃它，除非它承诺向用户提供某种形式的即时回报（例如打车或外卖等具体的服务）。尤其是那些品牌认可度不高的应用，以及价值主张不清晰的应用，如果要在最开始就要求用户注册，必须得跨越非常大的阻碍。只在必要的时候要求用户注册，贯彻这一原则的常见做法是，在业务转化点，也就是结账的时候允许用户使用访客身份 (guest) 结账。

△ 左边，进入应用就要求用户注册，对使用设置了较大的障碍，用户体验不好。右边，并没有要求用户注册，而是全力展示着自己的核心服务内容 —— 后退一步，给用户一些空间，体验会更好。

15. 区分 “登录” 和 “注册”。

用户经常试图点击 “登录” 按钮来 “注册” 账号，当系统再次提示输入密码时，才意识到自己错误的行为。这种情况经常发生，因为用户在迅速扫过屏幕后，通常会选择最显眼的、最先注意到的操作入口（CTA, Call To Action）。所以，需要设计易于区分的 “登录” 和 “注册” 按钮，以便用户可以快速操作。

 

△ 左边的 CTA 按钮没有作区分，很容易将下面的两个按钮都认为是上面用户名和密码的下一步操作；右边的界面更为简洁，且 “注册” 和 “登录” 两个行为被明确声明为两个平级的操作。

16. 减少密码输入错误的可能性

如果密码输入总是在出错，用户会感到恼火。您应该尽可能降低密码输入错误的可能性来降低被用户放弃的风险。尽可能减少步骤，或提供不同的身份验证方法，如使用 Google Sign-In、第三方登录或指纹触摸登录。

 

△ 左边只提供了手动输入密码的选择，而偏偏手机输入会更容易出错；而右边提供指纹登陆等更有效率的验证方式，用户体验更为友好。

第五部分：表格录入

表格一般总在最重要的时候出现，毕竟要求用户亲自输入信息在如今已经是门槛极高的要求了。请遵循这些原则，制作可以快速且轻易完成的表格。

17. 建立用户友好的表单

表格的设计需要符合用户输入信息的方式、习惯。屏幕需要能够适应多种输入形式，而不是让用户去适应应用。另外，请确保表格字段不被其他界面元素（如键盘）阻挡。当用户完成一个表格字段时，自动将下个字段提到屏幕上方。此外，自动填充、自动大小写调整和信用卡扫描等功能也可以提升效率。

 

△ 左边的表单，数据输入的格式太过死板（比如，三个表格字段来输入电话号码），另外，下一个要输入的字段被键盘挡住了；右边的表单，信息输入的格式更为自由，完成一个字段后会自动展现下一个字段。

18. 实时提示表格信息输入错误

用户辛辛苦苦填写好了表格，但在提交时才发现表格出现错误，这是十分恼人的。您需要实时检测并提供错误信息来缓解这一 “痛苦”，并且在用户成功完成某个字段后给予确认。此外，您需要不断测试表格的使用体验，来确保整个流程的流畅性。

 

△ 左边，表格信息只有在提交时才会验证是否正确，而且错误的信息并没有展现在字段框里，且没有提供参考示例；右边，在字段框里直接提示错误，并给出可供参考的示例。

19. 将键盘与所需输入的文本相匹配

用户希望应用能够提供适应文本输入的键盘。同时，您需要确保在整个应用中都贯彻这个原则，而不是仅对部分表单生效。

 

△ 左边的表单字段需要输入数字，但键盘仍是字母键盘；右边的键盘能够根据输入字段来调整键盘。仅仅只是一个控件属性的调整，体验却有天壤之别。

20. 在表格的上下文中提供有用的信息

在上下文提供相关信息能够帮助用户快速完成整个表格。例如，在安排日期时，用户希望能够直接像在月历上一样确定日期，而不用离开去查看手机日历应用。同时，这也降低了用户被另外的任务分散注意力的风险。

 

△ 左边没有提供便捷的日期输入功能，以及帮助表格输入的提示文字；右边提供了日历控件等有效的功能来帮助日期输入，还给出了简要的说明文字。

在应用设计的整个过程中，“用户友好” 是极其重要的一点，尤其是到了需要用户亲自操作去输入一些信息的时候。如果您在日常生活中碰到了让您 “不爽” 的注册和表单，不妨试着用上面这几点来试着找到更棒的设计解法。我们下期再见！

推荐阅读：

移动应用设计：应用内搜索和业务转化

移动应用设计：综述、导航和浏览

马上报名 | Google Play 线上训练营四月课程报名及三月课程总结

四月刊 | Google Play 开发者 FAQ