5个仪表板设计最佳实践

由 Charles Mahler / 用例， 开发者
2022年1月6日

本文最初发表在 The New Stack，并在此处获得授权重新发布。

在日益数据驱动的世界中，总结和展示数据，同时使其易于理解和操作的能力比以往任何时候都更加重要。

仪表板出现在各种软件中，其设计方法各异。尽管它们在外观和信息显示上存在差异，但在概念层面上，所有仪表板都具有相同的目标和目的。设计良好的仪表板目的是整合实现特定目标所需的所有信息。目标是什么将对仪表板的设计产生最大影响。

在本篇文章中，您将了解许多在设计和可视化软件应用中数据仪表板时非常有用的最佳实践和设计原则。

以用户为中心的设计

在构建和设计仪表板时，用户必须放在首位。如果不考虑谁将使用仪表板以及他们的目标是什么，您真的无法设计出一个优秀的仪表板。

您应该问的一些问题是

1. 仪表板的目标用户是谁？
2. 他们的目标是什么？
3. 他们将会使用什么类型的数据？
4. 用户需要多少细节？
5. 将使用什么设备访问仪表板？

最终，创建仪表板唯一的原因是为用户提供价值。仪表板的价值在于使数据更容易理解，以便用户可以采取行动；否则，人们只会选择查看电子表格中的原始数据。

作为设计师或开发者，这可能很难听，但在仪表板中可视化数据时，实用性应该是您的首要任务。

仪表板类型

仪表板有很多种类，但可以大致分为三类。在构建仪表板时，考虑您的仪表板将适合哪一类可能会有所帮助，这样您可以思考哪些类型的数据可视化最适合您特定的数据类型和仪表板。

运营仪表板

运营仪表板的目的是为用户提供当前的概览。这些仪表板通常具有实时或接近实时的更新显示，以便用户可以快速对数据变化做出反应。一个典型的运营仪表板用例可能是软件监控，仪表板用户希望快速了解是否有问题发生。

等待一个小时图表更新是不可能的。运营仪表板应该相对简单，以便用户可以快速了解发生了什么。

分析仪表板

分析仪表板允许用户在更长的时线上分析趋势，以推动业务决策。这些仪表板的数据不太敏感，不会需要快速行动。这类仪表板应使用户能够轻松钻取并深入研究任何引起他们注意的数据。

战略仪表板

战略仪表板是一种更高层次的仪表板，旨在进行长期规划。它们可能用于跟踪长期公司战略和行业趋势的结果。该仪表板的目标是让高管能够快速了解主题，而无需深入了解细节。

仪表板设计的基本原则

在本节中，您将了解一些基本的设计原则，在设计仪表板时您希望记住这些原则。

色彩设计

色彩是引导观众注意力的好方法。与其使用大量鲜艳的颜色，不如采用简约的方法。使用对比色或醒目的颜色来强调您希望吸引注意力的元素。

考虑到人们已经与某些颜色相关联的事物，这也是一个好主意。如果你正在构建一个监控某些内容并具有某种状态值的操作仪表板，你可以将其设置为绿色表示一切正常，红色表示存在问题。直观的色彩渐变可以用来显示数据范围，并立即让观众了解数据所表达的内容。考虑到这一点，你可能不想使用红色和绿色等颜色来显示类别，因为人们可能会自动将显示为红色的类别与不好的事物联系起来。

移除不必要的元素

从设计角度来看，任何不传达有用信息的东西都应该被移除。例如，图表网格或装饰等不增加价值的东西就是典型的例子。这也可以包括那些看起来很酷但实际对仪表板没有太多贡献的东西，比如一个量表图表，其中简单的数值就能提供用户所需的信息，同时占用更少的空间。

如果你犹豫不决，你可能应该谨慎行事，如果某物没有增加任何功能性价值，就应该移除它。空间是仪表板中宝贵的商品，因此你不希望浪费任何空间在仅仅为了看起来漂亮的东西上。

比例的使用

