设计心理学之观察

1、人可能会对变化视而不见

如果人把注意力集中在一件事物上，没有预期可能发生其他改变，就很容易忽略实际发生的变化。

不要认为物体出现在屏幕上就一定会被用户看见，特别是刷新页面出现改变时，用户很可能完全意识不到页面前后的区别。

如果你要保证用户注意到界面上的某处改变，应该增加视觉提示（如使之闪烁）或听觉提示（如“哔”的一声）。

对眼动跟踪数据进行分析要谨慎，别过于重视它，也别把它作为设计决策的主要依据（眼动仪显示用户“注视”了哪些东西，但并不意味着他们“注意”到了它们；）

2、人们认为相邻物体必然相关

如果两个东西距离很近（比如一张照片紧邻一段文字），那么人们就会认为它们之间有联系。

你如果希望读者认为某些图片、照片、标题或文字是相关的，就将这些内容相邻放置。

如果想使用线或框分隔内容，先尝试能否只调整间距就达到效果。有时，调整间距足以划分内容，还能使页面具有简洁的视觉效果。

无关内容间距要大，相关内容间距要小。

3、红蓝搭配难以阅读

在呈现或印刷线条和文字时，不同的颜色会产生不同的立体效果。有的颜色似乎向外凸起，有的则向内凹陷。这种效果称为“色彩实体视觉”（chromostereopsis）。红蓝搭配的效果最为强烈，但其他颜色也有这种现象，比如红绿搭配，阅读这些颜色组合非常吃力。

所以，在同一页面内，避免使用红蓝或红绿搭配。

红色背景上不要使用蓝色或绿色文字，蓝色背景上不要使用红色或绿色文字。

4、9% 的男性和 0.5% 的女性是色盲

大多数色盲不是完全无法分辨颜色，只是在辨别某几种颜色方面存在缺陷。色盲多数是遗传的，也有些是疾病或受伤所致。与识别颜色有关的基因大多在 X 染色体上，男性仅有一条X 染色体，而女性有两条，因此色盲在男性中的发病率更高。

在众多不同类型的色盲中，最普遍的是红绿色盲，患者无法分辨红、黄和绿色。蓝黄色盲（无法分辨蓝色和黄色）和全色盲（所有颜色看上去都是灰色）的情况很罕见。

设计图片和网站时，用www.vischeck.com或者colorflter.wickline.org检查一下，看看色盲所见的效果如何。

如果使用颜色来代表特定含义（如绿色代表需要紧急处理的东西），应该同时使用另一种区分方案（需要紧急处理的东西不但应该设为绿色，还要在周围加上方框，可以同时使用颜色和线条粗细来代表不同内容，这样色盲者即使无法辨认特定颜色，也能看懂图的含义）。

设计配色方案时，要考虑使用所有人都能正常识别的颜色，如不同色度的褐色和黄色。避免使用红色、蓝色、绿色。

5.色彩含义因文化而异

色彩是具有联系和含义的。例如，红色代表赤字，即经济困难，也可以代表危险或停止；绿色代表金钱①或通行。所以选择颜色时要谨慎。当你为世界各地的人做设计时，还必须考虑颜色在其他文化中的含义。只有少数颜色是世界通用的（如金色在多数文化中都代表成功和优质），而大多数颜色在不同文化中有不同的含义。例如在美国，白色象征纯洁，用于婚礼，而在有些文化中，白色则用于死亡和葬礼。在不同国家和地区，代表幸福的颜色也不同，有可能是白色、绿色、黄色或者红色。

色彩会影响情绪。橙色使人焦虑不安，因此顾客不会呆久（这对快餐馆有用）；褐色和蓝色使人平静，因此人们会长时间呆在这里（对酒吧有用）。但要想用某种色彩影响人的情绪，必须让人所在的环境里充满了这种颜色。对计算机用户而言，只是看到屏幕上有某种色彩，则达不到这种效果。

谨慎选用颜色，多考虑色彩可能具有的含义。为多国设计时，请找出你的设计可能涉及的几大文化或国家，并在InformationIsBeautiful.net上查看相关色彩的文化含义，以避免出现不当的理解。

6.眼见非脑见

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

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

在黑暗处，余光看得更清楚。在视觉的中心区域，而视杆细胞则主要分布在外围。所以在弱光环境下，使用余光观察会比直视看得更清楚。

视错觉就是大脑错误解析视觉信息的现象。在下图中，左边的竖线看上去比右边的长，但其实两条线一样长。

一样长的竖线

人的视觉是二维而非三维

总之，别人在你的网站上看见的内容未必符合你的设想，他们的个人背景、文化水平、对眼前事物的熟悉度以及期待看到什么，都会影响他们的观察结果。

