数据可视化的认知心理学基础:为什么有些图表看一眼就懂有些看五分钟还懵
一、数据可视化的核心不是「好看」,是「快懂」
数据可视化工具(ECharts和Tableau和PowerBI和Superset)让「做一个漂亮的图表」的门槛降低到了几乎为零——选一个模板、拖入数据、调整颜色和字体——一个看起来很专业的图表就出来了。但一个「看起来漂亮」的图表和一个「高效传达信息」的图表之间存在巨大的鸿沟——这个鸿沟不是技术能力的差距,而是「对人类视觉认知系统理解程度」的差距。
1.1 前注意加工:人类视觉系统在200毫秒内完成的事情
认知心理学研究发现:人类视觉系统在处理一张图表时,在「前200毫秒」(前注意加工阶段)就能完成对颜色和大小和空间位置和方向等基本视觉属性的「并行自动检测」——不需要刻意「看」,大脑已经完成了。这个发现对数据可视化的启示是:你应该把最重要的信息放在「前注意加工」能自动捕获的视觉属性上。举例:用颜色(红色)标注「异常值」——观众在还没开始「读图表」之前就已经自动注意到「那里有一块红色的东西」了。用长度(柱子的高度)表示「对比关系」——人类对长度的比较是前注意加工阶段的「本能」。而用角度(饼图中的扇区角度)表示对比关系——人类在角度比较上是「后注意加工」——需要刻意地「看看这个扇区比那个大多少」——效率远低于长度比较。这就是为什么「饼图不适合展示超过3个类别的对比」在可视化圈是铁律。
1.2 格式塔原则:图表布局中的「视觉组织法则」
格式塔心理学(Gestalt Psychology)提出了人类视觉组织信息的六条基本原则——这些原则直接指导了数据可视化的布局设计。邻近原则(Proximity):空间上靠近的元素被大脑自动归为一组。在图表中使用这个原则:将属于同一个「分析维度」的多个图表放在同一个区域中(如「营收趋势」和「利润趋势」两张图上下排列在同一页面的左半边)——观众不需要思考「这两张图之间有关系吗」——大脑已经自动把他们视为一组了。相似原则(Similarity):颜色和形状和大小相似的视觉元素会被自动关联。使用这个原则:如果同一个数据系列在两个不同的图表中——用相同的颜色表示它(如「华东区的销售额」在所有图表中都使用蓝色)。连接原则(Connectedness):被线条连接的元素被视为同组——折线图就是利用了这个原则:即使各个数据点之间距离较远,连接它们的线段自动在观众脑中建立了「趋势」的概念。
二、「用最少的视觉元素传达最多的数据信息」
数据可视化大师Edward Tufte提出了「数据墨水比(Data-Ink Ratio)」——一张图表中用于「展示数据」的墨水占所有墨水(数据墨水加装饰墨水如网格线和背景色和边框和多余的标签)的比例。高数据墨水比=去除一切非数据元素(3D效果是最臭名昭著的「装饰墨水」——柱状图的3D效果不仅没有增加信息量反而让柱子的高度难以精确比较)。高数据墨水比≠图表简陋——一个设计精良的散点图可以同时表达X轴维度、Y轴维度、点的大小(第三个维度)、点的颜色(第四个维度)和点的形状(第五个维度)——浓缩了五个维度的信息在一个二维平面上。经典案例:Hans Rosling的「Gapminder(气泡图)」——X轴=人均收入、Y轴=预期寿命、气泡大小=人口、颜色=大洲——一帧画面让观众同时看到四个维度,且趋势(气泡随时间向右上方移动)一目了然——这就是「高数据密度加高可理解性」的完美结合。
三、总结
数据可视化的第一性原理:「你的图表被观众看到的前200毫秒,他们的大脑已经做出了'这张图表值不值得继续看下去'的判断」。在那200毫秒里,你的颜色选择和图表的群体位置和图表的简洁程度在「前注意加工」阶段决定了这张图表的命运。图表不是「让数据更好看」——是「让数据更快地进入观众的大脑」。