人的视线是有限的,总有忽略的地方。那么在设置信息层级分布时如何设计视觉主次以便达到目的呢?
很多设计师在进行信息设计的时候,通常靠着感觉和曾经尝试过的经验进行信息美化。但是当我们遇到需要对信息设计进行解释的时候,理由通常很苍白。你无法说出为什么用户能够快速高效的浏览信息,只是觉得又大、又粗、又硬哦不是,又鲜艳的信息能够被识别。所以今天我们就要来聊一聊,为什么。
首先给大家介绍一些经过研究之后的数据结论:
人类视野的空间分辨率从中央向边缘减少。我们人类每只眼睛具有700万左右的视锥细胞,它们在人眼中的分布是越靠近中央凹的区域越密集。而另外一个研究证明,边界视觉的信息在被传递到大脑之前是经过压缩的,而中央凹的视觉则不会。大概就是下2图这个意思。
然后有同学会问,既然我们的边界视觉那么差,当用户在浏览界面信息的时候,为什么给用户3秒钟时间看界面他还是能够记住页面中的一些信息呢或者会说为什么我们在浏览的时候它不像下图那样只有一小圈是高清而边上的文字是模糊的呢。
这其实是因为大脑通过一个比较粗犷的方式,基于我们的预期,给视野进行填充,大脑也会命令你的眼睛对边上的信息进行细节采样。所以这是一个很快速的过程。
为什么有的人能够一目十行就是,他的大脑能帮他补充的更多,或者说他的中央凹面积大。
但是有一个实验是,我们通过眼动测试,当用户的中央凹停留在一篇文章中的一个地方时,这个文字显示的是正确的,但是随着中央凹的移动,他周围的文字会进行随机的变化,他虽然能够成功的完成阅读,但是速度大幅下降。
比如大家看一下下面这个页面的区域
当我们扫完这个页面也就2-3秒,但是如果你没有把中央凹停留在一个信息上的时候,其实都是靠大脑对我们的预期进行的补充。而真实的情况是,你们并没有发现页面中错误的地方。
言归正传,为什么你的信息用户总是看不见呢。我们又要讲到边界视觉。我们的设计如果不考虑边界视觉,那么就会影响到能够被识别的信息。
那么边界视觉到底有什么用呢?
边界视觉。
边界视觉是提供了低分辨率的线索,帮助大脑,控制眼睛以线索的发现顺序进行移动。
那么我们要怎么做才能让用户关注到关键信息呢?
2.使用图标、图片的形式标记出关键信息
在这里再补充一个我总结出来的规律,不一定对,但是我的猜测。
首先被关注到的是呈现蓝色的文字、图片、图标等。
两个按钮不用色块的形式做呢?例如右边这样,很多同学在这里第一反应是这个按钮
太重了!
很突兀!
为什么很突兀?既然要引导用户为什么不做的重一点呢?那有同学又会说这样设计会干扰用户对其他信息的浏览,那么
为什么会干扰对其他信息的浏览呢?
中央凹视锥细胞会根据界面中信息的重要程度进行调整,也就是说不同程度的强化会让边界视觉的捕捉能力下降。像右侧的色块按钮让中央凹的视觉细胞更加聚集,而导致边界视觉的范围也大幅缩小,所以你们看左边界面觉得信息优先级很清晰,但是右侧的就会觉得我只看到了两个大按钮,而其他的信息都没有被捕捉到。
有大按钮的页面基本上图片、图标都很多,而一般都是
文字的页面,通常都不会出现大按钮,因为出现了就会被喷太突兀了!!
“一视同仁”。
应谋鬼计(公众号)
评论0