印刷厂
  北京天虹彩印公司主经营项目:
VI手册海报宣传册LOGO墙产品包装画册楼书精美菜谱手提袋封套挂历台历扑克牌表格印刷品
 

UI设计讨论:什么样的图标更具有可用性?

文章来源:本站原创 更新时间:2008年03月24日  

      作为WIMP(Window/Icon/Menu/Pointing Device)界面设计的关键部分,图标在人机交互设计中无所不在。随着人们对审美、时尚、趣味的不断追求,图标设计也不断花样翻新,越来越多精美、新颖、富有创造力和想像力的图标充斥着我们的视界。可是,从可用性的角度讲,并不是越花哨的图标越被用户所接受,图标的可用性要回到它的基本功用去思考。
  图标的功用在于建立起计算机世界与真实世界的一种隐喻,或者映射关系。用户通过这种隐喻,自动地理解图标背后的意义,跨越了语言的界限。但是,如果这种映射关系不能被用户轻松并且准确地理解,那么这种图标就不应是好的图标。因此,图标的设计应该遵守以下的原则。
  图标的可用性原则一:图标指向的映射关系应该尽可能的直接、简单。

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

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

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

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

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

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

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

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

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

  图标的可用性原则三:同一个图标系列中,最好使用相同的映射模式。

  在真实世界与计算机世界(或网络世界)的对应中,存在很多种映射模式。笔者粗粗地归纳下,可以发现这样几种映射模式:外观映射、功能映射、语词(字母)映射、部分指代映射和综合映射。在同一个系列图标中,用户极易对图标形成某种固定的映射模式,如果突然出现了另一种模式的映射,用户可能仍将延用先前形成的思维定势进行理解,从而出现理解困难或理解偏差。

  图标的可用性原则四:最好使用简短文字做为图标的冗余编码。

  在信息传播的过程中,增加信息的冗余度是保证信息传输的可靠性的最有效的方法。在人机交互设计中,最常见的冗余编码就是红绿灯,即每个颜色皆对应位置,使得在人口中占具相当比例的色盲人群也可以通过灯的位置来接收是否可以通行的信息。图标设计也需要增加冗余编码,以保证绝大多数的人都能够快速、准确地理解图标的含义。
 

天虹设计、印刷
徽标,VI手册,海报,宣传册,包装,楼书,精美菜谱,不干胶标签,手提袋,挂历,台历,扑克牌.
咨询电话:010-86655065
特价印刷
搭版印刷彩页 200g铜板纸 10000张
           0.12元/张

出货时间:2008年4月1日——2008年4月30日 电话:010-87644110      13581671893
声明:本站部分文章收集于网络,仅供个人学习之用,绝无任何商业目的;其版权归原作者及出版社所有,如果您觉得我们侵犯了您的版权,请来信告诉我们,我们会尽快删除其内容!本站原创文章版权归本站所有,除特别申明外,大家可以自由转载,但原作者和来自本站的链接必须保留!
·北京天虹印刷厂
·彩色印刷
·Windows优化大师(专业版) 7.78 Build 7
·瑞星杀毒软件 2008 20.29.61(抵御病毒、
·木马克星 2008 绿色完美去广告破解版 更
·电视连续剧《上书房》故事梗概
·08央视电视剧《闯关东》
·包装盒设计构思
·北京天虹印刷厂
·彩色印刷
·中国扑克印刷的诞生和发展
·设计点滴:封面设计的“象”与“意”
·电视连续剧《上书房》故事梗概
·08央视电视剧《闯关东》
·包装盒设计构思
·彩色印刷厂
·北京天虹印刷厂
·印刷滚筒缺陷修复冷焊机
·POP广告设计
·户外广告设计
·杂志广告的设计要点
·现代包装装潢设计发展的新趋势
·平面设计评估的三个阶段
·印刷前平面设计的要点
产品展示  
 
产品快速导航:包装设计 画册设计 标志设计 VI设计 海报设计 印刷厂 不干胶印刷 信封信纸 挂历台历 扑克印刷 特价印刷 Tags...
首 页 | 印 刷 | 设 计 | 设计博客 | 人才招聘 | 友情链接 | 合作伙伴 | 隐私保护 | 联系我们 | 网站地图 | 版权声明
 客服电话:010-86655065 81693846 转82/83/86/88 地址:北京丰台区南三环东路16号 京ICP备05084708号