可视化的心理学
与设计基础
人类视觉系统具有强大的并行处理能力,可以在毫秒级别捕获颜色、形状、运动等视觉特征。理解视觉感知的心理学原理,掌握视觉变量与映射规则,是设计高效可视化的基石。
可视化的视觉生理基础
人类视觉系统是大自然最精密的信息处理器之一。视网膜上分布着两类感光细胞:锥状细胞(Cones)负责明视觉和颜色感知,集中于中央凹(fovea),约 600~700 万个;杆状细胞(Rods)负责暗视觉和周边视觉,约 1.2 亿个。
视觉信息从视网膜出发,经过视神经传输到大脑视觉皮层,进行并行处理。不同的视觉属性(颜色、形状、运动、深度)由不同的神经通路同时处理,这就是可视化能够高效传递信息的生理基础。
三种类型分别对红、绿、蓝光敏感。负责颜色视觉和高分辨率的细节识别,主要在明亮环境下工作。
对光线极为敏感,负责暗环境视觉和运动检测。分布于视网膜周边,无法区分颜色。
小测验:3.1 视觉生理基础
+20 XP视觉感知的心理学研究
视觉感知心理学研究人类如何从视觉刺激中提取信息。其核心发现对可视化设计有着深远的指导意义:前注意加工让我们能快速发现视觉异常,格式塔法则指导我们组织视觉元素,而视觉错觉则提醒我们设计中需要避免的陷阱。
前注意加工(Pre-attentive Processing)指人类视觉系统在注意力介入之前就能自动、并行地完成的信息处理。这种处理在250毫秒以内完成,无需有意识地搜索。
前注意特征包括:颜色(色调、亮度)、形状(朝向、大小、曲率)、运动(闪烁、方向)和空间位置。当目标与干扰项仅在一个前注意特征上不同时,搜索是瞬时的;但如果需要两个或以上特征的组合才能区分("连接搜索"),搜索时间就会随元素数量线性增长。
点击"开始"按钮,找到不同的那个元素并点击它。对比前注意搜索(单特征差异)和连接搜索(多特征组合)的速度差异。
小测验:3.2 视觉感知心理学
+20 XP视觉错觉揭示了人类视觉系统的局限性。在可视化设计中,了解这些错觉有助于避免无意中误导读者。常见的视觉错觉包括:
缪勒-莱尔错觉(Muller-Lyer Illusion):两条等长的线段,箭头朝外的看起来更长,箭头朝内的看起来更短。这提醒我们在条形图中避免使用装饰性箭头。
艾宾浩斯错觉(Ebbinghaus Illusion):被大圆包围的中心圆看起来比被小圆包围的中心圆更小,即使两者实际大小相同。这警示我们上下文环境会影响大小的感知。
格式塔法则(Gestalt Principles)描述了人类如何将视觉元素组织成有意义的整体。这些法则对可视化设计至关重要:
点击不同的法则,观察相同的元素如何因为排列方式而产生不同的视觉分组。
| 格式塔法则 | 含义 | 可视化应用 |
|---|---|---|
| 接近法则 | 距离相近的元素被感知为一组 | 用间距区分数据分组,如分组柱状图 |
| 相似法则 | 外观相似的元素被感知为一组 | 用颜色/形状编码类别,如散点图着色 |
| 连续法则 | 沿连续路径排列的元素被感知为整体 | 折线图的趋势感知 |
| 闭合法则 | 倾向于将不完整形状补全 | 面积图、饼图的区域感知 |
| 图形-背景 | 自动区分前景与背景 | 高亮选中数据,弱化背景 |
小测验:3.2.3 格式塔法则
+20 XP可视化视觉变量
法国制图学家 Jacques Bertin 在 1967 年提出了七个基本视觉变量:位置(Position)、大小(Size)、形状(Shape)、明度(Value)、色调(Hue)、方向(Orientation)、纹理(Texture)。这些变量是信息可视化编码的基石。
点击下方卡片,切换不同视觉变量来编码同一组数据(5个城市的人口),对比不同编码方式的直觉效果。
Position
Size
Hue
Value
Shape
Orientation
Texture
随着技术发展,新的视觉变量不断被引入:动画(animation)可表示时间变化,透明度(transparency)可叠加多层信息,模糊(blur)可区分焦点与背景。这些新变量极大地丰富了可视化的表达能力。
小测验:3.3 视觉变量
+20 XP可视化视觉映射
视觉映射是将数据属性映射到视觉变量的过程,是可视化设计的核心。好的视觉映射需要遵循四个原则:
表达性(Expressiveness)要求视觉映射完整且精确地传达数据信息;有效性(Effectiveness)要求利用最有效的视觉通道。
遵循人眼从左到右、从上到下的阅读习惯,合理安排视觉元素的布局和信息层次。
根据 Stevens 的幂定律,不同视觉通道对数值变化的感知遵循不同的幂指数关系。
适度的装饰(chart junk)可以提高记忆度和吸引力,但不能损害数据的准确传达。
选择如何将数据属性映射到视觉变量。尝试不同组合,观察可视化效果的变化,找出最有效的映射方案。
小测验:3.4 视觉映射
+20 XP可视化设计的评估
在设计之前,可以通过启发式评估(Heuristic Evaluation)和认知走查(Cognitive Walkthrough)来预判设计的可用性问题。启发式评估依赖专家经验,基于一组设计原则对可视化进行系统检查。
设计完成后,通过受控实验来客观评估可视化的有效性。典型的评估指标包括:任务完成时间、准确率、错误率和用户满意度。实验设计需要控制变量、随机分组、统计检验等科学方法论。
小测验:3.5 设计评估
+20 XP互动闯关:视觉心理学挑战
通过趣味游戏巩固所学知识,在挑战中加深理解!完成每个游戏可获得额外 XP 奖励。
在最短时间内找到并点击不同的那个元素!共 5 轮,每轮使用不同的前注意特征。
观察图案,判断它展示了哪个格式塔法则。共 5 轮!
将数据类型与最适合的视觉变量配对。先点击左边的数据类型卡片,再点击右边的视觉变量。