设计师要懂心理学の周边视觉还是中央视觉?

文章目录[隐藏]

人有两种视觉,中央视觉和周边视觉。中央视觉用来直视事物观察细节,而周边视觉则展现视野中的其他区域,也就是人眼能看到的周边区域。人可以用眼角的余光观察事物,这当然很有用,不过,堪萨斯州立大学最新研究表明,多数人都低估了它对于我们理解事物的重要性。人对场景的认知似乎都来自周边视觉

为什么屏幕上的小闪动容易让人分心

周边视觉总是让人不禁注意到周围的动静。例如,你正在电脑上阅读文章,屏幕边缘附近有个小动画之类的东西闪个不停,那么你肯定忍不住要去看它。而你希望集中精力阅读文章,这样的干扰实在很烦人。这正是周边视觉所致!网站侧边的广告总是做成闪烁效果就是因为这个道理。这样很不招人待见,但确实会吸引我们的注意力。

Adam Larson和Lester Loschky(2009)曾做过一项实验。他们准备了厨房、客厅之类常见场景的照片,将一些照片的四周遮住,将另外一些照片的中央遮住,并向被试者展示这些照片。照片的展示时间都相当短,而且还特意处理成黑白照片,让人难以分辨。然后他们要求被试者判断看到了什么场景。

周边视觉     中央视觉

他们发现,中央被遮住的照片依旧容易识别,而对于那些周围被遮住的照片,人们却分不清是厨房还是客厅。他们尝试了不同的遮挡比例,最后得出结论:对于识别具体物体来说,中央视觉是最重要的,但对于认知整体场景而言,周边视觉更为关键。

周边视觉让我们的祖先得以在草原上生存

根据进化论可以推测,早期人类必须能够一边打磨燧石或仰望天空,一边用周边视觉注意是否有狮子逼近,才能幸存并把基因传给后代,而周边视觉较弱的人则难以生存,相应的基因也被自然淘汰。

最新研究证实了这一推测。2009年,Dimitri Bayle发表了他的研究结果。他让被试者观看恐怖照片,有时照片放在被试者的中央视觉区域,有时则放在周边视觉区域。然后他测定了大脑杏仁核(能对恐怖 照片作出反应、产生恐惧情绪的区域)的反应速度。如果照片放在中央视觉区域,杏仁核的反应时间为140~190毫秒;如果放在周边视觉区域,反应时间仅为 80毫秒。

小贴士

  • 人们看电脑屏幕时会用到周边视觉,而且经常只扫一眼周边视觉区域便以此判断整个页面的内容。
  • 虽然屏幕中央是重要的中央视觉区,但别忽视周边视觉区域。一定要确保周边内容清晰地表现了网页的用途。
  • 如果你想让用户集中注意力观察屏幕某处,就别在周边视觉区域内放置动画和闪烁元素。

 

原创文章,作者:ioued,如若转载,请注明出处:https://www.iamue.com/1593/

(0)
iouedioued
上一篇 2014-11-26 21:49
下一篇 2014-11-29

相关推荐

  • 网页首图抓住用户注意力的8个要点

    Banner 是我们最常聊到的设计元素,它是一个网页的招牌,是用户最容易看到的视觉元素。今天,我们来聊聊Banner中的急先锋,网页首图,它的设计之道。

    2017-05-08
  • 部落窝教育微课首批年卡,每天一元钱,全年课程随意看

    部落窝教育微课直播间自年初上线到今天,短短三个月时间,我们精心打磨了25个专栏课程,受到了大家的广泛关注和喜爱。课程受欢迎程度可以从数字上得以体现:直播间共282.64万+人气,单次课程最高学员数达到了18536人学习。应铁粉们要求,“部落窝教育微课直播间” VIP年卡现已正式开通,更好的满足大家学习多个软件技能需求。1VIP年卡能学什么?VIP年卡有啥福利?A:部落窝微课现开通25个付费专栏,涉及到的软件视频课程有:Excel、Wor...

    2018-04-08
  • 老外看中国的移动App设计精髓-3 通用ui、颜色、文字、表情

    摘要:本文作者Dan Grover用最直接的方式体会了中国移动互联网的发展。这是一个外国人眼中的应用UI在中国的趋势,基本反映了当前国内UI设计的状况,从他的所感所想中,认真审视这些在别人看来,我们自己身上所拥有…

    2014-12-11
  • 请记住,视觉设计远不止“好看”这么简单

    设计师和理发师其实有点像,理发师基本分为三种:一种是只会搞基础发型的,比如寸头、中规中矩的长发、老太太卷头等;一种是只会剪流行发型的(这种发型师还很容易 摇身一变成为造型大师,告诉你你应该改变,应该剪目前最流行的某款发型,但实际上可能是他只擅长这款发型);还有一种是最可遇不可求的,他根据你的脸型、 性格等,用最简单的手法量身设计发型,让顾客的气质度立刻得到提升。

    2017-06-03
  • 百度、虾米、音悦台网站交互设计浅析

    苹果“Mac之父”Jef Raskin曾经说过:“对于消费者而言,界面就是产品。”界面是用户体验我们产品最直观的接触。把界面做好,将极大的提高用户使用我们产品的愉悦感。所以我们长期以来都在不断追求界面设计的进步,以期在众多的相似产品中脱颖而出。下面我将通过对目前排名比较靠前的几家音乐网站界面做一些简单的分析,阐述一些我对于交互设计的感悟。

    2017-05-29
  • 三款备孕育儿类APP简单分析 (多图慎入)

    2015年,母婴类APP可以说是百花齐放,各种各样的产品竞争激烈,但是还没有出现寡头,窗口期依然还在。刚好下午在准备一家母婴类公司的招聘,简单体验了几款备孕育儿类产品,和大家一起分享一下。 产品简介 体验的产…

    2016-03-06
  • 【招商零售】海底捞VS胖东来:用户体验背后的成功基因

    点击上方“聪聪说零售”可订阅哦!招商证券零售组:许荣聪、邹恒超近期的“老鼠门”事件再将海底捞推向风口浪尖,食品安全问题再次引发关注,但与一般公关危机不同的是,本次事件发生后没有出现一边倒的对海底捞的口诛笔伐,反而海底捞及时坦率的回应得到不少消费者的理解和支持。海底捞能坦然面对此次

    微信热点 2018-05-02
  • 两个交互设计鸿沟-评估与执行

    译者 / 熊猫小生校对 / 不器作者 /Kathryn Whitenton前言:通过每次交互,用户都必须克服理解系统当前状态和了解如何改变系统当前状态的双重挑战。设计师可以通过意识到这些鸿沟并用透明的概念模型来消除这些鸿沟,从而为他们提供支持。上周,我买了一款很棒的新蓝牙耳机 ; 但遗憾的是,我花了一个多小时才把它连接到我的电脑上。尽管耳机手册和电脑支持网站作出了承诺,但耳机并未自动与计算机连接。我在重新阅读说明书之后,检查了耳机和电脑...

    2018-03-28
  • 深度解析新版9.0支付宝与微信之争

    这里有个h5大家可以看一看历来他们之间相互“学习”和“致敬”。 http://create.maka.im/k/SR5OVAKY 很多文章在说支付宝和微信在进行下一场直播的撕逼大战,其实在阿西看来这不过是一场用户使用场景之争。 这一次,支付…

    2015-07-10
  • 不要做椅子上的设计师

    事件一:某巨头公司L开会,产品的老大C带头发言:“我觉得吧,用户不会喜欢这个设计、他们……”。相信在各位设计师的工作历程种这种发言都不是第一次听。

    2017-05-28