数据可视化指南

如何设计

了解用户

用户是谁？他们要从可视化作品上获取什么信息？在企业级产品中，用户可能是公司高层、BI 分析师、运营、数据开发等不同角色，不一样的角色在使用可视化作品时，其目的以及使用路径会有所不同。建议在设计开始前对使用者进行充分剖析，以便完整地讲述你的数据故事，准确呈现你的数据见解。

设计原则

• 准确：从数据转化到可视表达时不歪曲，不误导，不遗漏，忠实反映数据里包含的信息；
• 有效：信息传达有重点，克制不冗余，避免信息过载，用最适量的数据-油墨比（Data-ink Ratio）表达对用户最有用的信息；
• 清晰：表现方式清楚易读，具条理性，可以帮助用户快速达成目标，在最少的时间内获取更多的信息；
• 美：对数据的完美表达，合理利用视觉元素进行艺术创作，不过度修饰，给用户优雅的体验。

使用场景及原则

1.柱状图

柱子之间的间距不要过大，增加数据易读性

正确 柱子之间的间距建议不要大于1/2柱子宽度

错误 柱子过细、间距过大，数据图表易读性弱

使用合理的数据油墨比，降低用户数据获取成本。

正确 柱状图一般比较一组分类数据，图上已用柱子的高低来传递数据信息，不必再通过颜色区分

错误 颜色的增加会增加用户的认知成本

2.柱状图 VS 折线图

折线图主要表示一段时间内数据变化趋势，柱状图用于描述分类数据之间的对比。如果不是对比时间的话，不要使用折线图，选择柱状图。

正确 柱状图适合分类数据大小的对比

错误 折线图主要表示一段时间内数据变化趋势。如果不是对比时间的话，不要使用折线图

3.柱状图 VS 条形图

在大多数情况下，折线图和柱形图是可以互相替换的。人针对横着长短的敏感性高过竖向，涉及到排行时最好使用条形图。标签较长时，使用条形图。当图表画布高度大于宽度时使用条形图，利用高度空间的富余，展现更多的条形。

正确 文本标签比较长，建议使用条形图。同时建议柱子上表明数据

错误 柱状图不适合展示长文本的标签，倾斜的文本标签增加阅读成本

4.柱状图 VS 饼环图

人对面积、角度的敏感性没有对长短的敏感性强。当类别的值接近时，不建议使用饼环图，除非是很注重个人在总体中的占比。

正确 若类别的数值大小差异不大时，建议使用柱状图

错误 类别的值大小接近且不考虑占比关系时，建议不要使用饼环图

5. 饼环图

若计算百分比，每个切片的数值不能为负，饼图切片的大小与其相应的值成比例，所有切片相加必须为100%。

正确 如果计算的是百分比，所有切片相加之和必须为100%

错误 计算百分比，所有切片之和是92%，不到100%

6. 仪表盘

适合展示数据指标的累计情况，如项目进度。不适用于数据的分布特征

7. 雷达图

适用于同类别不同属性的综合情况，或者比较不同类别的相同属性差异

8. 漏斗图

适用于有固定流程且环节较多的分析，如直观显示转化率和流失率

9. Score card

用于展示一个或一组重要数据，突出数据本身而不是数据间的关系