表单设计是我们在设计产品时经常做的事情之一，尤其是长形式，特别是在设计时。

没有用户愿意机械地填写漫长而无聊的领域。

对于长版设计，我结合自己的项目经验和使用其他应用程序时的一些好经验，总结了以下10个小技巧：

提前通知所需材料，以避免中断表格填充过程。

用户激励在完成表格之前提前通知用户。

清楚地告知用户完成整个表单的步骤。

它易于操作，并且易于完成的形式放在前面。

自动填写。

提供适当的输入法。

数据会自动保存。

确定备用输入。

及时鼓励和反馈。

及时的帮助。

1.提前通知所需材料，以避免表格填充过程中断

在用户正式开始填写表格之前，请提前告知用户填写表格所需的材料，如身份证或工作许可证，以便用户可以提前做好准备以避免准备材料中断方式。它还可以防止用户因某种原因放弃，暂时无法提供相应的资料。这种情况对用户体验有很大的危害。

△东兴198

△升乐财富通

2.用户在完成表格奖励之前通知用户的激励

在用户启动任务之前，请提前告知用户完成任务后可以获得哪些好处。例如，可以添加特权，物理奖励等以增加用户对完成表单的期望，这可以有效地提高用户完成任务的动机。

△东方财富

△郑和岛

3.清楚地告知用户完成整个表格的步骤

这仅适用于逐步形式的设计。

在开始任务时，清楚地告诉用户在整个表单中填充了多少步骤，以及每个步骤是什么，这允许用户形成明确的期望并在表单填写期间减少用户的不容忍。未知事物更有可能让用户感到焦虑。

△51信用卡管家

△平安证券

或者您可以使用进度条告知用户表单的进度，如下所示：

△升乐财富通

4.易于发布，易于完成页面前的表格

就像老师从小老师那里教导我们一样，有必要轻松回答问题。在设计流程时也可以遵循这一点，将易于完成的表格放在前面，这有三个好处：

简单形式更有可能引起用户填写的愿望，用户迫不及待地想要完成它。相反，用户从一开始就看到过于复杂的表单，并且很容易害怕放弃整个任务。

通过完成一个简单的表单，用户可以增加他们的自信心，即使后面的表单变得更加复杂，用户也更耐心地完成。

当用户在前面完成简单表格时，放弃整个表格的机会成本变得更高，并且即使稍后遇到困难的任务，用户放弃的概率也会降低。

5.自动填写

与后端数据库匹配并自动填充已知信息。

例如，用户在填写长格式之前已经在平台上填写了联系信息，姓名或其他信息，填写长格式时也需要这些信息元素，我们可以自动填写表格和减少用户输入。例如，后面的表单所需的信息元素只是在前一个表单中输入，我们也可以自动填写用户。

6.提供适当的输入法

当用户填写表单时，他或她可以尽可能地提供选项。

选择而不是手动输入有两个好处：

降低用户运营成本。

这些选项对于平台更加可控，并且获得的信息更加标准化。

共同性别，地区，年龄等。

△微信

例如，我们的产品以前需要用户体验进行分类搜索，当用户填写信息时我们提供了统一的选项，以便我们可以获得标准化和标准化的用户数据。

但是，在提供选项时，请注意所提供选项的合理性。在上述用户体验示例中，应特别注意工作经验的划分。

如果表单不适合提供选项，则必须由用户手动填写，您需要为不同的方案提供正确的控件。

例如，输入帐号，密码，填写邮箱，输入昵称等，都需要提供不同的键盘。

7.数据自动保存

这是非常重要的！特别是对于包含大量内容的某些表单，您必须自动保存它们。

想象一下，您正在完成一个长形式并在其前面填充了大量内容，但由于系统崩溃，网络状况或其他原因，您可能必须在提交之前退出。当您再次开始填写表单时，您必须重新填写所有信息，这绝对是崩溃的。

给出我最近经历过的一个积极的例子。

最近，我正在去深圳，我必须填写一份非常复杂的表格，填写公安局申请许可证。第一步是填写大量信息元素，第二步需要上传大量照片。当我90％的时间完成时，我发现我没有照片。我需要把它带给我的家人。那时，我不得不退出整个预约过程。心脏里真的有十万匹草马。

后来，照片完成了，我再次开始预约，我发现所有信息都已自动保存，我不需要重新输入。我只需要上传最后一张照片即可。这很棒！我没想到公共服务的在线服务体验如此之好。

8.确定替代投入

善于利用技术的力量，技术上无法由用户解决。

例如，有时您需要输入ID号或银行卡号。现在有许多技术接口支持照片扫描以自动获取数字，而无需用户费力的手动输入。例如，输入位置并通过系统自动定位既准确又无故障。

△微信

上图是在向微信添加银行卡时通过拍照自动识别卡号。

9.及时鼓励和反馈

将用户视为普通人，大多数普通人需要鼓励和肯定。

及时给予用户反馈，“你很棒，已经完成了！” “你已经完成了大部分时间，你可以用你的力量完成所有这些！”温度写入副本可以有效地安抚关键节点。用户的情绪。

10.及时帮助

不会打扰用户，但会在用户需要时及时显示。

在设计表格时，有必要对一些专业词汇或难以理解的概念给出清晰的解释，以避免用户在填写表格时不知所措。对于具有更高要求的某些表单信息，还给出了用户参考的明确示例。对于一些更复杂的流程，如有必要，您还可以提供在线咨询帮助，以帮助用户填写整个表格。

△东方财富

上面的图片是东方财富的开户流程，上传身份证。是一个很好的例子，你可以欣赏它。