原文地址：https://mp.weixin.qq.com/s/myOIP5N-I6P9YVD1HK7-ng

不论是 toB 还是 toC 的移动端设计中，都会遇到一些表单填写和上传证件信息的情况。面对移动端要手动填写的表单，用户通常期待有高效的解决办法可以立即完成填写任务。
本文为你总结出了几种移动端表单设计的实用原则，可以有效解决表单不够友好、用户填写错误、费时费力的问题，希望对你有帮助。

一. 信息内容层级化
信息分层次、分步骤、分页面呈现

1. 表单结构分层

从表单结构层面来看，内容过长的表单，信息可以分步骤、分页面处理。

使用条件

  • 表单内容过长，用户填写有压力- 操作步骤较多，需要给用户明确的步骤提示- 中途需要多次跳转，接入第三方服务的表单
    案例分析
    做企业认证时，由于需要填写的项目较多，步骤繁杂，因此很多产品会采用分步骤的形式，提示用户当前进度。
    image.png
    2. 页面内容分层
    每个页面的信息内容呈现，有层级，有重点

使用条件

  • 表单填写内容较多
    - 页面内文字内容较多
    - 产品对于用户填写的内容有倾向（如对平台来说更有意义、更希望用户填写的信息）

案例分析
大众点评在设置用户信息时，虽然要填写的内容都是“设置”，但是重点需要设置的信息使用了链接颜色处理，做了强调。
image.png
二. 减少用户输入
用其他方式代替用户手动输入

1. 以选择代替输入
如果用户可以做选项时，就不要使用输入，可以充分利用移动设备的性能，比如 GPRS 定位、通讯录等，合理调用第三方或系统信息。
使用条件
- 填写的内容边界较为模糊，词语不确定性较高
- 选项数量控制在 3-5 个之间
- 可以调用第三方或系统信息

案例分析

案例一：知乎 App 博主认证 和 爱康国宾 App 个人信息都使用了部分选项替代填写：
image.png