第三方面：界面 界面（或者UI）对于Web表单的可用性极为重要，针对此有如下指南。 1.标签 ● 单词 vs. 句子。 如果目的很简单，比如询问姓名或电话号码，那么标签处用一到两个单词便足矣。但是短语或句子更能准确表述。对于消除多义性，一个短语、句子可能是比较合适的。
亚马逊的注册表单用的全是句子，尽管有的地方单个词语就能搞定。 ● 句子大小写vs.标题大小写。 是写成“Name and Surname” 还是“Name and surname”？句子大小写从语法角度比标题更容易（更快）理解。有一点是肯定的：一定不要全用大写，不然表单会看起来不专业且难以阅读。
快速阅读Barnes & Noble的注册表单真不是件容易的事啊？ ● 标签后面加冒号。一些桌面程序和诸如Windows之类的操作系统建议在表单标签后面加冒号。一些Web表单设计师一直坚持这一原则，主要因为老的屏幕阅读器主要依据冒号来识别标签。而新的屏幕阅读器则依据标记（尤其是“label”标签）。另外，冒号的使用只是一种偏好而已，只要风格统一，既不会增强也不会减弱表单的可用性。 ● 标签的对齐方式：上对齐、左对齐或右对齐。与一般建议相反，输入框上方并不总是放置标签的最佳位置。如果你想让用户尽快填完表单，这样做是理想的。但有时你会故意让他们慢下来，以便他们认真地阅读标签。还有，将长长的表单以一列的形式显示出来，让用户通过下拉页面来观看，要比多列显示，以便所有表单信息显示在第一屏上更好。每种对齐方式各有利弊。
从Matteo Penzo所著的《Label Placement in Forms》一书上获取的数据。
表单绝不可多列显示。 Makeup Geek 上这个表单的右列，很容易被忽略掉（更别说底部的“必填项”声明了）。 2.输入框 ● 输入框类型。根据需要选择合适的输入框类型。每种输入框都有它自己的、用户熟悉的特性。例如，如果只允许选择一个，就用单选按钮，如果可以多选则用复选框。 ● 定制输入框。不要发明新的输入框类型。这种情况在早期的Flash网站上很常见，现在似乎又有回归的迹象：我曾看到一些通过jQuery来实现的、奇怪的输入框。简单通常是最实用的。尽量让输入域看起来跟HTML中展现的一个样。
改变输入框的界面会让用户感到困惑。 ● 限制输入框的格式。如果要限制用户输入数据的格式，那至少要采用一种不会激怒用户的方法。例如，代替在日期文本框后加“MM/DD/YYYY”备注，可采用三个下拉列表框，更好的办法是，用日历控件来控制。 ● 必填项和选填项。要让用户清楚地知道哪些输入框是必填的。一般用*号表示必填。其他符号也可以用，只要指明它所代表的意思即可（即使是*号，也应有说明）。 3.操作 ● 主要操作和次要操作。主要操作就是菜单中完成“最后”功能的链接和按钮，例如“保存”和“提交”。次要操作，如“后退”和“取消”，允许用户取消已经输入的数据。如果误点了，次要操作一般会产生不愉快的结果，所以在可能的情况下只保留主要操作。如果必须要有次要操作，那就让它们看起来没主要操作那么显眼。
主要操作与次要操作之间的区别不明显很容易导致失误。在圣路易斯社区大学长长的表单下面有这样两个操作按钮，试想一下如果误按了“重设表单（reset form）”会有什么后果。 ● 命名规则。避免使用“注册”之类的常规词语，这样会让用户觉得整个表单都没意思。用“加入LinkedIn”之类的描述性单词或短语会更好一些。
虽然可口可乐将主要操作放在了更重要的位置，并突出显示，但却用了很平常的“注册（Submit）”一词，要是换成“加入我们（Register with us）”效果会更好。 |
