您的位置: 首页 > 技术文档 > 网站建设 > 文字还是图标?
条件注释理论及实践 回到列表 让IIS支持PHP
 文字还是图标?

作者:臭鱼 时间: 2006-05-08 文档类型:原创 来自:蓝色理想

在软件设计中,使用文字链接还是使用图标?
使用文字恐怕是目前为止最准确的表达方式了。但文字却并不总是最好的方式,比如:在Micirosoft Word中的文字居中对齐功能可以使用文字表述:“居中”,也可以使用图标:

Word软件的设计师使用了图标,并在鼠标经过时显示文字:“居中”。

关于这个问题,在《About Face 2.0》中有详尽的分析,分析得出的结论是:使用图标能提高中间级用户的使用效率;而使用文字,对于新手用户更合适。这里所说的“新手用户”是针对某个特定界面而言的,并不是指缺乏电脑使用经验的用户。中间级用户也是如此。

新手用户对于界面的认知十分有限,多数情况下,不知道特定图标的含义。当我第一次使用Word软件写文档的时候,“哪个是‘粗体’功能?”我只能用光标一个个的去试探,还好,第一个图标就是了。要使用这些功能,鼠标经过时显示的文字对我更有帮助。

用户对软件更加熟悉后,逐渐变为了中间级用户,图标就更方便了。因为,文字本身并没有视觉传达功能,用户不能只通过识别字形就猜出它所表达的含义。即使是中文也做不到。中文是从象形文字演化发展而来的,每一个字都能独立的表达一定的含义。但是,演化到现在,中文已经不是象形文字了,不能完全实现图标的功能。

图标是有视觉传达功能的。“那个功能是绿色的,圆的,在工具条中间偏左......”。

一个中间级用户可以通过这样的记忆找到Word的“插入超链接”功能,而不需要阅读具体的说明文字。
软件的设计是针对中间级用户的(---Alan Cooper),而web的设计却不是。

web界面设计需要针对新手用户。
web界面面临的首要问题是:"告诉用户有这么个功能"。而"如何更快捷的找到这个功能"退居到了第二位。虽然,软件界面设计也同样面临着"告知"的问题,但,与web相比,软件对用户的黏性更大,用户不会因为某一次没有在Word中找到"居中"功能,就放弃使用这个软件了,但却会很轻易的放弃访问一个网站。

与软件相比,用户在网站上要完成的任务往往不那么重要,因此,愿意为之所付出的学习成本也就会更低。用户会为了学习使用photoshop钻研上几个月,甚至还会报上个什么培训班。但是,却不会在flickr的图片编辑工具上花太多心思。

所以,flickr的图片编辑功能都有文字说明。
ps:上图中的照片是青海湖,位于我国青海省,异常美丽的内陆咸水湖。

用户会为了第二天的报告而一整天都面对着PowerPoint,但是,却不会一整天都面对着新浪的新闻中心。web界面面对的用户更加缺乏耐心,所以,web界面需要更直接,让用户学习的过程更短。更多的使用文字,把要表述的功能直接呈现给用户,往往效果更好,比如google,

如果使用图标,Gmail的界面看起来会更简洁、美观。但是,那样的话,Gmail就不会象现在这样“好用”了。和其他web界面一样,Gmail的用户主要是“新手用户”。即使每天都使用Gmail收发邮件,Gmail对于您来说也不会比网页浏览器更常用。(这是显而易见的,您需要使用网页浏览器来访问Gmail,只要另外再访问一个其他什么网站,您使用网页浏览器就会比使用Gmail界面更频繁了。)所以,同样是表述“刷新”功能,Gmail界面用文字,而网页浏览器用图标。鉴于目前对google的溢美之词过分泛滥,我们就此打住好了。

当然,web界面中并不是只能使用文字而不能使用图标。对于某一个网站,有些链接或功能是用户要经常用到的。此时,用户确切的知道界面上有这样一个功能。恰当的使用图标,可以缩短用户操作时间。Yahoo.com首页左上角就设计了3个自定义的图标位置,并为其网站的27个重要频道设计了图标,供用户选择。

