常用操作的图标与文本

时间:2009-06-15 20:54:43

标签: c# asp.net usability icons

我们目前正在努力提高Intranet网络应用的可用性。我们的目标之一是对某些具有大型网格的页面进行整理。为此,我们已经开始将网格中常用的操作(如删除,重置为零,标记为完成等)作为函数。

我最初的想法是找到并使用图标(即删除=大红色x,重置=围绕自身弯曲的箭头,标记为完成复选标记等)来表示这些任务。我的一些同事同意我的意见;他们说这些图标使工具看起来更专业。然而,其他人说,图标模糊了他们的预期功能,而简单的文字,例如删除会更合适。

假设我们将包含函数的工具提示描述,而不管我们选择的类型(图标或文本),哪一个更有用?我们可以为某些操作使用图标,为其他人使用文本,还是会损害可用性?

7 个答案:

答案 0 :(得分:11)

使用某些功能的图标和其他人的文字可能不是很一致(除非你按照工具栏和菜单这两个既定的习语,这两个都是命令的地方,即使一个用于图标,另一个用于标签 - 但这并不意味着它是一个很好的习语。

引用Jef Raskin的 The Humane Interface:

  

在每个考虑过这个问题的研究中,图标被证明比标签更难以理解,特别是在第一次观看时,这与使用图标最常被引用的原因之一相矛盾,即初学者的可理解性。 GUI经常向我们展示带有相同图标的窗口,每个图标都带有标签。图标很小,数量众多,有许多不同的图标。图标有效的有限条件在目前的计算机系统中无法获得。

     

虽然小图标占用的屏幕空间比标签少,但您必须要问:成本是多少?按钮越小,操作时间越长,找到的难度就越大;而且,很难使小图标与众不同。另一个小问题:图标比创建文字需要更多时间。

  

Mayhew [1]引用了许多关于图标使用的研究。不幸的是,大多数研究没有将标签与图标进行比较。但是从这些和其他研究中,我们可以得出结论,当最多有十几个图标并且一次最多看十几个时,图标最有效。此外,他们必须

     
      
  • 视觉上与众不同
  •   
  • 做好代表合适的概念
  •   
  • 以相当大的尺寸呈现,通常大于文本标签
  •   
     

[1] Mayhew,Deborah。 软件用户界面设计中的原则和指南(Englewood Cliffs,NJ。:Prentice-Hall,1992)。

我同意Raskin的观点,在很多情况下,图标确实模糊了概念和命令的含义,无论如何你需要额外的文字来解释它们。 Aza Raskin的文章The End of an Icon也很好地解读了这个。

答案 1 :(得分:7)

我是图标的忠实粉丝。哎呀,我现在正在输入这个答案的textarea只有它上面的图标。你必须是一个白痴,不要知道一个大的黑暗B意味着大胆...我想如果你的图标是自我解释的(就像一个大的红色X删除等)那么这是肯定的方式去。它还使用户更容易找到正确的操作。

答案 2 :(得分:1)

我会使用在Microsoft Word和Excel等Windows应用程序中看到的图标。大多数用户都熟悉这些及其含义/功能。

也;可用性继续“专业外观”。听起来我觉得你的应用程序需要功能而不是设计杰作。因此,您的主要关注点是让您的界面尽可能清晰地传达其功能,以便再次了解您的用户知识。您的用户可能会定期使用Word和Excel。

最重要的事情;在图像元素上使用alt和title属性:

<img 
 src="..."
 alt="Click this button to delete X"
 title="Click this button to delete X" />

答案 3 :(得分:0)

我看到这两种实现都取得了巨大的成功。这实际上更多地取决于您的目标受众。有趣的是,有一群我工作的人仍然期望看到他们的行为的文本类型按钮/链接,所以我相应地定制了这些特定的应用程序。只需提供最初的两个选项,并查看用户群更适合哪个选项。

如果你可以侥幸成功,你可以让你的图标足够大,以便你可以将每个动作的文本嵌入其中吗?说一个大的红色X,右下方有一个小的“删除”文本,嵌入到图像中?我发现这通常会适合两个群体。

答案 4 :(得分:0)

图标节省空间(初学者可以使用工具提示),但混合图标和文字不是一个好主意,需要用户努力“切换”。相反,为什么不将“稀有”动作放入页面中通常“折叠”并且仅在单击时打开的部分?毕竟,这样可以节省更多的空间和杂乱。

答案 5 :(得分:0)

如果它是一个不起眼的功能,那么图标可能会损害可用性。但是,我认为几乎每个人都接受并理解删除,刷新等。只要你有工具提示可以依赖,你应该没事。

答案 6 :(得分:0)

我们总是在我们公司使用文字,我们曾经有一个带有图标的产品,并且客户抱怨很多,出于某种原因,这些图标使用户做错了操作,特别是当他们做了很多事情时同时,例如,通过电话交谈和输入数据。 就个人而言,我认为如果操作非常简单,那么图标就可以了,但如果一起列出了几个任务,可能会让人感到困惑。