有效设计Dashboard的5个步骤

编辑导语：Dashboard即仪表盘，它可以为用户提供一个相对全局的概览，可以让数据可视化呈现。那么，在Dashboard设计中，应该遵循哪些原则和步骤呢？本篇文章里，作者总结了Dashboard设计的5个有效步骤，一起来看一下。

数据可视化一直是设计师的一项关键技能。我们将一些简单的事情视觉化，比如本周我们在咖啡上花了多少钱，或者这个月我们离减肥目标有多近。像这样的简单可视化可以作为图表插入到其他屏幕中，但是当数据更加复杂时，显示内容通常会变成Dashboard。（但也许更重要的是）究竟什么是Dashboard？

我听过一些有趣的答案，比如“任何带有图表的页面”，或者“用户构建自己UI的方法”，这些都有点极端，我个人最喜欢的是斯蒂芬·福（Stephen Few）的说法：

Dashboard（即仪表板），是实现一个或多个目标所需的最重要信息的可视化显示，它们整合并排列在同一屏幕上，这样信息就可以一目了然。

这个定义不仅抓住了Dashboard具有数据的可视化显示的特点，而且该视觉显示还具有明确的目标或价值。我看到的最常见的错误是，设计者们建立Dashboard的愿望是从做一个看起来不错并铺满页面的东西开始，然后再尝试将功能放上去。

一、为什么Dashboard很重要？

Dashboard的功能是帮助用户快速评估状态，并确定在响应时需要做什么。Dashboard的可用性实际上可以说是服务可用性的小幅度下降和影响业务底线的全面中断之间的区别。

在过去的四年中，我一直是VMware操作软件的设计负责人，在那里我为多个产品设定了设计方向，包括vRealize操作管理器，vRealize Log Insight 和 Wavefront by VMware 。每一个都包含某种自定义仪表板功能。我团队中的设计人员创建了Dashboard，帮助用户克服大规模且经常是无序数据的复杂性。

这些产品被软件开发人员和IT专业人员用来管理和操作世界上一些最重要的应用程序，对这些用户来说，分析数据所花的时间至关重要。

二、有效设计Dashboard的5个步骤

虽然我确信有许多不同的方法，但以下步骤反映了我通常如何处理已明确需要Dashboard的项目。当我在VMware设计Dashboard时，我发现这些步骤很有帮助，我希望其他人也觉得它们有用。

1. 明确用户及其目标

作为设计师，我们知道我们不是为自己设计软件，而是为用户设计软件。就像应用程序的其他部分一样，Dashboard应专注于满足用户需求。这意味着我们首先需要确定Dashboard是给谁用的。

打个比方，汽车的仪表板是围绕驾驶员所需的东西构建的。如果是为乘客而建的话，则发动机RPM之类的东西可能并不重要，但是无线广播在放哪个电台就变得至关重要。这是对特定用户来说重要的事情。

其次，我们需要了解他们在这种情况下的目的是什么。是驾驶员试图把车从A点开到B点，还是乘客试图为公路旅行选择合适的歌曲？每个设计决策都是一个选择，因此了解主要目标用户的意图将有助于您做出选择。

Photo courtesy of Createria via Unsplash

2. 选择正确的Dashboard类型

到目前为止，我一直在泛泛地提到Dashboard，但实际上Dashboard有许多形状和大小。根据我的经验，我将它们分为三种主要类型：

监控仪表板；
交互式分析仪表板；
导航仪表板。

1）监控仪表板

监控仪表板是最传统的仪表板风格。当被要求定义一辆汽车的仪表盘时，这很可能是大多数人最开始想到的，这是监视仪表板的好例子，它显示了用户应该经常看到的信息，并且一目了然。

它还假定由信息引起的潜在行动是在别处采取的。例如，如果显示已超速，您可能想要松开油门，如果超速太快，则可能需要踩刹车。

我们在VMware软件中看到的常见示例是在操作中心的大型共享监视器上显示的Dashboard。人们可以看到Dashboard，但没有人直接与之交互。它显示的是在其他地方执行的操作。

VMware的Wavefront-单值统计仪表板

2）交互式分析仪表板

