Web表单设计：表单结构

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