如何利用格式塔法则更好地实现数据可视化

如何利用格式塔法则更好地实现数据可视化人们喜欢秩序。我们喜欢理解周围的世界。人类大脑对所见物体的理解能力可以用一种理论来解释格式塔心理学。格式塔心理学,也被称为形态论是一套解释我们如何从所见事物中感知或凭直觉得出模式和结论的法则。

这些法则可以帮助设计师做出更好的设计。例如:

在本指南中,我们将讨论如何应用格式塔的原则来创建更好的图表、图形和数据可视化图形。有关格式塔法则更广泛的实现技巧,请阅读设计中的格式塔原则

简介

格式塔法则起源于心理学领域。

然而,今天,这套法则在许多学科和行业中都有应用,比如设计、语言学、音乐学、建筑、视觉传达等等。这些定律为我们提供了一个解释人类知觉如何运作的框架。在制图和制图的范围内理解和应用这些法则数据可视化可以帮助我们的用户快速有效地识别重要的模式。

格式塔定律中没有一个是单独起作用的,在任何给定的场景中,您都可以发现其中两个或多个定律的相互作用。让我们讨论一些与增强数据可视化图形相关的格式塔定律。

格式塔定律Prägnanz

Prägnanz的法则是完形的中心法则。Pragnanz是一个德语单词,意思是“简洁”。简练是一种简洁且充满意义/实质的行为。

Prägnanz定律指出人脑喜欢简单它倾向于处理简单的图案——规则的、均匀的、有序的图案——比更复杂的图案更快。假设您想从“销售人员销售额”图表中确定本季度业绩最好的人员。看看下面的两张图表,哪一张更容易使用:数据杂乱无章的(左),或者数据从高到低排序的(右):教训:利用一切机会,合理、系统地安排数据。

格式塔连续性法则

连续性法则指出,我们的眼睛本能地将存在的事物进行分组彼此对齐。让我们回到“销售人员销售”图表的例子。

在下面的左图中,出现了突然的方向变化。在下面的图表中,眼睛沿着一条连续的路径移动;由于连续向下的方向,它使整个图表更具可读性。教训:线性对齐元素,以方便比较相关分组中的不同项。

格式塔相似法则

格式塔法则认为,具有相似特征的物体——相似的颜色、相似的形状、相似的大小、相似的方向等等。

-被视为一个群体。让我们看看如何将其应用到“销售人员销售”图表示例中。我们可以很容易地在第一张图表中找到表现最好的,因为我们使用了Prägnanz法则和Continuity法则。

但是,我们可以改进设计通过使用格式塔相似法则。在右边的图表中,我们把柱状图都做成了相同的颜色——它们都是相同的浅蓝色。给它们相同的颜色可以去除额外的认知负荷在左边的图表中使用了不同的颜色,这使得我们更容易比较和找到感兴趣的点。

请注意下面的多层次饼图如何使用颜色对相关实体进行分组,并将它们与其他分组区分开来:教训:使用相似的特征和属性(颜色、大小、形状等)来建立对象之间的关系并加强分组。

焦点的格式塔法则

相似法则的倒数是什么?焦点定律。焦点定律指出,在视觉展示中,独特的物体可以创造一个焦点。焦点从其他物体中脱颖而出,吸引用户的注意力,并说服他以焦点为探索的起点进一步深入到演示中。

让我们再次回到“销售人员销售”图表的例子。(你现在可能已经厌倦了这个图表!)假设,出于某种原因,您希望突出显示James(图表中代表的销售人员)。也许你想强调詹姆斯的表现,因为他是你员工会议上的话题。

或者是因为,与我们图表中的其他销售人员相比,他做得非常好,因为他一个月前才开始工作,他已经是我们的前三名了。(詹姆斯,干得好!)通过改变James的柱状图颜色,看看你的眼睛是如何立即被他的柱状图吸引的,即使在他的柱状图之前还有另外两个表现最好的人:在右边的图表中,James的柱状图因其独特的颜色而脱颖而出——它使James的柱状图成为图表的焦点。教训:使用区分的艺术在图形和图表中突出显示和创建焦点。

