GREEN（绿魔）的网络日志

有的表单要求人们填写大量的信息，但人们不可能有大量的时间来填写，为了让人们清楚的估计表单长度而提高表单完成效率，可以设计一个起始页来告知一些关于表单内容的情境信息。

这个例子中，起始页告诉了人们完成表单需要填写哪些信息，已经写明“整个注册过程需要花费10-15分钟”，就像心理测试里常用的“整个测试过程有80道题，估计需要花费10-15分钟填写”一样。如果没有这些，人们填写到一半因为无法忍受这个“无尽的任务”会产生许多不良后果，对网站的方案，对表单的沮丧，扭头寻找其他竞争网站等。

这种需要大量信息的表单不常见，一般出现在一些在线调查中。

• 花时间评估表单中的所有问题，提高警觉，去掉一切不必要的问题。
• 所提问题的标签尽量简洁。
• 那些容易让人误解的简洁标签，应当找寻使用自然语言的机会，用较长的句子来说明问题也未尝不可。
• 可以把表单的内容组织成逻辑组，有助于浏览和填写。
• 如果表单包含大量问题，同时又有多个主题，可能需要多个网页来组织表单。
• 如果表单包含问题较少，即便分成多个主题，还是可以在一个网页中来组织。
• 包含大量问题，但只有1个主题的，用一个长网页来组织。
• 可以考虑在表单填写完成后提出可选问题，这可能会比在开始就提获得更多的回答。
• 建议用些时间来调查相同类型表单的WEB惯例，发现他们的通用元素和特色，结合情境用在自己的设计中。
• 采用最少的视觉信息来区分内容组。

人们填表单是为了填完之后的东西：购物，使用服务，获取信息等。没人谁喜欢填表。

告诉人们在填完表单以后会获得什么，能干什么，这是提供清晰路径的一部分。

以下分别是新蛋、gmail、虾米网的注册表单一角：

然后是京东企业用户和校园用户注册：

最后是泰康人寿注册页面：

内容组之间应该有所区分，例如雅虎的注册页面和163邮箱的注册页面，他们都用分隔横线和组标签，来区分各个组。也可以用弱背景色加上细线条来实现区分，例如：

以下的解决方案用交替背景色来组织标签左对齐和相应输入框，看起来颇具诱惑力，但这些背景色带来了大量的视觉噪音，反而阻碍了人们的浏览：

过多的视觉信息可能会导致注意力分散，弄巧成拙；我们应该用最少的视觉元素来保证焦点在表单内容上。

WEB惯例调查，不止可用于表单的设计。但现在就说表单的：

调查就是比较相似网站的设计方案，观察某个特定的领域（如电子商务）中优秀的网站，记录下他们都采用了哪些通用的成功措施。

下图把15家电子商务网站的结算表单出现元素的不同统计了一遍：

同样，我们也可以做一个表格，统计一下国内电子商务名站的注册表单，它们分别出现了什么元素，注册成功后的后续页面出现了那些元素，注册失败的话，会发生什么样的事情等等。