设计师要懂心理学の眼见非脑见

文章目录[隐藏]

我们一般认为,当我们观察周围的一切时,眼睛会将看到的信息传输给大脑,大脑再对信息进行处理,让我们感受到真实的世界。但其实不然,脑见并非眼见,因为大脑总会解析眼睛看到的所有信息。试举一例,请观察下图:

卡尼萨三角

你会“看见”图中没有的三角形

你看见了什么?你第一眼可能会看到一个黑边三角形,上面叠了个白色倒三角。其实图上什么三角形都没有,有的只是些零碎的线条和3个有缺口的圆。大脑 认为图上应该有一个倒三角形,于是就凭空创造出了一个。1955年,这一独特的错觉由意大利心理学家Gaetano Kanizsa发现,后以他的姓氏命名为“卡尼萨三角”(Kanizsa Triangle)。

大脑会偷懒

为了更快地解析周围的世界,大脑会投机取巧地偷懒。大脑每秒要接收约4000万次的感官信息输入,并试图完全解析出它们的意义,所以它会根据以往的经验,猜测我们看见了什么。经验法虽说十拿九稳,但有时也会出错。

合理运用形状和色彩可以影响人们所见。图1-3展示了色彩如何使人注意到特定的信息,通过变化颜色区域,传达出的两条信息截然相反。

战争与和平

色彩和形状能影响人们所见

在黑暗处,余光看得更清楚

人眼有700万对亮光敏感的视锥细胞和1.25亿对弱光敏感的视杆细胞。视锥细胞集中于视网膜中央凹处,在视觉的中心区域,而视杆细胞则主要分布在外围。所以在弱光环境下,使用余光观察会比直视看得更清楚。

视错觉之错

视错觉就是大脑错误解析视觉信息的现象。在下图中,左边的竖线看上去比右边的长,但其实两条线一样长。1889年,Franz Müller-Lyer设计了这一图案,因此该图被称为“缪勒-莱尔错觉”(Müller-Lyer illusion)。这是最早的视错觉图案之一。

缪勒-莱尔错觉

人的视觉是二维而非三维

光线通过角膜与晶状体进入眼球,晶状体将影像聚焦在视网膜表面。在视网膜上,即使是三维的物体,呈现出的影像也是二维的。这些影像被传送到大脑视觉皮质并被识别,例如大脑会想:“哦,我认出那是一扇门”,从而重新将二维影像转化为三维物体。

视觉皮质汇总所有信息

John Medina(2009)认为,视觉信息以电信号形式传输到视网膜后,会汇总为多达12条不同的信息。其中,有几条阴影信息,还有几条运动信息,诸如此 类。大脑视觉皮质接收这些信息后,由不同区域分别响应和处理对应的信息,比如,一处专门处理40度角的斜线,一处专门处理色彩,一处专门处理移动状态,另 一处专门处理边线,等等。最终,所有信息只被整合为两条信息:一条是移动状态(物体是否正在移动),另一条是位置(物体和观察者的位置关系如何)。

小贴士

  • 别人在你的网站上看见的内容未必符合你的设想,他们的个人背景、文化水平、对眼前事物的熟悉度以及期待看到什么,都会影响他们的观察结果。
  • 你可以设计物体的展示方式,引导别人注意特定的内容。
  • 更多讨论内容请关注:学堂群:156360020 | 微信号:Aioued | 新浪微博:艾欧交互学堂

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

(0)
iouedioued
上一篇 2014-11-26
下一篇 2014-11-26

