抄自 Susan Weinschenk《设计师要懂心理学》宾夕法尼亚州立大学心理学博士。行为心理学
美的HY22M,视觉是感觉之首。大脑有一半资源用于接收和解析眼睛所见。但眼睛所见并非全部,因为视觉信息还要经过大脑转换和解析。真正用来“观察”的其实是大脑。
第 1 节 眼见非脑见
合理的运用形状和色彩可以影响人们所见。
色彩可以使人注意到特定的信息,通过变化颜色区域,传达出的两条信息可以截然相反。
TIPS
别人在你的网站上看见的内容未必符合你的设想,他们的个人背景、文化水平、对眼前事物的熟悉程度以及期待看到什么,都会影响他们的观察结果。
你可以设计物体的展示方式,引导别人注意特定的内容。
第 2 节 整体认知主要依靠周边视觉
人有两种视觉,中央视觉和周边视觉。
中央视觉用来直视事物观察细节,周边视觉展现视野中的其他区域多数人。大部分人低估了周边视觉的重要性,人对场景的认知似乎都来自周边视觉。
周边视觉让我们的祖先得以在草原生存。
根据进化论推测,早期人类必须能够一边打磨燧石一边用周边视觉注意是否有狮子逼近,才能生存并把基因传给后代,而周边视觉较弱的人则难以生存,相应的基因也被自然淘汰。
TIPS
人们看电脑屏幕时会用到周边视觉,而且经常只扫一眼周边视觉区域以此判断整个页面的内容。
中央屏幕是重要的中央视觉区,但别忽视周边视觉区域。一定要确保周边内容清晰地表现了网页的用途。
如果想让用户集中注意力观察屏幕某处,就别周边视觉区域放动画或闪烁元素。
第 3 节 人在识别物体时会寻找规律
发现规律有助于快速处理时刻接收的感官信息。即使本无规律,眼睛和大脑也会尝试创造规律。
如下图,你看到的可能是 4 组团,每组 2 个点,而不是 8 个孤立的点。你把间距的长短看成了一种规律。
大脑倾向于发现规律(颜色、间距、大小等)
几何离子理论
人观察物体时会识别一些基本形状,并以此识别物体。这样的基本形状成为几何离子(为Irving Bederman 1985年提出)。
据称,人类能识别24种基本形体,它们构成了我们能看见和辨认的所有物体。
TIPS
既然人会不由自主的寻找规律,那就尽量多的使用规律,利用分组和间隔创造规律。
要让某个物体易于识别,就用简单的几何图形来画它。这会让物体的几何性更明显,使人更快、更轻松的识别物体。
多用二维元素,少用三维元素。大脑以二维形式接收人眼观察到的信息,因此三维图形会减慢识别和理解的速度。
第 4 节 大脑有专门识别人脸的区域
假如
你正穿行于某大都市的某条大街,人潮拥挤。
突然迎面出现家人。
即使你们是不期而遇。
即使眼前还有几十几百个路人。
你也能一眼认出对方是你的家人。
同时油然而生爱意、恨意之类的相应情绪。
大脑视觉识别区域之外有一处特殊区域,专门识别人脸,称为梭形脸部区。可以让人脸识别绕过通常的视觉解析渠道,从而得到快速识别。而且,梭形脸部区距离掌控情绪的杏仁核也很近。
自闭症患者观察和识别人脸,不会使用梭形脸部区,只能使用通常用于识别物体而非人脸的普通解析通路和视觉皮质。
我们会不由自主的看向别人的眼睛所看的方向
请注意,人们看着它不代表关注它。
喜欢看脸是人的天性。研究表明,出生不到一小时的新生儿喜欢看有明显面部特征的东西。
看着眼睛,就能识别出真人假人。研究发现,被试者表示大约在 75%处的脸已经不是真人了,主要依据是图上的眼睛。
TIPS
人在浏览时首先会对人脸作出识别和反应(除了有自闭症的人)
直视用户的脸最具感染力,也许因为眼睛是面部最重要的部分。
如果网页上的人眼睛看着旁边的位置或产品,那么人们往往也会看向同一处,但未必关注,只是看而已。
第 5 节 略微侧向俯视是想象物体的标准视角
多数人画咖啡杯会画成这样,略俯视的角度并稍稍偏向侧面。这个角度成为“标准视角”。几乎不会有人画正上方的俯视视角。
你可能会说当然不会有人画成那样。因为人们通常看咖啡就是略微俯视、面向侧面的。
这项研究不只包括咖啡杯,还包括了很多其它物体。从标准视角识别物体的速度总是最快的,即使未必总用标准视角看他们。
此研究要求什么识别多种动物,比如小猫小狗什么的,一般人都不会经常在地上爬来爬去,可以看到小猫小狗的角度不是略微俯视一点点,而是居高临下的俯视他们。
但是从标准视角识别他们的速度还是最快的。从标准视角思考、记忆、想象和识别物体似乎是人的普遍特征。
TIPS
标准视角的画像和物体更容易识别和记忆。
如果你的网页和程序里包含一些图标,那么不妨把它们画成标准视角的。
第 6 节 人根据经验和预期浏览屏幕
看屏幕时人们第一眼落在哪里取决于他们在做什么、希望看到什么?如果从左向右书写,那么看屏幕也会从左向右,反之亦然。
因为人们早已习惯认为页面顶部是无关内容,如商标,留白,导航栏等。所以他们往往先看屏幕的中心位置,而非边缘。
有效内容才是真正的左上角
作者:[美] Susan Weinschenk 译者:徐佳 豆瓣评分:7.5 出版社:人民邮电出版社 出版年份:2013-5-1 页数:236 内容简介:《设计师要懂心理学》出自国际知名的设计心理学博士Susan M. Weinschenk之手,内容实用,示例清晰。
有效内容才是真正的左上角
扫一眼屏幕后,阅读顺序就和语言文字习惯一致了。
无非自左向右,自右向左或自上而下。
如果旁边出现一张大图,特别是有人脸的照片或动的东西,就会引起他们的注意,如动画广告或视频。
这类内容会引起他们的注意,从而打破原先的阅读倾向。
本书的作者 Susan Weinschenk 是宾夕法尼亚洲立大学心理学博士,行为心理学家。本书凝结了作者数年产品界面设计工作中总结出来的经验教训。用100个心理学知识来帮助读者提升和改进设计 。这100个心理学知识 不一定每一个都会在工作中遇到。
人们对想看的内容及其位置有先入为主的心智模型。
比如京东的常客如果打算使用搜索功能,打开页面时就可能直接看向搜索栏的位置。
发生错误或问题时,人们会聚焦视野。
如果完成任务的过程中发生了错误或意料之外的问题。人们会停止浏览题目上的其他内容,集中精力的问题所在的区域。
我们将在以后对自己展开讨论。
TIPS
最重要的信息(或希望用户关注的内容)要放在屏幕的上面1/3部分,或放在屏幕中间。
简单来说,设计师设计产品,应该有规律在里面,无论是外显还是内含,都需要有一定的规律来引导用户,这样可以帮助用户更有效率更舒适地使用产品,另一个角度,产品设计应该有一定的控制度和局限性,不能让用户完全天马行空地操作。如果产品设计。
既然人们不看屏幕边缘就不要把重要信息放在那儿。
按照正常阅读顺序合理设计界面,避免让人来回跳着阅读内容。
第 7 节 物体会提示人如何使用
功能可见性
无论是在生活中还是在电脑屏幕上,如果想让用户使用一个物体,就要保证能够让他们轻易的察觉,并理解它是什么,你应该明白应该怎么用。
没有设计就是最好的设计 —— 原研哉例如:球形门把手的尺寸和形状暗示用户要握住并转动把手。咖啡杯告诉你要弯曲手指穿过把手举起杯子。剪刀暗示用户用手指穿过环形手柄,通过手指的张合来控制剪刀。
人在试图完成开门或者网上购书之类的任务时,总会自动寻找周围可以使用的物体和工具,而自己往往不会意识到这一点。
如果某个物体给用户错误的暗示,就会让用户恼火。
本图中门把手的形状暗示人们应该抓住往回拉,但“PUSH”却告诉人们向前推,这就是错误的功能可见性。
有鼠标悬停,没有手指悬停。
带下划线的文字是超链接,点击就会跳转到新页面。
卡片上有 【图片/图标】和文字(带标题和正文)
不过很多超链接不在设计中明显。只有鼠标悬停时才会出现点击的提示。
如果是在移动端上阅读,就完全看不到这些提示,是因为没有手指悬停了操作,用户在手指触碰屏幕的那一刻,就点击了超链接。
TIPS
设计师要考虑功能可见性的提示,给用户操作提示后,他们就更容易正确使用物体。
避免给出错误的功能可见性提示。
设计触摸设备界面时,慎用悬停可见的提示。
pwd=rzmw 提取码:rzmw简介:设计师要懂心理学2出自国际知名的设计心理学专家之手,内容实用,示例清晰,以创造直观而又有吸引力的设计为宗旨,讨论了设计师必须知道的100个心理学问题,每个问题短小精悍,片刻即可读完,让人。
第 8 节 人可能会对变化视而不见
有没有看过著名的“大猩猩视频”。
大猩猩视频是“无意识盲”和“变化视盲”的一个例子,解释了一个现象:人经常对重大变化视而不见。
这一点在许多实验中都得到了展现,不过篮球场大猩猩实验是最著名的。
在2010年出版的《看不见的大猩猩》一书中,作者描述了使用眼动仪做的实验。
眼动追踪技术可以根据记录中央视觉而非周边世界的区域。
眼动研究显示,所有看视频的人都曾注视大猩猩处,也就是说都看到了大猩猩,但只有一半人意识到他们看到了大猩猩。
如果人把注意力集中在一件事物上,没有预期可能发生其他改变,就很容易忽略实际发生的变化。
眼动追踪技术我们追踪记录人员所见视线顺序和注视时间。
眼动跟踪数据有一定的误导性
1、眼动仪显示用户注视了那些东西,但并不意味着他们注意到了他们。
2、第二节的照片辨认实验告诉我们,周边视觉和中央视觉同样重要,而眼动仪仅能侦测中央视觉。
TIPS
如果你要保证用户注意页面的某处变化,应该增加视觉提示(闪烁)或听觉提示(哔的一声)。
对眼动跟踪数据进行分析要谨慎,别过于重视它,也别把它作为设计决策的主要依据。
第 9 节 人们认为相邻物体必然相关
TIPS
你如果希望读者认为某些图片、照片、标题文字是相关的,就将这些内容相邻放置。
如果想使用线或框分割内容,先尝试能否只调整间距就达到效果。这样还能使页面简洁。
无关内容间距要大,相关内容间距要小。听起来是常识,但很多网页布局忽视了这一点。
第 10 节 红蓝搭配难以阅读
TIPS
在同一页面内,避免使用红蓝或红绿搭配。
《设计师要懂心理学》百度网盘txt 最新全集下载 链接:提取码: xref
红色背景上不要使用蓝色或者绿色文字,蓝色背景上不要使用红色绿色文字。
第 11 节 9%男性和0.5%女性是色盲
与识别颜色相关的基因大多在 X 染色体 上,男性仅有一条,而女性有两条,因此色盲在男性中发病率更高。
“色盲”一词并不准确,因为多数色盲并不是完全无法分辨颜色。只是在辨别某几种颜色方面存在缺陷。众多不同类型的色盲中,最普遍的是红绿色盲,患者无法分辨红,黄和绿色。蓝黄色盲(无法分辨蓝色和黄)和全色盲(所有颜色看上去都是灰色的)很罕见。
无色盲
红绿色盲
蓝黄色盲
有一个设计方法
在使用颜色代表特定意义时,应当同时使用另一种区分方案。
例如同时使用颜色和线条粗细来代表不同内容。这样即使色盲者者无法辨认特定颜色,也能看懂图的含义。
还有一个设计方法
选择所有色盲都能识别的配色方案。
某网站的某周流感传播图。
该网站刻意采用了色觉正常的人和各种色盲患者都能正常识别的颜色。
因此这三幅图看起来几乎是一样的。
可以用网站检查色盲所见效果 coclorfilter.wickline.org
TIPS
设计时使用检查工具检查一下,看看色盲所见的效果如何。
如果使用颜色来代表特定含义(如红色代表需要紧急处理的东西),应该同时使用另一种区分方案(不但应该是为红色,还要在周围加上方框)。
设计配色方案时,请考虑使用所有人都能正常识别的颜色,如不同色度的褐色和黄色,避免使用红色,蓝色,绿色。
第 12 节 色彩含义因文化而异
西部出什么事了?
有人做了一张公司业务地区图,用不同颜色显示各区季度总收入。
黄色代表美国东部,绿色代表中部,红色代表西部。
销售总监放到这种彩图时。很多人倒抽一口气,开始紧张地交谈,台下一片嘈杂。
终于有人脱口而出:“西部到底出什么事了”?
销售总监说道:“什么意思?没事啊”。
对会计和财务人员而言红色是坏事,有亏欠的意思。
因此,演讲者只好解释,只是随机选用了红色而已。
色彩与情绪的研究
研究表明,色彩会影响情绪。餐饮酒店在这方面颇有研究。
例如在美国,橙色使人焦虑不安,因此顾客不会待久(对快餐店有用)。
褐色和蓝色使人平静,因此人们会长时间待在这里(对酒吧有用)。
但要想用某种色彩影响人的情绪,就必须让人在环境里充满这种颜色。对计算机用户而言,只是看到屏幕上有某种色彩达不到这种效果。
TIPS
谨慎形容颜色多考虑色彩,可能具有的含义。
为多国设计时,请找出你的设计可能涉及的几大文化和国家。并查看相关色彩的文化含义,避免出现不当的理解。
END