该文是对Smashing Magazine上一篇老文章《An Extensive Guide To Web Form Usability》的译文，温故而知新，希望大家从中可以得到新的收获。 可能与你平时阅读到的资料相反，你在表单中增加华丽的按钮、漂亮的颜色和排版以及大量的jQuery插件不会增加表单的可用性。这样做，你只完成了提高表单可用性三分之一的工作。 本文将提供一些易于遵循的实用指南。这些指南已通过了可用性测试、表单测试、网站跟踪、眼球追踪、Web分析，并解决了不满用户向客户支持人员反应的各种抱怨。 Web表单可用性的重要性 ISO 9241标准对Web可用性作出了如下定义：“产品在特定使用环境下为特定用户用于特定用途时所具有的有效性（effectiveness）、效率（efficiency）和用户主观满意度（satisfaction）”。当用户使用网站时，他们会带到特定的目的。如果网站设计的好，该网站就可以满足这一目的，并与网站背后公司的目的相结合。而连接用户目的与公司目的的通常是表单，因为尽管人机交互已取得了较大进展，但表单仍是用户在Web上进行交互的主要形式。事实上，表单通常被认为是完成访问目的最后，也是最重要的一站。 表单的三个主要用途可以证明最后一点。正如Luke Wroblewski在他的著作《Web Form Design: Filling in the Blanks》中表明的那样，每个表单因三个主要原因之一而存在：商业、社区和生产力。下表将三个原因背后的用户目的和商业目的进行了一一解析：
表单的作用，源于Luke Wroblewski所著的《Web Form Design: Filling in the Blanks》。 因此，表单与可用性之间的关系有两个方面： 1.表单可使一个网站可用，也可使这个网站不可用。因为它直接影响着用户达成他们的目的。 2.表单必须可用，以帮助用户完成他们的目的。 该文主要专注于第二点，因为可用的表单将自然地服务于网站的整体可用性，即第一点。 Web表单的六大组件 Web表单是必须的，同时也是设计者和用户的痛点。随着时间的推移，用户对表单的外观和操作方式都有了一定的期望。他们通常期望Web表单由以下六个组件组成： 1.标签（Label） 告诉用户相应输入框中应填写的内容。 2.输入框 输入框使用户提供反馈。包括文本输入框、密码框、单选框、多选框、滚动条等。 3.操作（Action） 包括链接、按钮，当用户点击后，可完成一个动作，如提交表单。 4.帮助 帮助用户完成表单的填写。 5.信息 针对用户的输入，提供反馈信息。可能是积极的信息（如提示表单成功提交），也可能是消极的（如“你选择的用户名已被注册”）。 6.验证 该信息确保用户提交的数据符合参数规则。
Skype的注册表单包含这所有的六个组件 |