使用比例和相对尺寸来显示数据差异是使数据更易于观众快速理解的一种方法。例如，气泡图表、面积图表或桑基图可以用来直观地显示一眼就能理解的不同之处。

不要扭曲现实

仪表板的目的在于有效地传达信息，以便用户能够做出更好的决策。这意味着你不应该试图误导人们或引导他们做出某种决策。修改单位或垂直刻度，使变化看起来比实际上更大，可能会造成混淆并分散你试图传达的数据。

这甚至可能在不经意间通过使用错误类型的图表来显示信息而实现。例如，使用3D饼图，其旋转方式可能使某些部分看起来比实际上更大。相反，一个更好的选择是使用简单的柱状图，它被误解的风险更小。

仪表板设计最佳实践

在本节中，你将了解一些更具体、可操作的最佳实践，你可以实施这些最佳实践来改进你的仪表板。

1. 信息层次

你在仪表板上显示的信息应该是有逻辑组织的。许多用户研究显示，人们在查看页面时会以F形模式阅读，仪表板的最左上角得到最多的关注，而最右下角得到的最少关注。这意味着最重要数据和洞察力应该位于仪表板顶部左侧，这样就有最好的机会吸引用户的注意。

仪表板的其余部分应根据优先级显示。主要部分下方应该是辅助细节或趋势。下面可以提供数据表或更具体的信息。

整个应用程序的信息层次也很重要。如果用户想要深入了解仪表板某个部分的详细信息，他们应该能够轻松导航到一个新页面或包含该数据的仪表板。

2. 一致的布局

为仪表板保持一致的布局有助于用户更有效率地工作，并轻松获得所需信息，而不感到沮丧。这适用于仪表板本身的布局以及仪表板中包含的图表。每个图表的标签、图例、轴、样式和工具都应该位于相同的位置。

一个好的例子就是为销售代表提供一个客户账户的快速概览仪表盘。理想情况下，仪表盘的布局对所有客户来说都是一样的，这样即使销售代表刚刚被调到某个账户，也能快速了解公司情况。

3. 提供上下文

使用仪表盘的人不应该被迫猜测或做出假设。这意味着你需要确保图表有标题，甚至可能有副标题来解释它们显示的内容。提供图例和标签，让观看者知道数据代表什么。

使用交互式元素，例如当用户悬停在数据点上时显示的工具提示，是一种在不使图表显得杂乱的情况下提供更多上下文的好方法。用户只有在需要时才会看到额外的信息。

4. 5秒规则

仪表盘的一个常见规则是，用户应该在5秒内找到他们需要的任何东西。如果不是这样，有几个选项可以解决这个问题。第一个选项是删除与仪表盘核心目标无关的任何图表，以减少杂乱。第二个选项是通过将不同的图表分组到相关的部分，并添加标签和标题，更好地组织仪表盘，使用户能够找到他们想要的东西，而不会迷失方向。如果对这些更改后仪表盘仍然显得过于复杂，你可能需要将其分解成多个不同的仪表盘，每个仪表盘都更加专注。

5. 性能

在设计仪表盘时，人们往往不会考虑仪表盘的实际性能。即使你在设计方面做得一切都正确，如果性能在加载速度等方面非常糟糕，最终用户会讨厌它。如果你知道许多用户将从移动设备查看你的应用程序，你必须考虑到带宽和数据费用可能出现的问题。这可能会导致你改变最初加载数据的方式，或者决定在仪表盘中包含哪些类型的功能。

另一个例子可能是没有对大型数据集进行适当的仪表盘测试。小型测试数据集可能运行良好，但现实世界的数据集可能会使仪表盘变得非常缓慢。

你的仪表盘的基础

如果你在创建仪表盘时记住这篇文章中学到的信息，你将有一个相当好的基础开始。你永远不可能在第一次尝试就完美。出色的仪表盘设计的关键是有一个迭代过程，你不断地从用户那里获得反馈，然后根据反馈改进你的仪表盘。