通过上一节课的学习，我们知道表单设计非常重要。既然表单如此重要，那如何设计出优秀的表单呢？

优秀的表单设计依赖于商业目的，用户需求、业务情景，以及大量的可用性测试，所以设计出优秀的表单并不简单。

表单设计一定是科学和严谨的，他需要围绕具体的业务展开，所以在不同业务场景下的表单设计，很难参照统一的标准化答案。但好在我们可以依照典型的设计案例，归纳出基本的设计法则，这些法则可以给具体的方案设计提供指引。

法则一：减少用户的痛苦

在详细讲解这一法则之前，我们必须要认识到这样一个现状，那就是很多设计师并未将表单设计看做是设计任务中，比较重要的部分，所以当我们在使用一些产品时，总会在表单填写页面临压力。

表单填写页可以说是用户和一个产品之间，交互最密集的部分。用户需要思考、选择和输入。在这期间遇到任何的体验不佳，都会让用户感到痛苦。为此，我们列举的一些表单设计上，能够有效减缓用户痛苦的设计案例，希望这些案例能够给你一些启发。

1.清晰的浏览线

当我们眼睛在观察面前凌乱摆放的事物时，都会从一点跳跃到另外一点，每一次跳跃，其视觉路径都近乎一条直线，我们大脑总是力图找到不同事物间的内在联系，当视觉跳跃次数和频率增大时，我们往往会感觉到疲劳，但如果不同事物之间按照某种规则，整齐摆放，那么我们的视觉跳跃次数就会减少，大脑的疲劳度也会降低。

很多设计者在表单设计中，并没有严格约束标签和输入框之间的对齐关系，整个表单的内容元素被随意的摆放在页面中。尽管用户可以通过标签和输入框的相近关系，准确的填入相应内容，但是在整个填写过程中，用户的视觉线需要在不同的元素之间，不断跳跃，这无疑会加速用户的疲劳。

如图：跳跃的视觉线会加速阅读疲劳

2. 归纳分组

当表单中需要用户完善的内容较多时，我们需要对这些填写项，按照一定的信息纬度，进行分组梳理，同时在视觉呈现上，使用分割线，或者借助背景色块加以区分。这些处理方式，将有助于用户总体把控表单填写信息，进而降低填写的压力。

如图表单，通过分割线对表单内容进行分组界定

3. 从易到难排序

在表单设计中，我们需要仔细评估不同填写项的填写难度，将那些不容易填写的选项安排在表单的最后面。虽然这些填写项都是需要用户必须完成的，但如果让用户打开表单，就遇到了难填的选项，那么放弃填写表单，将是大概率事件。

4. 不分散注意力

出于商业化的考虑，产品的设计者可以在产品的任意页面增加广告宣传的内容，但是唯独在表单填写页，最好不要有这种“非分”的想法。表单的填写应该是让用户在安静的环境下进行，广告的出现会分散用户的注意力，进而降低用户的填写效率。

如图设置页表单中使用了广告banner，鲜艳的用色会吸引用户的注意，进而降低表单完善的效率

5. 收集有用的信息

很多设计者在制定表单问题时太过随意，本着“收集多总比少强“的心理，将一些无关信息收集，加入到表单问题列表内。要知道，当填写项增多时，表单也会变长，用户的填写压力也会增大。所以在表单问题项设定时，我们需要做减法，果断将表单中和中心任务无关的问题剔除掉。

6. 使用正确的控件

还有一些设计者，对一些基础控件特性了解不多，经常在表单设计中，使用错误的控件，比如一些设计者将错误的将单选框设计成复选框的样式，这就导致用户在填写表单时，遇到困难。

如图，设计方案中，互斥关系的选项中使用了复选框

7. 自动保存

一些产品的表单页，因填写较多，需要用户录入的信息也很多，但是设计者确没有为用户提供录入信息，手动或者自动保存的功能，所以当突发事件发生时（比如断电，或是设备死机时），这些已录入的内容会完全丢失。