你可以设计物体的展示方式，引导别人注意特定的内容。

7.整体认知主要依靠周边视觉而非中央视觉

中央视觉用来直视事物观察细节，而周边视觉则展现视野中的其他区域，也就是人眼能看到的周边

区域。人对场景的认知似乎都来自周边视觉。

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

8.人在识别物体时会寻找规律

发现规律有助于快速处理时刻接收的感官信息。即使本无规律，人眼和大脑也会尝试创造规律，即大脑倾向于发现规律。

不同细胞会对不同形状产生反应。大脑视觉皮质中的细胞分工不同，分别只对横线、竖线、边线和特定角度的线作出反应。有研究表明，人观察物体时，会识别一些基本形状，并以此识别物体。

人想象某事物时，大脑视觉皮质比实际观察到该事物时更活跃。

所以，既然人会不由自主地寻找规律，那就尽量多使用规律，利用分组和间隔创造规律。

要让某个物体（例如图标）易于识别，就用简单的几何图形来画它。这会让构成物体的几何离子更明显，从而使人更快、更轻松地识别该物体。

多用二维元素，少用三维元素。大脑以二维形式接收人眼观察到的信息，因此屏幕上的三维图形可能会减慢识别和理解的速度。

9.大脑有专门识别人脸的区域

虽然大脑视觉皮质范围很大，而且占用了大量脑力资源，但在视觉皮质之外还有一处特殊区域，专门用来识别人脸，称为梭形脸部区（FFA，Fusiform Face Area）。

喜欢看脸是人的天性，研究表明，出生不到一小时的新生儿喜欢看有明显面部特征的东西。

自闭症患者观察和识别人脸时，不会使用梭形脸部区，而只能使用通常用于识别物体而非人脸的普通解析通路和视觉皮质。

我们会不由自主地看向别人的眼睛所看的方向。另外通过眼睛，能识别出真人假人。

所以，人在观看网页时，首先会对人脸作出识别和反应（至少没有自闭症的人都是如此）。在网页上直视用户的脸最具感染力，也许因为眼睛是面部最重要的部分。如果网页上的人眼看着旁边的位置或产品，那么人们往往也会看向同一处，但未必关注，只是看而已。

10.略微侧向俯视是想象物体的标准视角

人们从标准视角识别物体的速度总是最快的，即便平时未必总用标准视角看它们，所以标准视角的画像和物体更容易识别和记忆。

如果你的网页或程序里包含一些图标，那么不妨把它们画成标准视角的。

11.人根据经验和预期浏览屏幕

人们的阅读顺序就和语言文字习惯一致（无非是自左向右、自右向左或自上而下）。如果旁边出现一张大图（特别是有人脸的照片）或动的东西（动画广告或视频），这类内容就会引起他们

的注意，从而打破原先的阅读倾向。

另外，人们对想看的内容及其位置有先入为主的心智模型，预先设想了各内容在电脑屏幕和使用的

特定应用、网站上应该出现的位置，并且往往带着这样的心智模型看屏幕。比如，亚马逊购物网站的常客如果打算使用搜索功能，那么打开页面时就可能直接看向搜索栏的位置。

发生错误或问题时，人们会聚焦视野。如果完成任务的过程中发生了错误或意料之外的问题，人们会停止浏览屏幕上的其他内容，集中精力到问题所在的区域。

所以，最重要的信息（或希望用户关注的内容）要放在屏幕的上面三分之一部分，或放在屏幕中间。既然人们不看屏幕边缘，就不要把重要信息放在那儿。按照正常阅读顺序合理设计界面，避免让人来回跳着阅读内容。

12.物体会提示人应该如何使用

生活中，物体会提示其使用方法。例如，球形门把手的尺寸和形状暗示用户要握住并转动它；咖啡杯把手告诉用户要弯曲手指穿过把手来举起杯子；剪刀暗示用户用手指穿过环形手柄，通过手指的张合来控制剪刀。如果某个物体给用户错误的暗示，比如开始提到的门把手，就会让用户恼火。物体给用户的提示称为“功能可见性”（affordance）。

设计时要考虑功能可见性的提示。给用户操作提示后，他们就更容易正确使用物体。

用阴影来表现对象已选定或对象可用（设计网页或程序时，要多考虑屏幕上物体的功能可见性。例如，有没有想过怎样的按钮让人想要点击它？屏幕上带阴影边沿的按钮让人知道，它可以像真实的按钮一样按下去）。

避免给出错误的功能可见性提示（如门把本应该向外拉拉却提示像内推）。

设计触摸设备界面时，请慎用悬停可见的提示。