美狮美高梅-美狮美高梅官方网站

美高梅视点
美高梅曾经做过哪些事情?美高梅的发展怎样
面型图标vs线型图标,该如何正确使用?
发表时间:2019-06-06

美狮美高梅

【直营信誉】MGM,美狮美高梅官方网站最具公信力的博彩集团官网、更有高质料的游戏平台、打造在线博彩第一直营,美狮美高梅不单拥有环境上最多样化的游戏投注平台,再是为衣食父母供给实时、刺激、高信誉的效劳保证和高质料的游戏。

您纠结过到底该用线型灰子 敲嫘驼庵中ase么?这篇文章给您答案



什么时候该用线型图标,什么时候该用面型图标,不知道众家平时有没有去思考过?我自己也曾经纠结过,但却没有深究,这篇文章给出了一些答案。挺意外的,国外策划师会针对线面图标做了深入研究,光 pdf 就有66页,这就是所谓的professional深度吧。


今天一起来进修下,也欢迎众家把自己的想法在留言区一起探讨,说说自己的看法和使用习惯。


当吾们准备做一个App策划时,常常会陷入到该用面型图标灰子 窍咝屯急甑木澜嶂校降啄闹侄杂没逦独此蹈鲜誓兀



有些人觉得它们之间的相似处只是在于个人喜好的小case,但有研究表明,更深一层的原因是:它们之间存在着不同的识别效率。


对于策划师来说,应该要知晓如何决定线型或面型图标,才能让用户更高效的浏览应用。如果策划良好,用户就能够更快的识别,并作出正确的决定。


一项名为《面型图标vs线型图标,对于可用性关键的影响》(译者注:连接中是一份很长的研究报告,全英文Pdf,我估计没人会看)的调查研究发现,图标样式会影响识别效率。识别效率是通过识别和决定图标的速度和准确性来衡量的。


面型图标易于 可言会比线型图标更快被识别,但也有例外,一些图标在识别效率上没有明显异议,这与图标的特征线索有关。



图标的特征线索

特征线索是指用户如何辨认图标,但若无明显的特征或很难被care到,图标就没法准确识别。




诸如,评论气泡图标的尾巴就是它的特征线索,没有它,就只是一个圆;锁图标上的钥匙孔是它的特征线索,没有它,就很匆子 侄帽晃笕衔上怀萋滞急晟系某菪问撬烙械南咚鳎挥兴雌鹄淳拖袷且桓鎏鹛鹑Α


调查研究中发现,锁图标中没有画锁孔是被误会最多的图标,有超过四分之一的用户看错了。但若无这个需要的特征线索,图标看起来可能会像是一个包,钱包甚至是一口锅。


这些特征线索是用户识别图标的关键,使用图标时,请确保它包含了用户能识其余线索。如果图标看起来像是其他什么东西,请揣摩为其增加额外的特征线索。



什么环境下用线型图标更好?

除了要包含特征线索外,线型和面型图标之间也有相似处。有时候,某些图标上的特征线索在线型图标上比面型图标更为突出。





调查中发现,线型图标能够被更快识其余三个图标有:评论、垃圾桶、钥匙。这些图标的特征线索都出Now其外轮廓上,正因为如此,当图标为线型的时候,这些特征线索更匆子 侄帽籧are到。


评论图标的尾巴在面型时匆子 侄帽缓雎缘簦窃谙咝褪痹蚋妹飨浴@案亲釉诿嫘褪币惨谎咝褪备易于 侄每吹健T砍椎某菪卧谙咝褪毕嘟嫌诿嫘褪币飨浴



当图标的特征线索比较微妙且出Now形状的边缘时,使用线型图标。这样能使得图标的线索更好突出,易于 能够更快的被识别。


决定图标时,最好能保持一致的性状style,不要把面型和线型混搭。试着决定一组图标,它们具有明显的特征线索,角度干脆不模糊。



诸如,如果将评论,垃圾桶和钥匙图标放在特征线索更明显的图标一起进行比较,就能看出相似处。更明显的线索凸显出来下,更匆子 侄帽籧are到。



什么环境下用面型图标更好?


大多数图标是作为现实世界中对象的缩影,把图标用面型剪影的形式表现更符合人的一般吟味,相对而言,线型图标并不能真实的反映大多数人的吟味习惯。这就是为什么面型图标能更快识其余原因。



尽管如此,用户仍然能够识别线型图标,但如果图标的内部容量非常狭窄,so就需要更长的时间才能识别。


研究发现,点赞,剪刀,电话和工具图标在面型的时候更匆子 侄帽皇侗稹U馐且蛭庑┩急甑穆掷皆诖说酪恍┣蚰诓考渚嗵。子 产生了视觉噪音。



对于内部容量拥挤的图标,最好使用面型图标,剪影形式供给了一个信息量更小的形状,使图标更匆子 侄檬侗稹



什么时候线面皆可?


研究发现,两种性状style的图标有时候的识别效率是一样的。 诸如,星星、购物车和旗帜图标都有相似的识别时间。





这意味着此时的线型图标不会降低用户的识别效率。原因是它们内部的容量很宽,减少了视觉噪音。内部容量越窄,产生的噪音就越多,干扰识别。



Tab栏活消息 图标样式


一贯使用面型图标作为导航栏中的活消息 ,而其他按钮保持线型形式。但莫过于这种策划方法是落下的,应该反过来。



用户需要对他们尚未决定的图标有更快的识别速度,而不是针对他们已经决定的选项。已决定的不需要用面型的图标,对于没有决定的始末来说,面型图标更为有效。


使用线型图标能够突出显示决定态的图标(面型图标相对会弱一些),它供给了一种更清晰的性状style和颜色的改动,能够强化所选的始末。


(译者注:从公众号上的反馈来看,About这一点有很多反对意见。我自己的看法是:如果按原文作者的研究和逻辑推理,小case不大,看小case的角度不同而已。较小的反对可能来自于习惯,吾们都习惯了现有的策划,设想当初最习惯的策划是反过来的,可能众家就觉得很自然了。如果是用户想看当上地位而查看tab图标的话,更好优质的是做决定而不是确认地位?About这个点也期待和众家一起探讨。)



打破过时的图标性状style规范


如果使用效率对用户来说很要紧,则必须揣摩图标的识别率。如果想要更快的识别率,面型图标会更好。但上面提到的一些例外环境,也应该兼有了解,以便于准确的做出决定,不再盲目纠结。

总之,在使用图标样式时,应该要记取以下几点:

1、图标是由能够识其余特征线索组成。

2、面型图标识别速度更快,除非他们的特征线索不够突出。

3、线型图标的内部间距较宽时,更匆子 侄帽皇侗稹

4、如果面型图标的特征线索在其边缘细微之处,则使用线型图标更好

5、如果线型图标内部的间距较窄,则使用面型图标会更好。



——美高梅分享,作者:UX Movement


XML 地图 | Sitemap 地图