但是,如果不能正确认识图标在web界面中的作用,那么,将会造成图形元素的泛滥。不幸的是,目前,我们的网页设计经常是这样。

图标被毫无节制的滥用,那些原本有价值的图标被淹没在众多“网页设计素材”中。类似界面的设计师们不仅没有意识到web界面中,图标和文字链接给用户带来的不同体验,甚至其中有些人还只是把图标当作页面上的装饰元素。当然,设计出类似界面也许是迫于某些压力。(噢,好像又要说到公司老板和客户了。不是说您,不是不是,绝对不是,别多心。)

在web界面设计中,要使用一个图标,需要确定,不会因为使用这个图标而让用户找不到这个链接了,并且,需要确定,这个图标确实能让用户更快捷的找到这个链接。图标并不总是能让界面更易用。

面对“是否需要使用一个图标?”的问题,首要的判断依据不是界面的视觉表现是否需要,其次的判断依据也不是视觉表现的需要,最最次要的判断依据仍旧与界面视觉表现无关。

臭鱼
Blog:臭鱼的交互设计(http://www.chouyu.com.cn

出处:蓝色理想
责任编辑:蓝色

◎进入论坛网站综合网页制作版块参加讨论

作者文章 更多作者文章
中文按什么顺序排列?
浏览器能弥补宋体缺陷?
购物网站交互设计上的缺陷
用外国人的手写中国字
在新窗口中 vs 在同一窗口中
关键字搜索 常规搜索 推荐文档
热门搜索:CSS Fireworks 设计比赛 网页制作 web标准 用户体验 UE photoshop Dreamweaver Studio8 Flash 手绘 CG
站点最新 站点最新列表
周大福“敬•自然”设计大赛开启
国际体验设计大会7月将在京举行
中国国防科技信息中心标志征集
云计算如何让安全问题可控
云计算是多数企业唯一拥抱互联网的机会
阿里行云
云手机年终巨献,送礼标配299起
阿里巴巴CTO王坚的"云和互联网观"
1499元买真八核 云OS双蛋大促
首届COCO桌面手机主题设计大赛
栏目最新 栏目最新列表
浅谈JavaScript编程语言的编码规范
如何在illustrator中绘制台历
Ps简单绘制一个可爱的铅笔图标
数据同步算法研究
用ps作简单的作品展示页面
CSS定位机制之一:普通流
25个最佳最闪亮的Eclipse开发项目
Illustrator中制作针线缝制文字效果
Photoshop制作印刷凹凸字体
VS2010中创建自定义SQL Rule

蓝色理想版权申明:除部分特别声明不要转载,或者授权我站独家播发的文章外,大家可以自由转载我站点的原创文章,但原作者和来自我站的链接必须保留(非我站原创的,按照原来自一节,自行链接)。文章版权归我站和作者共有。

转载要求:转载之图片、文件,链接请不要盗链到本站,且不准打上各自站点的水印,亦不能抹去我站点水印。

特别注意:本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有,文章若有侵犯作者版权,请与我们联系,我们将立即删除修改。

您的评论
用户名:  口令:
说明:输入正确的用户名和密码才能参与评论。如果您不是本站会员,你可以注册 为本站会员。
注意:文章中的链接、内容等需要修改的错误,请用报告错误,以利文档及时修改。
不评分 1 2 3 4 5
注意:请不要在评论中含与内容无关的广告链接,违者封ID
请您注意:
·不良评论请用报告管理员,以利管理员及时删除。
·尊重网上道德,遵守中华人民共和国的各项有关法律法规
·承担一切因您的行为而直接或间接导致的民事或刑事法律责任
·本站评论管理人员有权保留或删除其管辖评论中的任意内容
·您在本站发表的作品,本站有权在网站内转载或引用
·参与本评论即表明您已经阅读并接受上述条款
推荐文档 | 打印文档 | 评论文档 | 报告错误  
专业书推荐 更多内容
网站可用性测试及优化指南
《写给大家看的色彩书1》
《跟我去香港》
众妙之门—网站UI 设计之道
《Flex 4.0 RIA开发宝典》
《赢在设计》
犀利开发—jQuery内核详解与实践
作品集 更多内容

杂⑦杂⑧ Gold NORMANA V2