BI 仪表板/数据可视化大屏最全面的设计流程梳理

最近不知道大家有没有听到过 “有效沟通” 这个词 。

有效沟通是指成功把某一信息传递给沟通对象，沟通对象能够做出预期中回应的整个过程。

其实 BI 看板的设计也是一个建立沟通渠道和方式的过程。我们设计 BI 看板/仪表板的目的也是为了传递信息，通过数据的可视化语言与使用者/观者进行沟通，因此在设计 BI 看板/仪表板的整个过程中我们也要随时自查，我们设计的 BI 看板/仪表板是否传达了有效信息，是否有效传达了信息。其实随着人类采集、存储和处理信息能力的增强，大量数据充斥着我们的生活，因此人类对于可视化掌控力的需求也越强。

那么数据可视化到底是个啥呢？结合我们实际的生活与工作来说，数据可视化是一种以图形符号为主要视觉表现形式，将不可见的、抽象的、复杂的、枯燥的、专业的、不直观的数据内容，有效的、简单易懂的传递给用户的有效手段。

用户可以通过这样的手段完成自己的目标，解决工作中和生活中遇到的问题。用户的期望是能够清晰、直观的看到所需的数据，并且能够简单、高效地完成数据的查询、对比、关联、分析等一系列交互，从而提升自己的工作效率。也可以降低工作中的团队沟通成本、信息识别成本、数据分析成本。所以，一个有效的 BI 看板/仪表板，从某种意义上来说是用户使用某个 BI 看板/仪表板的过程中，他的每一个小期待都是被满足的，从而达到为用户解决问题的目的。

下面介绍一种 BI 看板/仪表板的思路流程，帮助大家可以更好的设计出来一个有效的 BI 看板/仪表板。

仪表板设计流程：1、明确需求；2、筛选数据；3、确定图表；4、排版布局；5、设计看板。

下面我们依次来说一下每个流程要干什么？

 

1、明确需求

关键词：换位思考

第一步是需求分析阶段，我们大多数设计的 BI 看板/仪表板都是供他人使用，所以设计仪表板的设计者在此就要需要转换角色，身份由设计者转换为使用者。设计者是否能够找到并理解读者或使用者的视角，这是 BI 看板/仪表板设计最重要的一点。

换位思考，就是思考仪表板的使用人员的使用目的，使用者及目标用户的特点和关注焦点是什么，从而确定仪表板主题，确定所需要的数据。当设计视角与使用者的视角一致时，才能设计到使用者的心坎里，才是“有效设计”。也就是说 BI 看板设计人员首先需要想清楚仪表板展示的内容动线，需要给观者讲述什么故事，达到什么目的。

在这一部分我们需要确定设计 BI 看板/仪表板的业务主题和与业务主题相关的数据指标。

 

2、筛选数据

关键词：杜绝既要又要

大多数情况在梳理业务指标的时候可能会梳理出很多指标。这个时候就要做数据筛选了，并不能一股脑儿全部摆上去。我们并不是一个无情的数据排列机器，要基于用户的使用角度来进行一些数据的处理和优化并进行数据筛选。

如何筛选呢？

这个部分引用一下我们飞致云的部分方法论如下：

“日常工作中用正确的方式去识别最重要的事情，并且在此上投入最主要的时间和精力，达到最佳的投入产出比；”

我们筛选仪表板展示数据也是如此。这个方法论运用到数据筛选下如下：

“仪表板筛选数据中要用正确的方法去识别最重要的数据指标，并且在此上投入最透彻的分析和拓展，达到最有效的信息传达率；”

永远不要想着所有事情双赢，杜绝既要又要。

在这一部分我们需要筛选出与业务主题相关的一些关键的数据指标进行展示。

 

3、确定图表

关键词：准确传达，信息明了

同一个指标数据，从不同维度分析就会有不同结果，也需要不同的可视化展示方式。有效的可视化展示，才能传达出应有的信息。所以我们在选择图表的时候一定要选择可以准确直观表达出指标含义的图表图形。如果可视化展示的方式，让观者产生困惑甚至看不懂，那就是一个失败的方式。

 

在此部分，我们要问自己几个问题：

数据指标需要表达的信息，我们是否准确理解了？

选择的可视化形式，是否传达了准确信息？

选择的可视化形式，是否简单明了的传达了信息？

选择的可视化形式，是否可能会让观者产生疑惑或误解？

这几个问题都是为了保证信息的有效传达，让观者正确理解数据的含义，不会产生误解。

在这一部分我们要确定数据指标的可视化展示形式。

 

4、排版布局

关键词：构建视线流动时空

确实了主题和指标之后，就需要想清楚 BI 看板展示的内容动线，需要给观者讲述什么故事，以展示问题解决问题为目标将业务模块理出顺序。构建观者的视线流动路径和空间，视线流动的路径大多数与业务模块之间关系也有很大联系。所以在构建视线流动时空的过程，既要考虑视觉习惯还要考虑业务关联。

基于用户的使用目标来说，使用一个数据可视化仪表板的过程，其实就像警察破案的推理过程，将一些有关的，但是较为零散信息数据用一根根线索穿插起来，形成体系化的联系。对各个节点之间的关系进行推导，发现其中关键节点，从而解决问题。

因此设计 BI 看板的时候，我们并不是一个无情的数据排列机器，设计 BI 看板的每一步都要基于用户的使用角度来考虑，每一步的设计都要踩在用户的期望上。

布局的原则一定要主次分明，根据业务需求抽取关键性的指标，提取主要信息。

避免次要信息的面积过大，喧宾夺主，影响整体的视觉效果。

 

在这一部分我们要根据场景业务线构建视线流动时空间，确定数据指标的排版布局。

5、设计看板

关键词：辅助输出，吸引眼球

这个环节主要是考验审美的环节，原则来说是属于专业的视觉设计师的主要工作，涉及到仪表板配色、图表配色、辅助元素、炫酷的动效等等。不过在这个人人都是设计师的时代，后续会有相关文章专门写这部分。不过在这一部分强调一些注意事项。绝大多数的视觉表现形式都是辅助信息的传播，增强信息的传达率。所以 BI 看板/仪表板的视觉设计应该尽可能在保证仪表板的实用度和可用性的情况下，进行视觉效果的增强，切不可喧宾夺主。

在这一部分我们要根据业务场景主题，确定相应的设计风格和视觉语言。

 

写在最后

无论是 BI 看板/仪表板的设计还是我们日常工作中的各种汇报也好。只要是涉及到和他人合作的工作任务，我们都需要明确对方的需求，满足对方需求范围内合理的期待，这样我们与他人合作才会更加顺畅。因为其本质也是信息沟通与传递的过程，建立有效沟通，保证走的每一步都有效，不做无用功。

好因必有好果，规范的设计流程是好结果的保证。确立正确有效的流程，然后步步为营，踏实走好好每一步，就可以避免很多不必要的返工，并且可以把控 BI 看板/仪表板设计质量和进度。所以从设计 BI 看板的开始的那一刻起，我们就要清晰的知道我们后续的每一步要如何做，做到心中有数，达到工作有效。

附录

本文仪表板效果截图来源于 DataEase 模板市场。​ ​https://dataease.io/templates/​