Web表单的设计.docVIP

Web表单设计：表单结构 你是否曾为表单设计感到过沮丧或不知所措呢？接下来三篇文章，希望能彻底改变你的看法，真正爱上Web表单设计。首先感谢Luke Wroblewski的帮助，让我有机会细心品味设计表单的乐趣。总体来说，Web表单主宰着结算、注册和数据输入。每天eBay、Taobao上的大量物品主要通过出售物品（Sell Your Item）表单售出；MySpace、Facebook等超过几亿的用户都是通过Web表单加入网站社区的；YouTube、Youku通过上传视频（Upload Your Video）表单收集了大量视频。这一切都给我们创造了很多接触Web表单的机会，Web表单常常是漫长旅途的最后一步，也是最重要的一步。 你会设计表单吗？Web表单设计在支付和注册环节，会起到至关重要的中介作用。2004年人机交互（Computer Human Interaction， CHI）大会有篇论文题目为“创造用户体验商业案例的过程”，作者是eBay用户体验和设计团队。他们搜集可用性数据、客户支持纪录、网站日志和网络惯例，提出表单重新设计的建议。当时这个项目对eBay注册表单产品线产生了积极的影响，并成为评估和资助设计项目的范本。 通过逐页画出整个流程，同时配合说明用户离开和最佳实践分析的网站点击数据，下面我们分别分析每种数据的意义： 可用性测试 目的在于可获得宝贵的定性与定量数据。 错误或问题的数量或位置； 错误或问题的严重程度； 完成率； 完成整个表单或部分表单的时间； 满意度评分； 任务主观评论。 实地测试 从人种学角度观察，人们在不同环境中，与表单的互动方式情况。 访问表单要求填写信息的来源：文档、软件和人等； 表单填写环境：吵闹的办公室和小监视器等； 任何说明表单完成或错误率的额外情境。 客户支持 通过客服或访谈等，了解用户使用表单时发现的问题，有利于分离和解决问题。 报告最多的问题； 解决报告问题的常见办法； 问题报告人的统计信息； 问题报告人所使用的操作系统及其浏览器设置。 网站追踪 表单可用追踪任意数量的有用量化指标。 完成率； 如果表单未完成，人们是在哪个位置放弃填写表单的； 人们访问表单的方式； 已使用哪些表单元素； 已输入哪些数据； 浏览器和操作系统信息。 眼动跟踪 记录用户如何理解表单的表现形式，可用于解释复杂的地方。 人们在表单上看到了什么； 眼球固定次数：解析表单所花的努力； 眼球固定时间长度：看每个元素所花费的时间。 Web惯例 调查表单设计问题的共同解决方案可提供宝贵见解。 设计问题的独特解决方案； 网上通用的模式。 观察用户如何完成表单，或者利用现成的网站分析软件监测网站日志，也可以得到大量有用的观测信息。 虽然很难设计出优秀的表单，很多时候都是“视情况而定”，但是通过考虑表单的设计因素，也就是以下我们所说的，找到适当解决办法的原则和模式，可以设计出不错的表单。闲话少叙，针对互联网表单设计，原则如下： 尽量减少痛苦－用户不在意之前是什么，更在意之后能得到什么，让过程尽量简洁快速。 说明填写完成路径－表单应该有清晰的提示或帮助用户，告诉他们如何能快速完成目标。 考虑情境－表单并非独立存在，它们都是更广泛情境（受众群体、应用、业务）的组成部分，这些情境决定如何使用表单。 确保一致沟通－表单是用户与公司沟通的中间人，多个团队参与对话，但最后表单只能传达一种一致的声音。 贾里德·斯普尔曾经有一个经典案例：修改按钮为网站年收入增加3亿美元。粗听起来好像是天方夜谭的事情，但是它确实是事实。良好的设计如何能为商业创造价值，这是设计团队一直在思考的问题。有一点是可以肯定的，我们用客观的数据与严谨的实验，去证明我们设计原则与设计模你会构建表单组织吗？ 面对优秀表单设计，人们能够不费吹灰之力就能填完表单，这里有视觉与交互设计考虑因素对表单的影响，但更重要的因素是表单的内容及组织方式。以下是经过多年的设计实践我们能得到的一些原则： 应当花时间评估表单中的问题。应当提高警觉，去除一切不必要的问题。 表单所提问题（标签）应当尽量简洁。 如果人们会误解简洁标签，应当寻找使用自然语言的机会，澄清表单要求人们回答的问题。 表单所提问题来自多个不同人或部门，应当确保表单统一口径。 可以将表单内容组织成逻辑组，有助于浏览和完成填写。 如果可能，应当以对话形式构建表单。主题间的自然间断有助于组织表单。 如果表单可自然分成若干主题，一个网页可能就足够组织表单。 如果表单包含大量问题，同时有若干主题，可能需要多个网页来组织表单。 如果表单包含大量问题，而只和一个主题相关，一般需要一个较长网页来组织表单。 可以考虑在表单填完之后提出可选问题。可能会比在初始表单中就提出这些问题能获得更多答案。 可以考虑采用Web惯例调查发现特定类型网站如何组