近年来，交互式分析仪表板变得越来越普遍，它们的作用不是立即显示大量信息，而是以数据可视化的形式向用户提供工具，展示具体所需的信息。这通常是通过普通过滤器和选择器将图表连接在一起来实现的。

VReficationOperationManager–对VM分析仪表板进行故障排除

3）导航仪表板

中心辐射型导航模型中，导航仪表板充当一种“目录”，其中，中心页面指向详细信息页面。不同之处在于，每一个统计数据都代表着一些更广泛的信息元素，用户可以清楚地了解到，与哪些内容进行交互可获得更多信息。

VMware的Wavefront-仪表板到仪表板导航

这些分类不是固定的或孤立的仪表板类型。通常，仪表板具有多个特征。我看到的一种常见模式是，在监视器上和团队之间共享一个监视仪表板。监视的项目具有导航性，并允许团队成员向下钻取到单独的Dashboard，其中包含有关该项目的更多详细信息。在这种情况下，它既是监视仪表板又是导航仪表板。

3. 以正确的方式显示正确的数据

1）数据粒度

一旦您了解了用户、他们的目的和Dashboard类型，就可以将这些信息转换为一个或多个简单问题，用户可以在其中找到Dashboard的真实价值。

注意简单问题的范围，如果问题太宽泛，您可能会无法回答，或者需要大量的数据来准确地回答它；如果问题太窄，不太可能解决用户较大的目标。找到正确的问题来回答是Dashboard设计的艺术。

和大多数设计工作一样，它实际上是从研究开始的。找到正确的问题可能就像调查一些有代表性的用户一样简单，或者可能需要一些更深入的对话和语境询问。只有当您知道用户头脑中的问题时，您才会知道您是否确实有数据可以正确地回答它。

为了更好地理解用户目标，我们鼓励设计师讲述用户的故事并想象这个故事是如何在软件中流转的，其中就可能会找到用户需要回答的问题。如果产品能够帮助回答问题，仪表板可能是最好的机制，但是产品必须有正确的数据才能使答案有用。

如果您发现确实有数据，那就太好了！如果没有，那么您需要查看是否可以获取数据（有时也可通过合并已有数据来得到目标数据），或者是否可以仔细地将问题更改为可用数据能够回答的问题。

这一阶段的典型陷阱是，被所掌握的数据左右了正在创建的Dashboard内容。一个API公开了20个独特指标，并不意味着应该显示20个图表。重在用户，而不是数据！

2）时间与比较

数据会随时间变化，这就是为什么它很有趣。它发生变化的事实提供了第一类比较，即可视化随时间而变化。

假设时间变化很有趣，我们需要考虑正确的显示机制：

它与时间有何关系？当前状态是唯一重要的吗？如果是，那也许单一指标或量表是显示它的正确方法。

过去的趋势重要吗？如果重要，那您可以考虑将该单一统计信息与一条简单的火花线配对以显示趋势。

火花线是否足够保真，还是需要在准确的时间查看准确的值？如果是这样，则最好使用带有清晰轴标签的折线图。

从单一指标到火花线到折线图

但是时间并不是唯一的比较基准。有时，将多个来源相互比较同样很有意义，正确的答案可能就像两个并排的单一统计数据一样简单。

如果有两个以上的来源，可使用条形图或柱状图将值彼此比较，或是使用饼图将单个值与总值进行比较。如果时间和多来源比较这两者都很重要，那使用堆积面积图是不错的选择。

从条形图到饼图到堆积面积图

4. 按部就班地组织起来

通常，我们会使用多个图表来回答多个问题，那么如何将它们排布在Dashboard上呢？

回到已经确定的问题，它们通常可以形成一个层次结构。

想象一下，您正在为私人教练设计一个Dashboard，用来跟踪其客户的健身进度。第一个问题可能是了解客户是否达到了每月目标。如果答案为“否”，那么教练会想要知道这是由于锻炼的方向错了，还是客户的”Cheating Day”趋势在“突飞猛进”。通过组织问题，您可以从逻辑上对小部件进行分组，以便最好地回答问题。

在排列图表时，请考虑：