手把手制作一张优美的仪表板

200 阅读4分钟

数据小能手,分析好帮手!

Hello,大家好,今天我给各位讲解下如何制作一张优美的仪表板。主要从三大角度来讲解仪表板的制作:仪表板设计、仪表板优化、仪表板故事。

文章开头先放个思维导图,然后我们再来展开讲述。

思维导图.png

1 仪表板设计

1.1 确定仪表板面向对象

在制作仪表板之前,首先要确定制作的仪表板的受众对象是谁,站在他们的角度,去理解他们的真实需求。

层级.png

比如仪表板是为了制作给领导看,这类用户对大屏的诉求,可以理解为主要是为了了解公司核心经营数据

举个例子,快到年底了,领导需要了解各部门的年度销售额完成情况,那么就需要重点分析与目标销售额、历史同期销售额的差距等。

再比如我们手上有了一些销售数据,想要根据已有的数据去挖掘更多有价值的信息,例如近期影响销售额的因素是什么——地理位置、店铺、促销活动、供应链、消耗群体等。

总之,深入理解他们的需求,制作与他们认知水平相匹配的仪表板,才是做一张好的仪表板的入门衡量标准

1.2 确定仪表板主题

通常,我们会根据查看者所在的部门来进行分析工具仪表板主题呈现,但往往对一个部门分析的角度是多样的。

例如:需要对 2021-2022 年北京房地产销售状况进行分析,此时采用细化的方式,从「房价指标」到「房地产投资、商品住宅销售面积、商品房销售面积」进行展示。

北京房地产.png

1.3 选择合适的图表

在确定仪表板主题后,我们就要为仪表板选择合适的图表。

我将常用的图表分成了四个大类,大家可根据自己的实际需求来选择合适的图表。

图表目的.png

其中有 3 点需要特别注意下:

①慎用饼图:饼图可以展示各类别与整体之间的占比关系。但在使用的时候类别数量不能过多,超过 7 个,用户查看的时候读取数据会变得比较困难。

②柱形图/条形图选择: 其用于显示类别之间的数值比较,数值指标可以是百分比、数值、频率等。虽然也可以表示某个字段的时间变化情况,但用折线图更合适。

③折线图/面积图选择: 折线图和面积图都能表示数量与时间的关系,但需要注意面积图在表示时间变化时还能表示部分与整体的关系。

1.4 新添标签

例如文字标签:给仪表板进行合适的命名,对视图增加一些说明,又或者在页面中增加一些图示标签,都会有利于观看者快速地获取到信息。

文字标签.png

来源书本《用数据讲故事》作者:[美] Cole Nussbaumer Knaflic

2 仪表板美化

2.1 排版

排版的原则是要对齐、有序。人们习惯于从左往右、从上往下进行浏览,因此最好把重要的内容放置在仪表板的左侧、顶部、居中并且相关内容相邻。也可以使用留白、背景色的对数据进行分割。

仪表板布局.png

2.2 文字

如果文字过于细小,或者文字颜色和背景色差异不明显,都会影响阅读查看,需要注意。

2.3 用色

如果我们是自定义配色,需要避免一些撞色。

例如把黄+白、蓝+黑、红+蓝、黄+紫等等色系进行搭配,这样不但从感官上不美观,而且还容易对用户的眼睛造成刺激。详细可参阅:色彩与配色基础

但无论我们使用冷色系还是暖色系,都需要注意少用亮度较高的颜色。

2.4 图标

图标可以为查看仪表板的用户提供提示作用,但需要注意的是,要避免让这些图标分散了用户注意力。

图标避免.png

3 仪表板故事

我们希望的是制作出的仪表板能像讲故事般的呈现在用户上,这就是最终目的也是成功的地方。

在这里我们举个例子:产品 A 和产品 B在 2008年上市,定价360美元。

讲故事1.png

来源书本《用数据讲故事》作者:[美] Cole Nussbaumer Knaflic

它们随时间变化的价格曲线很相似,但产品 B 的价格一直比产品 A 略低。

讲故事2.png

来源书本《用数据讲故事》作者:[美] Cole Nussbaumer Knaflic

通过例子就能发现,一个很简单的折线图通过讲故事的方式,仿佛被赋予生命了一样。

4 总结

目前随着信息化的发展,借助市面上的可视化工具,可以快速的让企业融入数据分析领域并增强各企业数据的作用。使企业高层从而得出关键决策,帮助更多企业实现自身目标。