什么样的图标更具有可用性

作者:hciobserve 来源:视觉中国 时间:2007-10-16 17:47:00 

作为WIMP(Window/Icon/Menu/Pointing Device)界面设计的关键部分,图标在人机交互设计中无所不在。随着人们对审美、时尚、趣味的不断追求,图标设计也不断花样翻新,越来越多精美、新颖、富有创造力和想像力的图标充斥着我们的视界。可是,从可用性的角度讲,并不是越花哨的图标越被用户所接受,图标的可用性要回到它的基本功用去思考。

图标的功用在于建立起计算机世界与真实世界的一种隐喻,或者映射关系。用户通过这种隐喻,自动地理解图标背后的意义,跨越了语言的界限。但是,如果这种映射关系不能被用户轻松并且准确地理解,那么这种图标就不应是好的图标。因此,图标的设计应该遵守以下的原则。

图标的可用性原则一:图标指向的映射关系应该尽可能的直接、简单。

可能与我们的直觉相反,一些研究显示图标界面与文本界面的比较中,并没有体现出明显的优越性,一个主要原因就是文字和意义的映射是直接的,而图标与意义的映射却不一定是直接和明显的。

在坏的图标设计中,用户需要花费几秒钟甚至更长的时间去猜测图标代表的意义,而且还很可能猜错,错误的理解导致错误的操作,错误的操作导致糟糕的结果,这决不是美妙的用户体验,即便从美学角度讲那个图标可能是上佳的艺术作品。

“直接”的意思是:不要绕弯。图标展现的视觉表象与其背后的意义只需要很短的意义路径即可连结。譬如对于“剪切”操作,使用“在文稿上打×”的图标形象比“剪刀”的图标形象更易理解,因为前者与剪切操作有更短的意义路径,尽管“剪刀”图标显得更加生动活泼。

认知心理学家提出过一个激活扩散模型,就是在人的知识和概念体系中,当一个概念被加工或受到刺激时,该概念结点就产生激活,然后激活与该结点直接相连的多个连结,并继续向四周扩散。与当前概念在概念网络上的连结关系决定了其被激活的强度。这种连结关系取决于人的知识体系的组织架构(即两个概念是否属于同一类别)和概念同时出现或使用的频率。

例如在人的知识和概念架构中,在纸质文稿上写字和在电脑上写字都属于撰写文档的类别,那么当“在文稿上打×”的图标形象出现时,被试就会快速地联想到在电脑上进行剪切操作。而“剪刀”的视觉形象最易归属到“衣服裁剪”或“手工劳动”这样的类别中去,因此映射关系具有教长的路径和较弱的连结强度。因此在图标设计中,设计师应该仔细考虑或者直接去调查用户的知识体系,找到最短的概念连结。

图标的可用性原则二:每个图标指向的映射关系应该是唯一的

这个原则的意思就是,不要让图标产生歧义。想像一下,一个“飞旋的车轮”图标,它代表了什么?也许设计者的本意,是要用车轮的移动来象征电脑中文件的移动操作。可是,用户也许猜测出了其他十几种对应关系,比如一款3D赛车游戏。这个原则其实还有一个推论原则:

不要使用过于复杂的图标。

因为图标的视觉元素越多,那么其意义指向的可能性就越多,用户越有可能从各种各样的角度去解读,那么该图标的可用性就可能越差。

标签:图标,设计
0
投稿

猜你喜欢

  • ASP利用XMLHTTP实现表单提交以及cookies的发送的代码

    2011-04-15 10:37:00
  • 百度的图片轮换JS代码,支持FF

    2007-11-16 16:24:00
  • 快速掌握如何使用SQL Server来过滤数据

    2009-01-15 13:27:00
  • MYSQL启用日志和查看日志

    2010-12-03 16:24:00
  • asp如何正确理解和使用Command、Connection和 Recordset三个对象?

    2010-06-28 18:23:00
  • 三分钟学会Sql Server的复制功能[图]

    2008-07-18 12:18:00
  • 使用CSS简单实现垂直居中

    2008-06-23 07:32:00
  • getAllResponseHeaders获取网页的http头信息代码

    2010-03-31 14:31:00
  • DBA应当了解的MySQL客户端程序启动选项

    2009-01-04 13:00:00
  • Oracle 10G:PL/SQL正规表达式(正则表达式)手册

    2009-07-02 12:33:00
  • SQL Server数据库动态交叉表的参考示例

    2009-01-04 14:44:00
  • 带你轻松接触MySQL数据库的出错代码列表

    2008-12-31 15:06:00
  • Z-Blog实现摘要图文混排效果的方法

    2009-02-23 13:54:00
  • CSS框架/命名/规则 注意要点

    2008-06-03 13:07:00
  • ASP 根据用户权限判断显示的列标题

    2011-03-29 11:01:00
  • ASP中生成文件的两种方式

    2007-08-30 09:49:00
  • 实例讲解实现SQL下的字符串拆分具体方法

    2008-12-09 14:55:00
  • 初学者必读:提高SQL执行效率的几点建议

    2009-05-07 13:52:00
  • IE和Firefox的js兼容性整理

    2007-11-21 19:40:00
  • PL/SQL Number数字类型函数

    2010-07-16 13:09:00
  • asp之家 网络编程 m.aspxhome.com