BI图表仪表盘设计原则研究.pptx

CSOT BI项目 2012 年 03月 27日;数量信息可视化呈现的目的 将重要的，有意义的，有效用的商业信息进行高效传递 图与表 —— 最直观高效的数据信息传递方式 图与表呈现的数据对象;图表设计的主要原则 减少不包含数据信息的图表对象 去除不必要的装饰性图片，填充颜色，边框网格线，背景颜色等 将低饱和度的颜色用于辅助性图表对象（即网格，边框等）的呈现 辅助性的图表对象的样式应该保持一致 增强包含数据信息的图表对象 用较粗的线条，较重的颜色，加边框，加标注符号等方式强调突出重要的数据信息 设计仪表盘时将需要强调的图表内容摆在左上或者中间的位置;勾画columns与rows 尽量使用留白而不是网格线来进行单元格分割。 若要利于按column进行的浏览，则使columns之间的留白大于rows之间的空间，并且保持字体高度大于rows间的留白，反之亦然。 ;当???白不足以用来强调希望突出的行列或区域时，使用柔和的背景填充颜色来突出特定的行列，使用更浓一点的背景色来突出特定的区域。 ;当不能使用背景填充颜色时，使用浅色线条来强调希望突出的行列或区域。 ;排列数据 —— 数据排列的行列选择 当属质分类的科目的数目较少时，用双向表；数目较多时，用单向列表。 ;时间序列数据按水平方向排列。 排序后的数据垂直排列。 ;排列数据 —— columns的排列顺序 标题栏放在最左侧； 用于比较的两个columns排在附近； 一般而言，包含计算结果的column放在原始数据的右侧； 从左到右排列含层级关系（Hierarchical Relationship）的属质分类（Quantitative Values）。 ;排列数据 —— 数值顺序 日期数值按时间顺序排列； 名称或者指示符（Identifier）等分类数据按字母顺序排列； 分类数据只要包含有意义的顺序，即按该顺序排列，而不是按照字母顺序排列； ;文字格式 —— 文字方向（Orientation） 文字方向为水平从左到右 文字格式 —— 对齐方式（Alignment） 数字右靠齐，同一column保留同样位数小数，使小数点对齐。 日期左对齐，且宽度保持一致。 ;文字左上对齐 当标题长度大大宽于内含数据的宽度，且数据宽度保持一致时，可以居中对齐。 标题和所对应数据的保持一致。 ;文字格式 —— 数字格式（Number Formatting） 从右向左每三位数之间用一个小数点隔开。 在呈现数据时也按三位为一个单位进行取整，即以thousand，million，billion等进行取整操作。 负数用加括号的方式来区别于正数，正负数的小数点要对齐 呈现百分数时将百分号直接附在数字后面。 ;文字格式 —— 日期格式（Data Formatting） 月份表示为2位数字，或3个字母缩写。 天表示为2位数字。 负数用加括号的方式来区别于正数，正负数的小数点要对齐 文字格式 —— 数字精度（Number and Data precision） 保留所必需的数字精度即可。 文字格式 —— 字体（Font） 文字格式 —— 强调与颜色（Emphasis and color） 使用粗体，斜体，不同的字体颜色等来highlight数据。 ;总结性数值 将包含summaries的行列进行视觉上的区分。 分组数据如果有多页时，将column summaries置于表格上方。 ;常用的数据关系及其图形呈现 推荐使用的图形样式：Points，Lines，Points Lines，Bars ; ; ;几种特殊图形 Box plot ;Pareto chart ;Correlation Bar Graph and Paired Bar Graph ;Sparklines (火花谱线)：非常适合仪表盘展示 Bullet graph (子弹图)：同样适合仪表盘展示 ;图形设计的特殊原则 数轴上刻度齿之间的距离应该和刻度值差值相对应，不允许刻度值中间有长距离的跳跃。 一般而言0要包含在数轴上。对Bar (柱状图) 来说，0要作为基准点。 ;避免使用3-D图形，当有多维度的数据时以Multiple graph (组图) 形式呈现。 ;除了box plot外，在一个图中不要包含多于5~8个数据集。特别是对于 grey graph (灰度图)，不要使用多于5个灰阶。 避免使用如Pie Graph (饼图)等用面积大小来包含数量信息的图形，而用Bar Graph (柱状图)取代。 标题应包含该图具体包含的数据的时间范围，数据对象。 标注性文字需要靠近所对应