原文:Command Links
作者:Jakob Nielsen (2007-05-14)
阅读时间:5m33s
摘要:应用中的命令可以以按钮或者链接的形式呈现,这为解释提供了更多的空间。然而,对于主要命令来说,按钮仍然是最好的选择。
在较简单的时代,网站和应用程序分别有着两套明显不同的设计指南。例如,在呈现用户的选择时有不同的规则:
- 网站通过链接(带下划线的彩色文本)提供导航
- 应用通过菜单和按钮提供操作
网站和应用程序的设计指南是不同(并将继续保持不同)的,因为有一个可用性的基础原则是:良好的设计是基于(a)用户和(b)他们的任务的。在后一个方面(用户的任务),网站和应用程序存在着根本差异:
- 网站:用户的主要任务是,在一个信息空间中移动,并阅读其内容
- 应用程序:用户的主要任务是,通过执行命令来改变一些数据集的状态
事实上,应用程序的定义就是,它的功能会影响其自身用户界面之外的一些东西。使用应用程序会令某些东西发生变化,因为用户要求更改它。相比之下,一个网站不会因为被使用而改变;页面总是保持相同。(尽管信息可能会改变,但网站页面在概念上是静态的。)例如,一个包含明天天气预报的页面总是包含这些信息,即使一天显示了阴雨天气的图标,而另一天显示了阳光的图标。
应用程序和网站之间的界限变得模糊
在过去的十年里,网站和应用程序之间的明确区别已经变得模糊了。
首先,在语义层面上,网站提供了越来越多的功能。最被广泛使用的功能是「添加至购物车」,并且在电商可用性指南中,总是以按钮的形式显示此功能,即使是在网站上使用它。
因此,对于类似应用程序的网站组件(那些代表功能和命令,而不是普通信息的组件),您应该遵循应用程序的可用性指南(与「添加至购物车」功能一样)。
第二个问题更难处理:在语法层面上,按钮和链接的区别已经变得模糊,因为有一些命令也被显示为链接。
幸运的是,我们至少有一个明确的规则:不要使用按钮来导航。用户应当点击一个普通链接以移动至另一个信息页面。
然而,即使是这条规则,也有例外:购物车中的「继续购物」和「继续付款」选项传统上是显示为按钮的,尽管它们是纯粹的导航。当用户点击这两个选项中的某一个时,并没有改变任何东西,而只是移动到另一个页面,这个页面中有他们需要使用的命令。但是因为付款是工作流程中的一部分,因此它可以从普通的链接导航规则中得到豁免。
但,主要的规则是,用户在页面之间移动时需使用链接。除其他众多好处之外,普通链接还允许用户在新标签页或新窗口中打开一个新页面,如果他们希望的话。并且,您还可以使用不同的颜色来显示链接文本,这取决于用户此前是否访问过这个目标。
命令链接设计指南
Windows Vista 引入了一个新的 GUI 命令小部件:命令链接。一旦人们每天都使用系统中的某些东西,它就成了事实上的标准。因为他们会经常在 Vista 中遇到它们,所以用户将逐渐了解并使用命令链接。
许多网站已经使用命令链接。不过,尽管用户越来越意识到链接可以激活命令,但仍然存在令用户感到困惑的风险,因为大多数链接都是用于导航的。
为减少困惑,链接文本应当明确说明它导致的是一个动作,而不仅仅是一个新页面。仅在周围的文本中传达这个信息是不够的;用户经常扫描网页,以寻找他们可以操作的区域。因为,您应该假设大部分用户只会阅读链接文本。事实上,用户通常只阅读链接文本中的前几个单词,所以,以一个能够表明点击链接时会导致的操作的单词(通常是动词)开头是很重要的。
至于大写规则,请参考您的企业风格指南中的常规链接指南。如果没有风格指南,请使用句式大写(即,仅将命令名称中第一个单词的第一个字母大写)。如果是环绕在句子中的直接链接,则例外。但是,通常最好避免在正文中使用命令;直接链接应仅限于导航。
命令链接的使用限于:
- 具有轻微后果的操作。因为用户可能会点击一个看起来像链接的东西,期望它所做的只是打开一个新页面。例如,在经纪业务应用程序中,继续使用按钮来执行「购买此股票」的命令。
- 次要命令。因为用户在寻找“严肃的”的命令或主命令时,会扫描屏幕以找到一个按钮。因此,您应当以按钮的形式显示最重要的命令──不论是从用户的角度还是从您自己的角度。例如,继续使用「添加至购物车」按钮。
尽管存在这些限制,但命令链接还是有其优点,因为它们带来了一些好处。最值得注意的是,使用链接,您可以编写更长的命令名称,从而使其更具描述性。而按钮标签则必须简短(4 个字或更少),否则按钮看起来就会很奇怪。当然,由于用户不喜欢阅读,您应当尽可能保持命令描述简短。
Vista 展示了命令链接的另一个好处:能够在主链接文本下方增加说明文字。您可以用较小的字体来展示这个说明,以强调它的次要性(这样有经验的用户就不会浪费时间去阅读它)。因为按钮是封闭,因此它是独立的,我们很难在一个命令按钮旁边添加解释。并且,如果您这么做,用户很可能会忽略它。
现在是时候将您的一些命令显示为链接了。但是不要过度使用。
以上翻译包含个人理解,仅作为个人学习笔记使用。如有错误,求指正呀,非常感谢 ^^
感谢原文作者及所有分享想法与经验的人 ^^
网友评论