增强web表单可用性

ZDNet软件频道 时间:2004-05-31 作者:TechRepublic.com |  我要评论()
本文关键词:
表单是Web站点的交互中最重要的东西。它收集访问者的信息,这些信息可以是登录表单的用户 ID 和口令也可以是一个应用程序中的个人信息页面。
本文译自TechRepublic,未经许可请勿转载

表单是 Web 站点的交互中最重要的东西。它们收集访问者的信息,这些信息可以是登录表单的用户 ID 和口令,也可以是一个应用程序中的个人信息页面。要求访问者在一个文本框中键入信息,或者要求他们使用一个单选按钮或复选框选择一个选项等,这些与简单地点击一个超链接然后显示另一个 Web 页面来说,都强迫用户更高层次的参与。访问者这种更高层次的交互使得表单可用性成为 Web 构建人员需要关心的一个关键问题。

从可用性的角度上来讲,最坏的情况是一个访问者填写了一个表单,但是不能得到他们期望的结果(例如,登录失败,应用程序拒绝,或者数据库不能更新等)。这种失败的最常见的原因是访问者输入了不完整的或不正确的数据。然而,与其将这归咎为用户的错误,还不如将其看作一个可用性错误,然后纠正这些可用性方面的缺陷。我们的目标是使每一个用户在第一次使用时就能够正确填写信息然后成功提交。

好的表单设计包括很多方面;第一个方面是通过在后台处理表单数据来确定表单需要收集和扩展什么数据。本文集中在我们可以采取哪些方法来保证数据输入的准确性和完整性。

提供明确的指令

第一步是为访问者提供明确且完整的指令,精确且无二义地定义他们需要在表单中输入什么信息。然而,我们不需要在每个文本框或其它表单元素之后提供一段指令;在很多情况下,一个简单的标签(比如 Last Name 等)就已经足够了。

另一方面,一些表单元素需要更加详细的指令,要么用于确定需要的数据,要么帮助访问者以正确的格式输入数据。例如,访问者可能需要特殊的指令说明如何找到和输入信用卡后面的签名条上的安全代码。这是一些信用卡的相对来说比较新的特性,而且不同的信用卡和不同的 Web 站点描述它们时使用的术语也不尽相同,所以简单地在一个文本框后面放一个标签并不够。再复杂一点,代码通常由4到6个数字组成,而事实上只有最后三位才是有意义的。这种特定问题的一个比较好的解决方法是创建一个独立的指令页面,说明如何找到和输入安全代码,然后在表单域的后面放置一个指向指令页面的链接。这样就可以有一个完整的指令,里面还可以包括一个示例图像,同时又不会导致表单混乱。


百度大联盟认证黄金会员Copyright© 1997- CNET Networks 版权所有。 ZDNet 是CNET Networks公司注册服务商标。
中华人民共和国电信与信息服务业务经营许可证编号:京ICP证010391号 京ICP备09041801号-159
京公网安备:1101082134