格式塔接近定律

这条定律指出相互靠近放置的物体被视为一组。我们很容易进行比较,并在这些群体中寻找相似之处。

相距较远的物体被视为不相关或不相关。让我们来看看接近定律的作用。在下表中,“北部”、“南部”、“东部”和“西部”地区的销售额组成了4个不同的组:“第一季度”、“第二季度”、“第三季度”和“第四季度”。比较每个地区在一个季度内的销售额是很容易的(这是我们根据邻近性法则分组),因为它们彼此接近。但是试着比较“北方”地区(蓝色柱状图)四个季度的销售情况。很难吧?

让我们使用接近定律来修改我们的图表:现在,使用修改后的图表,试着找到并比较“北方”地区(和其他地区)在各个季度的销售情况。现在应该更容易了。教训:知道你的星座想要关注什么。

通过根据您建立的信息优先级对这些数据点进行分组,使它们彼此接近。

同构对应的格式塔定律

这一定律指出,人们对图像的解释和反应根据他们过去的经验。例如,这个定律解释了为什么要坚持完善的用户界面惯例,比如blue-and-underlined超链接在网页上,是有效的。该法则在数据可视化领域的一个应用是为图表选择颜色。例如,许多文化与民族联想到颜色红色的“危险”或“停止”,和绿色用“生长”或“自然”。当创建具有积极/消极含义的图表(例如利润/亏损图表和收入图表)时,您可以相应地对图表进行颜色编码绿色对于正的和红色的为负。(这是商业世界中流行的图表惯例,人们已经习惯了。)在下面的“总收入”图中,请注意,由于柱状图使用的颜色,用户很快就会意识到,两个月的收入都低于目标收入,而对该图的检查很少。

教训:记住你的用户和他们的先入为主的观念和过去的经验;如果可能的话,坚持流行的惯例和最佳实践。

图/地的格式塔法则

该定律指出,图形的对象要么被视为数据(不同的焦点元素)或地面(这些数字所依赖的背景)。前景对象很重要。背景对象不那么重要。

Web设计师应该已经熟悉图/基础定律的概念。人物与地面的对比越大,就越容易区分这两类物体。下面,你觉得哪个图表更有可读性?

由于左侧图表中的图形和背景之间的对比度较低,因此有额外的认知负荷。增加对比度(如右图所示)可以提高可读性。教训:确保你的人物和地面之间有足够的对比。

共同命运的格式塔法则

该定律指出,当直线或形状一起朝同一个方向前进在美国,他们创造了一种团结感,表明了一种关系。

他们有着共同的命运。另一方面,当线条或形状向不同的方向移动时,它们被认为是不相关或不太相关的。下面,在左边的图表中,“产品A”和“产品B”的数据图似乎移动在一起,便于分组。

在右边的图表中,“产品C”的图形正在向不同的方向移动,因此“产品C”被认为是不同的和不相关的。教训:利用方向和/或移动来建立或否定关系。

总结

总结一下我们可以从这些格式塔法则中得到的教训:

  1. Prägnanz定律:保持简单。尽可能合理地安排数据。
  2. 连续性定律:将对象排成一行,便于分组和比较。
  3. 相似法则:利用相似的特征(颜色、大小、形状等)来建立关系,并鼓励对物体进行分组。
  4. 焦点定律:使用独特的特征(如不同的颜色或不同的形状)来突出和创建焦点。
  5. 接近定律:了解图表的信息优先级是什么,然后通过接近度来创建支持该优先级的分组。
  6. 同构对应定律:记住你的用户和他们先入为主的想法和体验。

    坚持公认的惯例和最佳实践。

  7. 图/地定律:确保前景和背景之间有足够的对比,这样图表和图表更容易读懂。
  8. 共同命运法则:利用方向和/或移动来建立或否定关系。

了解更多关于将格式塔应用于设计

注意:本指南中的图表和图形是使用FusionCharts Suite XT

相关内容

WebFX职业

加入我们的使命,为全球各地的企业提供行业领先的数字营销服务-同时建立您的个人知识和个人成长。

我们招聘!
查看30+职位空缺!