台湾设计师谈资讯与视觉设计的绝妙平衡
作者陈威帆是台湾科技博客 Desiring Clicks 的开创人,也是一位 UI/UE 设计师。本文是陈威帆向爱范儿送达的稿件,重要谈资讯获得方法与设计之间的瓜葛。Desiring Clicks 专注于先容用户界面、用户体验、视觉设计和资讯架构的科技媒体,感乐趣的朋侪可以存眷作者本人的 Facebook 或他的网站。所谓的讯息就是为了沟通而发生,而利用者界面就是承载着资讯的载体。利用者透过界面,和百般各样的体系举行八门五花的资讯互换。资讯可能由利用者发生,比方某小我在 Twitter 上发了一则讯息,透过界面上传到网路体系,然后透过网路通报到所有人的萤幕眼前,然后再由其他浏览到这则讯息的利用者所接管。
是以在资讯的生命周期中,包含了发生、通报、接管这三个首要的阶段,而每一个阶段都有可能造成资讯的消耗。而通报中的资讯,又可以分为 “真正有效的资讯” 和 “造成滋扰的杂讯”。举例来讲:一张会商列国生齿数目的图表,若是采纳了过量且花俏的@装%2k719%潢或殊%YA2n6%效@,这些装潢和殊效就会成为资讯的 “杂讯”。
若是要将讯息完备的通报给利用者,设计师可以选择强化原本的讯息,或是低落@过%妹妹553%剩@的杂讯,来提高 “信噪比”(Signal-to-noise ratio)以增长讯息乐成被判读的机率,也让利用者能更轻松的浏览资讯。
摆布两张图都是在显现列国的生齿数目,左侧的图表咱们可以清晰的看到分歧的生齿数目,一眼便可以看出分歧国度之间的生齿比例瓜葛。而右侧的图表因为加之了立体殊效和纹路,咱们狐臭改善,不肯定到底要用木块最上缘仍是数字的位置来举行比力,木头的材质也影响了数字的判读。是以固然视觉上比力吸惹人,但也由于增长了特特效果而替资讯加之了杂讯。得当的加之装潢和殊效可以或许吸引读者的注重,可是要注重这些杂讯绝对不克不及袒护掉真正要表达的讯息。
近来 Windows 推出的 Metro Style UI 几近排除所有的暗影、圆角,只利用色块和文字来表达全部界面的空气,几近说可所以同时用上了 “强化资讯” 和 “解除杂讯” 两个法子,让文字(资讯)自己成为界面的一部门与利用者互动。不外如许一来,就缺乏了界面所必需的指意表示(有着暗影的按钮老是让人比力想按下去),也对互动造成些许的影响。
信噪比跟实在運彩經銷,跟人类的搜查体系有很大的瓜葛,人类的视觉搜查体系实在颇有趣,当大量的资讯同时显现在咱们眼前的时辰,有时辰咱们会感觉很轻易、一会儿便可以找出分歧的资讯,有时辰咱们家事清潔, 又会感觉很坚苦、要花一些时候才能找出分歧的处所。到底这两种分歧的差别是由甚么缘由所引发的呢?
当一个影象刺激在被咱们的视觉体系辨识时,有一些影象的属性很轻易便可以被大脑处置,这些根基特性(Basic Feature)在视觉神经的前端就会被辨识,让咱们的大脑辨别这些影象属性更易一些。是以若是咱们设计大量资讯的时辰,若是可以或许善用这些根基特性,那末便可以提高读者的浏览效力了!
在关于视觉搜查的实行中,让受试者从一很多个「X」内里挑出一「O」,然后再让他们从「┸」内里挑出一个「┼」。咱们把所有的视觉元素称作刺激总量,大部门的元素(「X」和「┸」)称为滋扰物,独一纷歧样的阿谁元素(上面例子的「O」和「┼」)称为方针物,而实行的目标,就是要检测在滋扰物增长的环境下,受试者会不会必要耗费更多时候才能找到方针物。
在视觉搜查实行的成果中,找到了一些特性是很轻易被咱们的搜查体系所辨识出来的,包含了以下四点:
頁:
[1]