如图：在长表单填写情景下，设计者为用户提供了自动保存的功能，这一功能将有效避免数据丢失的问题。

8. 自动唤醒键盘

为了环节用户的录入痛苦，我们需要在设计机制上，多做一些体验性提升上的工作。比如在移动场景下，当用户进入到表单填写页时，如果表单的第一项为文本输入项，那么我们可以直接帮用户激活文本框，并唤醒键盘，用户只需进行输入即可。

当然，这种方案是否“体贴”，是建立在对用户行为正确预判基础上的，如果预判错误，也会给用户带来使用上的障碍，比如有些用户在进入表单页后，并不着急填写，而是想总体浏览一下表单内容。

9. 默认项

如果表单中存在着大量需要用户做出选择的选项，那么设置恰当的默认项，将有助于提升用户的完成效率。恰当的默认项应结合人群特点做出，并结合已提交的用户数据进行动态调整。

法则二：帮用户建立填写预期

优秀的表单的设计，应该让用户在填写的前，就具备明确的填入预期，下面我们举例说明

1. 用时参考

当表单中需要用户完善的问题项较多时，用户常常会产生情绪焦虑。此时如果我们能够为用户提供一个填写时长参考，就可以很好的帮助用户建立填写信心。

如图，在表单填写的初始状态下，向用户提供表单填写可能需要的用时参考

2. 步骤条

如果表单中的待填项较多，比如有20项或者30项，那么通常我们会将这些问题项，归类到几个独立的页面，这些页面分别对应不同的任务场景，为了帮助用户建立明确的填写预期，通常情况下，我们会将这些页面单独命名，然后以步骤条的形式统一呈现。

当用户进行表单录入时，伴随着信息的分步骤提交，步骤条也会向用户动态呈现完成进度。

如图，多页表单中，通过表单完善步骤示意，用户可以确认表单完成的进度

3. 前置说明

在一些表单填写中，有时需要用户上传一些文件资料，比如身份证图片、Excel表格等。这些资料往往需要预先准备。所以在用户填写表单前，我们需要将其中可能需要到的资料提前向用户说明，以防止用户填写到上传步骤处，才发现手上资料不全，而不得不中途退出。如果我们的表单设计中，并没有向用户提供自动保存功能，那么对于用户而言，会造成已填写内容的损失。

还有一些表单填写，可能只是针对特定人群，而非全部用户，那么同样需要在表单页进行前置说明，还有一些表单填写，可能有填写截止时间的限定，那么通过倒计时形式的前置说明，可以帮助用户确定表单完善的紧迫度。

因不同的业务场景需要，前置说明的类型有很多，此处我们就不一一列举了。总之，帮助用户建立明确的填写预期，可以帮助用户更好的完成表单。

法则三：贴合任务情景

任何表单的设计都不能脱离具体的使用的情景，更应兼顾业务特性。任何脱离使用情景的表单设计，都将会给填写者带来体验障碍。结合填写情景创建表单，我们需要重点考虑以下几个因素。

1. 人群特点

优秀表单设计离不开对受众人群的研究。为此在创建表单前，我们需要对潜在填写人群进行人群结构划分，考虑到年龄段因素，如果受众人群中老年人个体占比较高，表单的设计应该有所兼顾，将字号加大，或是使用更容易被理解的交互组件，将能在一定程度上降低填写者的录入门槛。同样，色盲色弱者也应被重点关注，优秀的设计不只是聚焦于常规人群，更应兼顾特殊个体。设计本身即是“慈悲向善”的工作，与人便利，服务苍生。

2.业务场景

