Web表单设计:表单结构（2）

通过逐页画出整个流程，同时配合说明用户离开和最佳实践分析的网站点击数据，下面我们分别分析每种数据的意义：

可用性测试 目的在于可获得宝贵的定性与定量数据。

• 错误或问题的数量或位置；

• 错误或问题的严重程度；

• 完成率；

• 完成整个表单或部分表单的时间；

• 满意度评分；

• 任务主观评论。

实地测试 从人种学角度观察，人们在不同环境中，与表单的互动方式情况。

• 访问表单要求填写信息的来源：文档、软件和人等；

• 表单填写环境：吵闹的办公室和小监视器等；

• 任何说明表单完成或错误率的额外情境。

客户支持 通过客服或访谈等，了解用户使用表单时发现的问题，有利于分离和解决问题。

• 报告最多的问题；

• 解决报告问题的常见办法；

• 问题报告人的统计信息；

• 问题报告人所使用的操作系统及其浏览器设置。

网站追踪 表单可用追踪任意数量的有用量化指标。

• 完成率；

• 如果表单未完成，人们是在哪个位置放弃填写表单的；

• 人们访问表单的方式；

• 已使用哪些表单元素；

• 已输入哪些数据；

• 浏览器和操作系统信息。

眼动跟踪 记录用户如何理解表单的表现形式，可用于解释复杂的地方。

• 人们在表单上看到了什么；

• 眼球固定次数：解析表单所花的努力；

• 眼球固定时间长度：看每个元素所花费的时间。

Web惯例 调查表单设计问题的共同解决方案可提供宝贵见解。

• 设计问题的独特解决方案；

• 网上通用的模式。

观察用户如何完成表单，或者利用现成的网站分析软件监测网站日志，也可以得到大量有用的观测信息。

虽然很难设计出优秀的表单，很多时候都是“视情况而定”，但是通过考虑表单的设计因素，也就是以下我们所说的，找到适当解决办法的原则和模式，可以设计出不错的表单。闲话少叙，针对互联网表单设计，原则如下：

• 尽量减少痛苦－用户不在意之前是什么，更在意之后能得到什么，让过程尽量简洁快速。

• 说明填写完成路径－表单应该有清晰的提示或帮助用户，告诉他们如何能快速完成目标。

• 考虑情境－表单并非独立存在，它们都是更广泛情境（受众群体、应用、业务）的组成部分，这些情境决定如何使用表单。

• 确保一致沟通－表单是用户与公司沟通的中间人，多个团队参与对话，但最后表单只能传达一种一致的声音。

贾里德·斯普尔曾经有一个经典案例：修改按钮为网站年收入增加3亿美元。粗听起来好像是天方夜谭的事情，但是它确实是事实。良好的设计如何能为商业创造价值，这是设计团队一直在思考的问题。有一点是可以肯定的，我们用客观的数据与严谨的实验，去证明我们设计原则与设计模式，让它们的设计价值最大化，达到为商业创造价值的目标。

你会构建表单组织吗？

面对优秀表单设计，人们能够不费吹灰之力就能填完表单，这里有视觉与交互设计考虑因素对表单的影响，但更重要的因素是表单的内容及组织方式。以下是经过多年的设计实践我们能得到的一些原则：

• 应当花时间评估表单中的问题。应当提高警觉，去除一切不必要的问题。

• 表单所提问题（标签）应当尽量简洁。

• 如果人们会误解简洁标签，应当寻找使用自然语言的机会，澄清表单要求人们回答的问题。

• 表单所提问题来自多个不同人或部门，应当确保表单统一口径。

• 可以将表单内容组织成逻辑组，有助于浏览和完成填写。

• 如果可能，应当以对话形式构建表单。主题间的自然间断有助于组织表单。

• 如果表单可自然分成若干主题，一个网页可能就足够组织表单。

• 如果表单包含大量问题，同时有若干主题，可能需要多个网页来组织表单。

• 如果表单包含大量问题，而只和一个主题相关，一般需要一个较长网页来组织表单。

• 可以考虑在表单填完之后提出可选问题。可能会比在初始表单中就提出这些问题能获得更多答案。

• 可以考虑采用Web惯例调查发现特定类型网站如何组织表单。

• 应当采用最少的必要视觉信息来区分内容组。

• 英文网站首字母应当大写，使内容组更容易浏览。

Effortmark公司可用性顾问，卡罗琳·贾勒特说：“先考虑人，在考虑像素。”开始设计前要思考一个问题：用户真正关心什么？设计师在关注像素的同时可能忽视了人因因素-比如标签末端是否需要放置冒号等微妙细节。用户真的不关心冒号。其实用户真正关心的是问题的内容和为何要问这些问题。从了解用户开始，并了解你的公司搞清楚为什么表单要这么设计？是用户关心的关系点问题么？“保留，删减，延迟，解释”形成更好问题的四大策略，同时，多种视角的平衡用户需求与商业需求。