文字链接还是使用图标?
2006-09-04 16:30
232 查看
在软件设计中,使用文字链接还是使用图标?
使用文字恐怕是目前为止最准确的表达方式了。但文字却并不总是最好的方式,比如:在Micirosoft Word中的文字居中对齐功能可以使用文字表述:“居中”,也可以使用图标:
![](http://www.uitimes.com/img/up/redrocker@200662173206.gif)
Word软件的设计师使用了图标,并在鼠标经过时显示文字:“居中”。
关于这个问题,在《About Face 2.0》中有详尽的分析,分析得出的结论是:使用图标能提高中间级用户的使用效率;而使用文字,对于新手用户更合适。这里所说的“新手用户”是针对某个特定界面而言的,并不是指缺乏电脑使用经验的用户。中间级用户也是如此。
新手用户对于界面的认知十分有限,多数情况下,不知道特定图标的含义。当我第一次使用Word软件写文档的时候,“哪个是‘粗体’功能?”我只能用光标一个个的去试探,还好,第一个图标就是了。要使用这些功能,鼠标经过时显示的文字对我更有帮助。
用户对软件更加熟悉后,逐渐变为了中间级用户,图标就更方便了。因为,文字本身并没有视觉传达功能,用户不能只通过识别字形就猜出它所表达的含义。即使是中文也做不到。中文是从象形文字演化发展而来的,每一个字都能独立的表达一定的含义。但是,演化到现在,中文已经不是象形文字了,不能完全实现图标的功能。
图标是有视觉传达功能的。“那个功能是绿色的,圆的,在工具条中间偏左……”。
![](http://www.uitimes.com/img/up/redrocker@200662173253.gif)
一个中间级用户可以通过这样的记忆找到Word的“插入超链接”功能,而不需要阅读具体的说明文字。
软件的设计是针对中间级用户的(---Alan Cooper),而web的设计却不是。
web界面设计需要针对新手用户
web界面面临的首要问题是:“告诉用户有这么个功能”。而“如何更快捷的找到这个功能”退居到了第二位。虽然,软件界面设计也同样面临着“告知”的问题,但,与web相比,软件对用户的黏性更大,用户不会因为某一次没有在Word中找到“居中”功能,就放弃使用这个软件了,但却会很轻易的放弃访问一个网站。
与软件相比,用户在网站上要完成的任务往往不那么重要,因此,愿意为之所付出的学习成本也就会更低。用户会为了学习使用photoshop钻研上几个月,甚至还会报上个什么培训班。但是,却不会在flickr的图片编辑工具上花太多心思。
![](http://www.uitimes.com/img/up/redrocker@200662173417.gif)
所以,flickr的图片编辑功能都有文字说明。
用户会为了第二天的报告而一整天都面对着PowerPoint,但是,却不会一整天都面对着新浪的新闻中心。web界面面对的用户更加缺乏耐心,所以,web界面需要更直接,让用户学习的过程更短。更多的使用文字,把要表述的功能直接呈现给用户,往往效果更好,比如google:
![](http://www.uitimes.com/img/up/redrocker@200662173504.gif)
如果使用图标,Gmail的界面看起来会更简洁、美观。但是,那样的话,Gmail就不会象现在这样“好用”了。和其他web界面一样,Gmail的用户主要是“新手用户”。即使每天都使用Gmail收发邮件,Gmail对于您来说也不会比网页浏览器更常用。(这是显而易见的,您需要使用网页浏览器来访问Gmail,只要另外再访问一个其他什么网站,您使用网页浏览器就会比使用Gmail界面更频繁了。)所以,同样是表述“刷新”功能,Gmail界面用文字,而网页浏览器用图标。鉴于目前对google的溢美之词过分泛滥,我们就此打住好了。
当然,web界面中并不是只能使用文字而不能使用图标。对于某一个网站,有些链接或功能是用户要经常用到的。此时,用户确切的知道界面上有这样一个功能。恰当的使用图标,可以缩短用户操作时间。Yahoo.com首页左上角就设计了3个自定义的图标位置,并为其网站的27个重要频道设计了图标,供用户选择。
但是,如果不能正确认识图标在web界面中的作用,那么,将会造成图形元素的泛滥。不幸的是,目前,我们的网页设计经常是这样:
![](http://www.uitimes.com/img/up/redrocker@200662173526.gif)
图标被毫无节制的滥用,那些原本有价值的图标被淹没在众多“网页设计素材”中。类似界面的设计师们不仅没有意识到web界面中,图标和文字链接给用户带来的不同体验,甚至其中有些人还只是把图标当作页面上的装饰元素。当然,设计出类似界面也许是迫于某些压力。(噢,好像又要说到公司老板和客户了。不是说您,不是不是,绝对不是,别多心。)
在web界面设计中,要使用一个图标,需要确定,不会因为使用这个图标而让用户找不到这个链接了,并且,需要确定,这个图标确实能让用户更快捷的找到这个链接。图标并不总是能让界面更易用。
面对“是否需要使用一个图标?”的问题,首要的判断依据不是界面的视觉表现是否需要,其次的判断依据也不是视觉表现的需要,最最次要的判断依据仍旧与界面视觉表现无关。
使用文字恐怕是目前为止最准确的表达方式了。但文字却并不总是最好的方式,比如:在Micirosoft Word中的文字居中对齐功能可以使用文字表述:“居中”,也可以使用图标:
![](http://www.uitimes.com/img/up/redrocker@200662173206.gif)
Word软件的设计师使用了图标,并在鼠标经过时显示文字:“居中”。
关于这个问题,在《About Face 2.0》中有详尽的分析,分析得出的结论是:使用图标能提高中间级用户的使用效率;而使用文字,对于新手用户更合适。这里所说的“新手用户”是针对某个特定界面而言的,并不是指缺乏电脑使用经验的用户。中间级用户也是如此。
新手用户对于界面的认知十分有限,多数情况下,不知道特定图标的含义。当我第一次使用Word软件写文档的时候,“哪个是‘粗体’功能?”我只能用光标一个个的去试探,还好,第一个图标就是了。要使用这些功能,鼠标经过时显示的文字对我更有帮助。
用户对软件更加熟悉后,逐渐变为了中间级用户,图标就更方便了。因为,文字本身并没有视觉传达功能,用户不能只通过识别字形就猜出它所表达的含义。即使是中文也做不到。中文是从象形文字演化发展而来的,每一个字都能独立的表达一定的含义。但是,演化到现在,中文已经不是象形文字了,不能完全实现图标的功能。
图标是有视觉传达功能的。“那个功能是绿色的,圆的,在工具条中间偏左……”。
![](http://www.uitimes.com/img/up/redrocker@200662173253.gif)
一个中间级用户可以通过这样的记忆找到Word的“插入超链接”功能,而不需要阅读具体的说明文字。
软件的设计是针对中间级用户的(---Alan Cooper),而web的设计却不是。
web界面设计需要针对新手用户
web界面面临的首要问题是:“告诉用户有这么个功能”。而“如何更快捷的找到这个功能”退居到了第二位。虽然,软件界面设计也同样面临着“告知”的问题,但,与web相比,软件对用户的黏性更大,用户不会因为某一次没有在Word中找到“居中”功能,就放弃使用这个软件了,但却会很轻易的放弃访问一个网站。
与软件相比,用户在网站上要完成的任务往往不那么重要,因此,愿意为之所付出的学习成本也就会更低。用户会为了学习使用photoshop钻研上几个月,甚至还会报上个什么培训班。但是,却不会在flickr的图片编辑工具上花太多心思。
![](http://www.uitimes.com/img/up/redrocker@200662173417.gif)
所以,flickr的图片编辑功能都有文字说明。
用户会为了第二天的报告而一整天都面对着PowerPoint,但是,却不会一整天都面对着新浪的新闻中心。web界面面对的用户更加缺乏耐心,所以,web界面需要更直接,让用户学习的过程更短。更多的使用文字,把要表述的功能直接呈现给用户,往往效果更好,比如google:
![](http://www.uitimes.com/img/up/redrocker@200662173504.gif)
如果使用图标,Gmail的界面看起来会更简洁、美观。但是,那样的话,Gmail就不会象现在这样“好用”了。和其他web界面一样,Gmail的用户主要是“新手用户”。即使每天都使用Gmail收发邮件,Gmail对于您来说也不会比网页浏览器更常用。(这是显而易见的,您需要使用网页浏览器来访问Gmail,只要另外再访问一个其他什么网站,您使用网页浏览器就会比使用Gmail界面更频繁了。)所以,同样是表述“刷新”功能,Gmail界面用文字,而网页浏览器用图标。鉴于目前对google的溢美之词过分泛滥,我们就此打住好了。
当然,web界面中并不是只能使用文字而不能使用图标。对于某一个网站,有些链接或功能是用户要经常用到的。此时,用户确切的知道界面上有这样一个功能。恰当的使用图标,可以缩短用户操作时间。Yahoo.com首页左上角就设计了3个自定义的图标位置,并为其网站的27个重要频道设计了图标,供用户选择。
但是,如果不能正确认识图标在web界面中的作用,那么,将会造成图形元素的泛滥。不幸的是,目前,我们的网页设计经常是这样:
![](http://www.uitimes.com/img/up/redrocker@200662173526.gif)
图标被毫无节制的滥用,那些原本有价值的图标被淹没在众多“网页设计素材”中。类似界面的设计师们不仅没有意识到web界面中,图标和文字链接给用户带来的不同体验,甚至其中有些人还只是把图标当作页面上的装饰元素。当然,设计出类似界面也许是迫于某些压力。(噢,好像又要说到公司老板和客户了。不是说您,不是不是,绝对不是,别多心。)
在web界面设计中,要使用一个图标,需要确定,不会因为使用这个图标而让用户找不到这个链接了,并且,需要确定,这个图标确实能让用户更快捷的找到这个链接。图标并不总是能让界面更易用。
面对“是否需要使用一个图标?”的问题,首要的判断依据不是界面的视觉表现是否需要,其次的判断依据也不是视觉表现的需要,最最次要的判断依据仍旧与界面视觉表现无关。
相关文章推荐
- 【原】[webkit移动开发笔记]之空链接是使用javascript:void(0)还是使用#none
- 使用VS自带Dumpbin判断动态链接库.dll和应用程序.exe是32位还是64位
- ActionBar的简单使用(修改背景颜色,文字居中,图标)
- iOS开发之--使用storyboard下,tabbar小图标和文字颜色的设置
- iOS开发中使用文字图标iconfont的应用示例
- Mac电脑使用:桌面屏幕的放大和恢复的方法,修改桌面图标间隔、文字大小的方法
- 使用js实现文字颜色不停变化的链接
- Android中使用Spinner来实现图标文字并存的二级联动
- [转]文字还是图标?
- Android 使用Font Awesome 显示文字图标
- 新随笔(三)什么时候使用按钮,什么时候使用文字链接
- C#之使用NotifyIcon实现任务栏托盘菜单,图标闪烁效果及气泡提示 很多程序是只需要后台运行的,甚至不需要自己的应用界面。NotifyIcon提供了程序在任务栏的显示功能 程序下载链接如下
- 使用bootstrap图标做链接
- 如何给使用 i 标签放图标 文字类型图标
- 新随笔(三)什么时候使用按钮,什么时候使用文字链接
- TextView将链接替换为文字,点击文字还是点击链接效果,可以自己处理链接点击事件
- 当鼠标放到submit按钮上时使鼠标变为单击文字链接时的图标
- javascript使用switch case实现动态改变超级链接文字及地址
- 如何使用jQuery去掉指定标签里所有文字内容对应的链接,即去掉<a>标签
- 使用jQuery来实现菜单文字和图标动画效果