迷思#13:图标可以提升可用性

很多研究都表明,图标很难记忆,而且往往效率很低。微软 Outlook 工具栏就是一个很好的例子:以前的图标工具栏可用性很差,更换图标和改变位置都没有用。真正有用的是在图标旁边加上了文字标签。可用性问题马上得到了解决,人们开始愿意用这个工具栏。在另一项研究中,UIE 的团队观察到,人们记住的是按钮的位置,而不是对于功能的图形化描述。

在大多数项目中,图标很难用得恰当,而且需要大量的测试。对于抽象的东西,图标很少能有好的效果。

关于图标的作用的研究结论和文章:

UIE 做了两个实验来测试人们是如何使用图标的。首先,他们把工具栏中图标的图片换了,但保持它们的位置不变。人们很快就适应了这种变化。之后,他们保留了图标的图片,但调整了它们在工具栏中的位置。这种改变让受试者感到困惑,并给他们带来问题。《Orbitz Can’t Get A Date》,更多关于图标位置的重要性的文章请看《Did you move your users’ cheese?

Michael Zuschlag 说:“图标是反直觉的,并不一定比单独的文本标签更能帮助用户找到一个菜单项。这是不值得的“(见 Wiedenbeck S 1999,《图标和文本标签在终端用户应用程序中的使用:学习和记忆的实证研究》,Behaviour & Information Technology, 18(2), p68-82)。他还在 UX Exchange 上讨论了他的看法。

微软 Outlook 工具栏的故事:在为图标添加文本标签之前,非专业用户根本不使用工具栏的按钮(“删除“图标除外)。然后,"我们尝试了不同的优化方案:更换新的图标、重新排列图标、把图标放到操作命令所处的菜单下。最后,一个改变带来了彻底的改变:给重要的工具栏按钮加上文本标签。几乎是立刻,工具栏就大受欢迎,所有技能水平的人都开始使用它们。" 《The Importance Of Labels

用户对图标的理解是基于以往的经验。由于大多数图标没有一个标准的用法,因此,有必要使用文字标签来阐述其含义,以此减少歧义。《Icon Usability

没有什么可以比“管理“这两个字更能表达“管理“。换句话说,当你要对比图标和文本标签的清晰度时,文本标签总会胜出。《Labels always win

"当有疑问时,永远记住这一点:最好的图标是文本标签。"

The Problem With Icons》一文提供了一个很好的例子,如果图标旁边没有文字标签,就很难猜到它的含义。

37signals 赞扬了苹果的 MobileMe 服务,因为他们将注销图标从电源按钮改为“注销“标签。《UI Sighting: Clear over clever on MobileMe

唐 · 诺曼说:“尽管研究界早已证明,人们能记住的图标含义屈指可数,但在(苹果)设备上,到处都是神秘莫测的图标。图标加文本标签比单独的图标或单独的文本标签都更好。有谁记得住每个图标的含义吗?反正不是我。”

什么场景下图标可以增加价值:

通用的图标很好用(例如打印、关闭、播放/暂停、回复、发推文、分享到 Facebook等)。

图标可以作为关键特征,将内容结构化(例如 PDF、DOC 等文件类型的图标)。

好的图标可以让一个应用或网页的外观更加美观。

阅读《iA’s primer on icons》,可以获得更多指南。

作者:Zoltán Gócza

原文地址:https://uxmyths.com/post/715009009/myth-icons-enhance-usability

最后更新于