常用操作的图标与文本

Question

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

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

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

Answer 1

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

引用Jef Raskin的The Humane Interface:

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

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

和

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

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

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

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

Answer 2

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