购买
下载掌阅APP,畅读海量书库
立即打开
畅读海量书库
扫码下载掌阅APP

2.1 视觉构图的基本理念

本节内容分为以下三部分。

●视觉构图元素

●视觉构图原则

●视觉草图工具

2.1.1 视觉构图元素

我们需要了解一个术语:仪表板(Dashboard)。一般汽车的仪表板上显示了油量、速度、发动机转速等重要指标。驾驶人员通过快速浏览仪表板内的各项指标,可以清楚地了解汽车的运作情况,如图2.1.1所示。

在设计中,仪表板的目的是将重要的信息通过视觉化方式清晰地呈现给使用者,从而有利于使用者及时制定相应的决策和行动。

图 2.1.1

Power BI与Tableau对仪表板的使用定义略有不同。从图2.1.2中可以看出,在Power BI中,仪表板是视觉呈现的最高层级对象。但需要注意的是,仪表板在Power BI Online版本中才可以使用,在Power BI Desktop版本中生成的文件仅是报表。从广义上来讲,报表页本身也符合仪表板的特征定义;笔者也认为,只要功能符合仪表板的定义就可以被统称为仪表板。

图2.1.2

Tableau在仪表板上一级还有一个故事层,允许使用者用不同的仪表板论证同一个商业观点。但实际上,因为故事层会占用一定的报表空间,目前采用故事展现的应用并不普遍,更多时候分析师仅是将不同的仪表板排列在一起,如图2.1.3所示。

图 2.1.3

Power BI与Tableau还可以被用于制作传统表格式报表,例如财务资产负债表等。虽然这不属于SSBI工具的典型应用场景,但笔者认为,只要能合理地将重点信息突出显示给用户,不滥用视图,即使是仅使用表格形式的视觉化图形,也是有意义的。

2.1.2 视觉构图原则

虽然制作商业报表不是美学创作,但是有一些创建原则还是值得参考的,因为感性认知总是发生在理性认知之前,设计者应该尽可能地利用Power BI和Tableau所具有的视觉优势呈现数据内容,具体的构图要领如图2.1.4所示。

图2.1.4

1.明确受众与目的

●谁是最终的使用者

●最终使用者要达到的目的

●用户需要得到哪些信息以达到目的

●信息的粒度层级

在构思具体的视觉图表之前,设计者需要深入了解谁是报表的使用者,哪些数据可以有哪些用途,最终用户怎样使用报表来“讲故事”。如果只有炫酷的图形,而无法真正回答商业需求,那么图形就没有真正的价值。

报表可以用于检测、跟踪、测试、挖掘或是预测等多个方面。例如业务人员需要销售报表帮助提升销售业绩,他们希望首先看到销售金额和利润等数据,同时也需要KPI的同比和环比分析,用于了解竞争者的业绩情况等。

用户会用熟悉的知识解释自己的报表需求,而设计者需要将这些知识转换为深层次的数据知识,设计者要清楚哪些数据可以满足用户。设计者还可能面对不同用户群提出的不同要求。在这种时候,设计者应确保所有的需求都能被合理地归类到不同的报告中,并及时与用户确认其需求是否已被满足。

了解商业需求分析后,分析师可以开始进行空间布置。

2.合理地布置空间

●要注意内容的顺序,大多数读者习惯从左往右、从上往下阅览。

●仪表板中的内容不应该过分拥挤、冗余,这不利于突出重要的信息。

●将相关的数据整合在相邻的区间内,避免使用孤立的、无解释的单一数据。

●每个仪表板中的重要KPI指标应该尽量控制在5~7个。

●重要的KPI信息需要放在仪表板的上方。

●如果需要使用表格型图表展示详细数据,则将表格型图表放置在仪表板的底部。

●使用间距分布和对齐功能使图表之间的间距一致,尽量避免页面因图表过多而使用下拉框。

单个视觉图形好比是一幅画作,报表页、仪表板好比是画廊。在举办画展时必须考虑到整体空间的布局,要把相同类别的画放在相邻区间,并错落有致地安排位置,这样才能给观众带来舒适、惬意的感觉。

3.合理地使用图表

●永远不要为了展现炫酷的视觉效果而让用户理解困难。

●根据数据的类别使用适合的图表(例如,使用折线图描述时间趋势,使用饼图对比简单的数量)。

●要考虑是否需要为图表添加必要的标签、标题。

●要考虑数字是否需要使用缩写增加易读性(例如,23,000,000 可以写成23M,M即表示百万)。

Power BI和Tableau提供了丰富的视觉图形供用户选择。读者需要了解主要视图的功能,根据实际情况选择合理的图表。如果选择不恰当的图表,则会给读者带来阅读上的困惑。比如,图 2.1.5中有3条折线,但是由于其中1条折线的单位过小,导致其无法合理显示。因此使用线柱图更为合理,如图 2.1.6所示。

图2.1.5

图2.1.6

4.合理地搭配颜色

●对于不同图表中相同类型的数字,应该保持颜色的一致性,避免给读者带来困惑。但对于相同图表中不同类型的数字,应该在颜色上有所区分(例如,对不同地区的销售额分布有明确的颜色区分)。

●要考虑到具有不同文化背景的读者对颜色的理解,例如中国人用绿色表示股票价格下跌,而大多数外国人用红色表示股票价格下跌。

●要考虑到是否有色盲、色弱的读者会对选用的颜色有阅读困难。

在某种程度上,可以认为颜色本身是一种视觉维度。在Tableau中,颜色选项被列在默认标记卡中。用户可以用对比度高的颜色区分不同的属性,如图2.1.7所示。

图 2.1.7

对于背景颜色或主题颜色的选择,笔者倾向于使用浅色。对于深色背景,设计者需要考虑视觉图形本身与何种底色更搭配,并确保字体不会被背景颜色遮挡(详情请参阅“BI使徒”公众号相关文章)。

2.1.3 视觉草图工具

Power BI和Tableau都是功能强大的自助式分析工具。很多用户在创建仪表板时都会先直接“上图”。在数据比较简单的时候,这种方式是可行的。但如果需要制作结构稍微复杂的仪表板,那么分析师应该从草图设计开始。

构图并不是直接在Power BI或Tableau中进行的,而是在设计者的脑海中进行的。设计者应该通过“5W1H”准则——Why(为什么)、What(发生了什么)、Who(谁)、Where(在哪里)、When(什么时候)、How(怎样执行)设计出仪表板的草图。设计使用的工具简单到一纸一笔足矣,但电子版草图分享效果更佳。

本书后文中使用的是一款嵌入PowerPoint中的绘图工具:情节提要。读者可以使用情节提要中提供的多种提醒形状,如图2.1.8所示。要使用情节提要,只需要安装免费版的Visual Studio即可,具体操作可以参考微软官网,在此不展开介绍。

图2.1.8

2.2节会分门别类地介绍视觉图表的类别及其使用特性。图表应用具有普适性,不拘泥于工具本身,适用于任何视觉化BI工具。 FHdhQ8ya8jDChxW8zuwLzlT9nPOlrg28oET1Evnq5/zb4Q9CEfgtrLjeg7xKkxQI

点击中间区域
呼出菜单
上一章
目录
下一章
×