设计的套路:10个小技巧让长表单填写更省事

表单设计是我们做产品设计时经常会做的一件事,特别是长表单,在设计时尤其要注意。
没有用户愿意对着一串很长且无聊的字段机械式的填写。
针对长表单设计,我结合自己的项目经验和使用其他APP时的一些好的体验,总结了下面 10 个小tips:
提前告知所需材料,避免表单填写过程被打断 。
用户激励,提前告知用户完成表单的奖励。
清晰告知用户完成整个表单的步骤 。
先易后难,将容易完成的表单放在前面 。
自动填写。
提供合适的输入方式。
数据自动保存。
识别代替输入。
适时地鼓励与反馈。
及时的帮助。
1. 提前告知所需材料,避免表单填写过程被打断
在用户正式开始填写表单前,提前告知用户完成表单所需的材料,比如身份证或工作证等,让用户可以提前准备好,避免途中因为准备材料被打断。 也可以防止用户在途中因为某些原因暂时不能提供相应的材料而中途放弃,这种情况对用户体验是一个很大的伤害。

△ 东兴198

△ 涨乐财富通
2. 用户激励,提前告知用户完成表单的奖励
在用户开始任务前,提前告知用户完成任务后可以获得哪些好处。比如可以获得特权、实物奖励等,增加用户对完成表单的期待感,可以有效地提升用户完成任务的动力。

△ 东方财富

△ 正和岛