标题|政务可视化设计经验——图表习惯( 二 )


没人能在短时间内记住那么多诠释的资料,最有印象的还是前面的内容。经过我在现场维稳的观察,客户其实使用大屏是介于Infographic还是Visualization之间的。
知道图表的布局原则了,接下来告诉你怎么挑选对应的图表。下面是一张多篇文章都引用过的,来自设计师Abela对图表的各种特征进行了大致的概括总结,这边借花献佛,留个印象。
标题|政务可视化设计经验——图表习惯
文章插图
上述图表选择器还是比较专业的,我们最经常使用的还是六件套— 柱状图、条形图、折线图、饼图、散点图、地图。经常翻阅的还是Echart和AntV上的具体图表,因为已经实现了,所以靠谱且生动。
二、标题与注释讲这个前面我们先了解一下图表完整的样子是怎样的:
标题|政务可视化设计经验——图表习惯
文章插图
一个完整的图表是由标题、副标题、注释、图例、X轴标题(单位)、X轴标签、X轴刻度线、Y轴标题(单位)、Y轴标签、Y轴刻度线、网格线、提示信息等构成的。
在平常使用的过程中,会根据场景去修饰删减一些内容。我在此列出来的原因是希望各位在使用图表的时候能把这12个组成元素在大脑中轮一遍,确保修饰删减的时候是为更好的展示信息去处理,而不是因为遗忘。
标题为了言简意赅的对图表主题进行阐述。注释则是表明数据来源,给数据背书用的。均是用来更直观的了解图表主题和内容来源。那么举两个例子来解释这块内容是如何进行修饰删减的。
1. 标题中文案修饰删减的案例通常图表的标题是根据图表需要表达的内容决定,大多数同学可能认为命名没有太多问题。
根据概述第一、突出重点、表达准确的原则,我们建议将概括的标题中加入结论性的信息点;这样让阅读者在最初接触信息的时候就能通晓图表说明了什么,不过前提是这个图表的结论是单一且唯一的。
标题|政务可视化设计经验——图表习惯
文章插图
2. 标题区域强化重点信息的案例我们前面说过第一梯队是大指标区域,第二梯队才是趋势图。如下的图表在表达上只能一眼看出趋势,并不能直接有效的传递信息。
在对数据进行高度概括时,展示指示卡+数值,比图表更直接更有效。提炼出图表中的有效信息,将其层级放大,重点突出这些信息点。
三、坐标轴轴呢 ,是用来定义坐标系中数据在方向和值的映射关系的。一般存在的就是二维笛卡尔坐标系或者极坐标轴,前面我们讲过主要是轴线、轴刻度线、轴标签、轴标题(单位)以及网格线。
政务可视化中,这块容易弱化,主要弱化方向Y轴的功能。因为信息被提炼了,所以很多时候Y轴对应的映射功能就弱化了;比如轴标题很多情况下是会被省略的,轴标签数据的意义能在提炼信息里找到。
轴呢,根据存在的数据,主要分为分类轴,时间轴,连续轴。刻度线的使用就是加强映射关系,快速的对应到数据点。分类轴较多出现在柱状、条形中,对于映射有天然的对应关系,故在分类轴习惯隐藏轴上的刻度线。
标题|政务可视化设计经验——图表习惯
文章插图
1. 轴上标签内容过多的优化案例在政务可视化的设计中,总会碰到轴标签内容过长的情况,而且你还不得不考虑尺寸的问题。
我们的建议的是不到万不得已千万不要略写,哪怕真的要略写,一定要在略写的指标名称后面跟上一个小问号,鼠标hover时能立即显示全称。政务里的数据讲究一数一源,精确对应责任单位责任人。这些都是吃过亏的小细节,请慎重。

推荐阅读