返回数据提示页面

仪表板元素5:空格

策略

这是我最喜欢的Tableau仪表板元素的五部分系列中的最终帖子。对于早期的分期付款,请参阅 当前与比较索引标注, 参数化散点图, 具有数据状态警报的签名行 , 和 全局过滤器选项卡.

我将分享的下一个最喜欢的仪表板元素有点不那么有形,因为 - 好吧—它是无形的。我在谈论白色空间或负面空间;一个重要的设计元素,应该在数据可视化的上下文中考虑。虽然白色空间没有墨水,但它的使用可以制造或打破您的工作如何被察觉和使用。

白色空间提供了(1)帮助您作为仪表板作者的优先级内容,(2)帮助您的最终用户在分析期间关注他们的注意,(3)添加一些专业的设计抛光,将自行借给您的可信度观众。这篇文章将向您展示三种不同的策略来改善Tableau仪表板中的空白空间。


相关视频教程:

Premier Tableau Elearning. 来自PlayFair数据电视


 

数据可视化中的白色空间是多少?

在我分享我的三个策略之前在Tableau仪表板上实施空白空间,请查看此示例以帮助了解此负面空间可以制作的差异。在第一个图像中,我使用默认的间隔,填充和布局。

Tableau KPI仪表板有默认的白色空间

请注意,这可能更糟糕,因为我在日期标题中留下了良好的间隔导航按钮和居中文本。 Tableau还试图帮助您使用这方面我们讨论的设计方面,因为默认情况下,它会在垂直布局容器周围添加四个填充填充,该容器围绕每个KPI相关的单个纸张。

尽管如此,你还可以看到这不是理想的。物体太靠近;如果您应该左右或从上到下阅读,那就不清楚了;看到有按钮进入更深层次的分析并不容易。一般来说,这看起来像一个大的东西,我不确定我是否相信仪表板的作者或其底层数据。以下是实现我即将分享的三个策略后的相同视图:

Tableau KPI仪表板有所实施的白色空间

这个仪表板具有完全相同的元素,但设计更好,更易于消耗。两者之间的唯一区别是空白空间。

 

提前绘制仪表板尺寸

在我看来,确保仪表板具有良好布局的最佳方式,该布局包含空格,是提前绘制仪表板尺寸。例如,如果我知道上图所示的仪表板总体上为1024像素,则包含三个布局容器,并且我希望它们之间的每个对象都有25个像素,我会做数学来弄清楚每一个这三个布局容器应该是。布局是:

[25px白色空间] [容器1] [[25px白色空间] [容器2] [25px白色空间] [容器3] [25px白色空间]

所以我知道水平空间共有100个像素。我会从整体仪表板宽度中减去那种量,这让我带有924像素的三个容器。然后我将划分三个数字,这告诉我每个布局容器应该是308像素宽。以下是所有仪表板元素可能看的草图:

在纸上勾勒出Tableau仪表板尺寸

我真的做了这样的事情;无论是在笔记本上还是在白板上。一旦我用仪表板维度与仪表尺寸有草图,就很容易向视图添加对象并使用布局窗格更改它们的精确尺寸:

使用Tableau布局窗格更改仪表板对象尺寸

 

利用布局窗格上的填充选项

我提到Tableau自动增加仪表板对象周围的四个填充像素,但您可以通过单击任何仪表板对象,单击仪表板界面的左上角的“布局”选项卡,然后更新“外填充” “和/或”内部填充“。

Tableau仪表板布局窗格的外填充和内填充物

我开始勾勒出仪表板尺寸,到达Tableau 8.0,它引入了“自由形式仪表板设计”,或使用瓷砖和浮动对象的能力。当时,这是完全自定义整个仪表板的空白空间的唯一方法,但随着它的变化 在Tableau 10.4中引入物体填充物.

我必须在布局窗格上的许多相同格式选项之前手动创建的相同格式选项。在添加此功能之前,我牢牢依靠“团队浮动”,但最近我一直倾向于“团队杂交”。我经常会制作浮动布局容器,但这些容器中的物体是平铺的。然后,我添加填充以创建所需的空格。

 

使用空白仪表板对象

如果您还在“团队铺扎”上,我将与启动它的白色空间对象关闭:空白。您可以添加空白对象–哪些什么都不做,但在瓷砖物体之间添加空白–通过将空白对象从仪表板窗格从仪表板拖到仪表板上。请参阅下面的销售容器,看看这看起来像:

将空白对象添加到Tableau仪表板

这种方法的一个缺点是您无法精确控制空白对象的大小。您可以调整它的大小,但您没有与浮动对象的相同像素级精度。这是我在团队浮动和现在团队混合的另一个原因。

考虑到Tableau Dashboards的白色空间将有助于您的工作并以专业方式传达您的洞察力,以适用的方式。

谢谢阅读,
– Ryan