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

文章目录[隐藏]

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

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

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

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

相关推荐

  • 用户体验很重要,外卖小票了解一下

    失恋了,今天很丧,老板给我画一个小猪佩奇好吗?这个要求是四川资阳的一个女孩子点外卖时,在订单上给店主留的言。没有想到,店主竟然答应了。1当顾客在向外卖商家提需求时他们究竟要的是什么?不久前,一个在外卖小票上画画的帖子在网上刷了屏。原来,四川资阳一女子失恋点外卖要求画小猪佩奇,店主竟然答应了。据店主回忆,“大概在下午4点的时候,店里接到订单,在备注栏中,顾客称‘失恋了,今天很丧,老板给我画一个小猪佩奇好吗?’ ”为了安慰失恋的顾客,王女士...

    2018-03-26
  • 设计师你的创作工具如何让你的2016充满惊喜?Chapter 1

    IAMUE官方微博正在送书活动:点这里参加 搜@IAMUE 原标题:如何让你的2016充满惊喜?|Chapter 1                                                                                                             …

    交互设计 2016-02-20
  • 讯飞输入法 Smartisan 定制版功能交互一览

    #交互学堂# #讯飞输入法# #smartisanOS# 基于 Smartisan OS 的设计语言深度定制了讯飞输入法,界面简洁优雅,还能保留讯飞输入法用户的使用习惯, 识别准确率高达 97% 的讯飞语音,让输入更高效 点击下载   讯飞输入…

    2016-10-31
  • UED建筑品谈 | 昭君博物馆:土木轮回

    📌编辑 | F.项目竣工的下午,一片低黑的云朵重重地飘盖过来,浓烈的阳光穿过云缝狠狠地砸在了和周围土地一样色质的“夯土”表面上,一派陌上苍歌的景象。新的“土木”谦虚地溶嵌在大地之上,迥异的材料体验感却反而没有让建筑消失,熟悉得甚至可以忘记的“土”和“木”。体验变得几分陌生,他们与大地一同构建了令人难忘的场所。这让我想到几米漫画书里的句子:“……看不见的,看见了;遗忘的,记住了。”——曹晓昕主创建筑师曹晓昕中国建筑设计院有限公司副总建筑师...

    2018-02-02
  • 牛X的交互设计稿应该具备的5个特点

    在交互稿中,除了注意那些既定的、能够清晰辨别出是对是错的内容外,比如功能缺失,逻辑错误等,还有一些更高层次的特点,需要懂得并加以注意。那我们今天就来聊一聊舒服的交互稿应该具有的特点。

    2017-05-11
  • Axure玩出新花样,做个游戏玩转Axure9大常用功能 | 免费直播课

    产品经理会画原型,是入行的基本门槛。一个可用可交互的原型可以帮助开发和设计人员从不同的维度上来了解你的产品设计,降低需求的沟通成本。那么,对于产品经理来说,如何才算是“会画”原型呢?你可能会认为,会画基本的线框图就足以满足日常需求了。但是借助静态的线框图解释你的设计,始终都不会像可交互的原型这么直观有效。原型的工具虽然有很多,但Axure还是最经典的一款画原型工具。虽说Axure用的溜,并不代表你就能成为一个产品经理;但作为产品经理,更...

    2018-03-04
  • 京东JDC交互设计揭秘:大促分会场-模块化设计方法总结

    写在前面 在电商的世界,似乎一切时间都可以和购物挂钩,5.20、6.18、11.11、12.12、年货…..;有购物节就要有各种各样的会场进行促销展示;面对越来越细分化的类目会场,作为设计师需要把多达几十个会场一一设计出…

    2017-06-12
  • 谈谈(web)网页设计中的留白原理 – 2016版

    设计中存在很多关于留白的只是,零零散散在网上也看过很多,总感觉比较零散,自己根据自己的感觉,重新把留白的原理和一些技巧系统的归纳整理了以下,也对自己的一个提升。分享给大家。

    2017-05-28
  • 那些年失败的产品的交互设计

    相信各位设计师都有过“灵鸡”一动冒出好玩并且很有创意的idea的时候,但是首创的idea往往有80%都无法被用户接受。究其原因,要么该款产品无法为用户带来真正的实惠,要么违背了用户的圣意,要么产品做出来本身就是个…

    2015-01-08
  • 交互总结篇(一):框架与布局

    上篇文章里面简单介绍了一下关于交互设计分析的三维度,即框架、流程和状态;这里就不做特殊介绍了,详细内容请见《三个维度,解析产品的交互设计》。而本文作为交互设计总结篇的第一篇——框架布局篇,主要是系统地整理一下交互框架设计所需要考虑到的方方面面。框架是整个或部分系统的可重用设计,表现为一组抽象构件及构件实例间交互的方法。

    2017-04-28