相关推荐

  • ​ 不尊重用户体验如何“携程”丨每日时评

    高考作文干货/素材/知识/热点如果你想要作文素材、资料...加我微信:13261345736备注下你想要解决的问题点播时间(今天的歌单车是@光芒点播给大家的,如果你也想点歌,请留言:歌名+歌手~)当前浏览器不支持播放音乐或语音,请在微信或其他浏览器中播放单车陈奕迅 - Shall We Dance? Shall We Talk!作文君说昨天刚和同学们说完OTA(在线旅行社)网站搭售的问题,今天我们再来具体看看,携程在用户体验上面临的问题...

    微信热点 2018-02-10
  • Principle:交互动画实例

    Principle是一款交互原型设计软件,轻松让你的想法变成现实,支持将交互动画转换成视频或者GIF,分享给别人。 你的动画交互想法,比如设计更好的移动APP交互效果成为现实,用Principle轻松帮你实现。Principle的原…

    2016-01-28
  • 表单设计:一页只做一件事

    一页只做一件事,并不是一定要在一个页面上只展示单一的元素或组件(虽然也可以这么做)。

    回想一下你第一次看到复杂代数式时的情景。这整个就是一团混乱的未知符号。但是当你将它分解,独立成各个部分,答案便水落石出。

    2017-04-29
  • 定义设计原则,驱动设计决策

    UX团队如何给设计原则做优先级排序?本文就此展开讨论,enjoy~这个list有优先顺序吗?

    2017-04-27
  • 19.怎样绘制用户体验的地图 | 打造产品思维30讲

    19.怎样绘制用户体验地图来自时间前哨00:0015:06这一节讲用户体验地图和用户故事。用户体验地图就是通过画一张图,用一种讲故事的方式,从一个特定用户的角度出发,记录下他与产品或者服务进行接触、进入、互动的完整过程。开始做产品经理的人容易犯的错误,就是用管理员的视角来规划产品。我经常看到这种全局型的产品设计图,复杂、全面、没重点,这肯定是错的。我一般会告诉这种产品经理,请按照一个用户使用的路径,把这个产品设计图再画一遍。从一开始用户...

    2018-03-20
  • 如何保持交互与视觉的协调性

    转自微信号: 作者:小云子  我是UE / woshiue 我不想贬低文字的重要性,但也不想忽视视觉。两者是同等重要的交互设计元素。文字就是交互,但那些视觉元素(比如图标、菜单、图像等)才是用户实际上操作的东西。虽然…

    2015-03-30
  • Axure优雅装逼指南:开启原型高颜值形态

    作者寄语 / 一直想写的Axure小技巧分享,终于动手写了。望能对亲有所帮助,文笔粗糙请谅解。内容目录:啥是高保真原型?简单说明原型Axure可以画出什么水准的高保真?给示例,开启装逼模式特殊的技巧:核心内功:目标清晰/理解设计规范画图习惯:像素对齐/用浅色/上素材啥时候上高保真?:适用场景 and 不适用场景啥是高保真原型?啥是原型,从事互联网研发体系的同学,肯定非常熟悉,特别是产品岗同学。如果不是,那如下简单讲原型和高保真原型的:原...

    2018-04-28
  • 产品学习——用户体验要素

    最近看完了这边和产品相关的书籍——《用户体验要素》,读完之后感觉这本书写的挺好。下面做了一些思维导图,做的比较详细,这样就可以当做是读书笔记了。自己的不足:1,读起来的困难是这本书翻译的不是特别好,所以为了理清楚这个本的脉络,还是花费了比预期要久的时间。2,是第一次使用xmind,在一边做思维导图,一边学习使用xmind上面花费了一些时间。3,是专注度还是不够,集中精力的时间太少了,所以做一件事的时间就会拖的太久。第一章:用户体验为什么...

    2018-02-23
  • 聊一聊不同应用场景下的验证码

    最近在做关于验证码的项目的时候,从交互的角度梳理了产品各个平台验证码的应用场景。在一个产品中,会有多个设计师分工协作,不同的设计师做设计迭代。由于验证码在整体设计中太容易被忽略,它在每个场景的显示逻辑可能不尽相同。下面,我们就来聊一聊不同应用场景下的验证码。

    2017-05-05
  • 提示信息的情感化设计,做一个有故事的淘宝

    未来的故事还可能会将情感化设计延伸到不仅仅是异常的场景中去,从而覆盖整个淘宝,真正地实现做到一个“有故事的淘宝”。

    2017-05-05