表单设计不应脱离真实的业务场景。在表单设计时，我们需要重点关切受众人群特点，也应该关注真实的业务运转场景。如果我们表单产品服务的对象为从事某一业务的特定人群，那么使用他们的业务术语，并顺应他们的业务流程，将更容易被使用者接受，尽管实际的业务运行中，现有的业务流程可能有不科学的地方，而这些亟需优化的业务部分，向来都是“难啃的骨头”。表单设计同样如此，专有术语的使用可能会对让我们普通用户难以理解，但是对于实际参与业务的人，完成起来会更加高效。

3.载体设备

表单设计的填写，离不开载体设备。产品的使用者，在何种设备上完成表单填写，将直接影响着表单的方案设计。相比于电脑设备，在移动设备上完成表单填写，向来会给用户极大的压力。这种压力来源于移动屏幕尺寸太小，完成录入填写相对于桌面设备困难。在移动互联网刚刚兴起之时，有很多APP的设计，尝试直接复用桌面产品的表单内容，但无一例外，都以失败而告终，用户很反感在移动设备上，完成大量信息录入。

后来的设计者，针对于移动设备场景，对表单填写进行了针对行的优化，这些优化工作包括用选项来代替输入，用设备定位来简化地址录入，通过分阶段的信息收集，取代长表单的填写，通过潜在信息的收集，取代让用户直接填写。

通过以上内容的讲解，我们认识到表单的设计应兼顾受众用户，更需要结合载体设备和实际业务情景，综合得出，表单设计不应该是想当然的产物。作为设计者我们不应该犯那种随便套用其他产品表单设计的错误，我们应该立足于用户，立足于实际的业务模型，做更为周全的考虑，在这一过程中，可能还会有其他的因素被重点添加进来。

法则四：平等对话

用户在表单的填写过程中，更像是在接受设计者的采访。设计者希望从用户口中获得他想要的答案，所以在这一访谈过程中，对话姿态和氛围营造就非常重要。为了让用户能够配合我们完成“采访”，我们需要在尊重用户的基础上，和用户建立平等对话。

1. 对话而非问询

没有人愿意被提着耳朵问问题，也没有人喜欢对话的一方强势傲慢，尊重是对话能够顺利展开的前提，既然我们是要想用户“索取”答案，那么就应该使用恰当的文案。我们不应该让用户在读到表单上的文案引导时，产生不友好的联想，这将极大的打击用户的填写热情。

2. 提醒而非责备

用户在填写表单时，有时会因个人理解偏差，或是问题的设定不当，而出现填写错误。此时系统在校验用户的填写内容不当后，会做出反馈，这种反馈通常会以红色的提示文字，反馈给填写者。尽管这组文字使用了红色，但绝不是用来责备用户的，红色的使用是引起用户的注意，而这段文字应该向用户提出问题的所在，并给出合理的解决方案。善意的提醒要好于责备，用户在填写表单过程中，应该被最大限度激励，而非因填写失误，而被“痛斥指责”。

3. 统一而非各说各话

在进行表单设计时，有时出现在我们表单上的问题，组要来源于业务相关部门。他们想通过用户表单的填写，获得有价值的数据。这些部门在给出问题时，用语往往极具部门特色，如果这些问题被收集上来后，不做任何加工，就出现在我们的表单上，那么用户显然会面临理解上的障碍，他们会在填写表单的不同部分问题时，发现自己好像是在和多人对话。

任何从其他部门收集上来的问题，都应该被处理加工，使用用户更容易的理解的文案来表述问题，这些问题的表述风格也需要统一，我们需要创设一种温馨的对话环境，那就是让用户感受到是与一个朋友谈心，而不是被一伙人“审问”。

表单设计中，平等对话环境的创设，可以让用户在表单填写过程中更加放松，而用语尊重则会激励用户更加出色的完成任务。

以上四条基本法则，是我们的表单设计实践，总结出的一套行之有效的理论方法。尽管优秀表单设计尽管需要考虑的因素有很多，但核心要素离不开受众用户和使用情景的研究，让用户感受到尊重，并且能建立明确的预期，将激励用户每一个用户，更出色的完成任务。