一个人每天要获取多少信息?几百张网页?十多个app?上百条微博?地铁上匆匆一瞥的广告,家里看不了几分钟的电视?
其中能引起关注的有多少?仔细阅读过的有多少?当大量的信息充斥短时间用户脑海的时候,用户啊,你又如何选择?
如果说网站的信息架构是用户如何找。视觉的信息架构就是用户如何看。人们每天很匆忙。在用户面对大量信息,很多时候用户对信息来不及仔细梳理,很难快速记忆。
而一个好的视觉架构,可以减轻用户浏览负担,加快用户获取信息的速度,帮助用户加强对信息的记忆。
这一次交互与视觉设计师又站在了同一条起跑线上,让用户如何看,怎么看,怎么构建视觉的信息架构。就是我们接下来要探讨的话题。
在设计界面之前我们先来看看用户是如何使用网页的:
一、我们不是阅读,而是扫描
二、我们不做最佳选择,而是满意即可
三、我们不是追根究底,而是勉强应付
很显然,我们用户非常没有耐心,从不寻找他看不到的东西。
我们经常能听到产品经理抱怨,我的产品为什么的不到用户的关注,我拥有这么好的产品,这么详尽的说明,可是用户像葛朗台一样吝啬他的鼠标与视线。而视觉设计师会茫然的说,所有的信息都放在页面上了啊,也放在了页面最重要的位置了,用户看不到那是因为他不感兴趣。
用户是真的不感兴趣么?不,当用户的眼睛在网页上疾驰而过的时候,他真的没有看见你想要让他看的信息。
可问题出在哪儿呢?
我们看下面一张图:告诉我你看到了什么?字都一样大小,都是一个颜色,一样的行距,一样的字体,如果给你一秒钟你能从里面找到关键兴趣点么?
再看下面一张图:是不是发现,每段的字号差异,颜色差异,行距的差异,字体的差异?如果给你同样的时间,你是不是比上一张图得到的信息更多?
在网页的信息架构中,信息在网页的位置决定了,这块信息在网页内容中的重要程度。
而网页视觉架构中的视觉层级则是是否能吸引用户浏览的关键所在。
重视了网页中整体位置而忽略了视觉架构中视觉层级,不仅会产生糟糕的视觉设计也会导致产品设计的失败。
我们对比一下这两个商品列表
一秒钟的时间你看到了什么?
我们要读清楚上面的内容,就要适当的放慢阅读速度。寻找我们感兴趣的关键字与语句,因为虽然有颜色的区分(颜色用的也太多了造成视觉噪声),但很多内容看起来都跟其他内容一样重要。势必要增加阅读负担。
而下面的内容,设计师体贴的把对我们来说比较重要的内容挑选了出来。在我们眼睛扫过的时候非常容易的获取到了关键信息。
为用户设计在飞驰地铁上都能观看到内容。则应成为网站设计和移动应用重要的设计原则