<< Click to Display Table of Contents >> 报告设计的基本原则复制链接 |
1. 数据表达上
•将最重要的视图放在报告的顶部或左上方。
•如果视图已经做好交互式链接(即第一个组件筛选下一个组件,后者又筛选下下个组件,以此类推),则按照从上到下和从左到右的结构排列。这样,最后一个筛选出的组件将位于底部或右下方。
•除非确实有必要增加数量,否则应将报告的图表组件限制为三或四个。如果添加的图表视图太多,各个不同的视图从布局上可能不会有大图显示。如果想表达的信息很多,我们可以选择用多个报告来合理讲述这些数据不同角度的信息。
2. UI设计上
•避免在一个报告中使用多个颜色方案。
•细节要做到统一规范
•不好的细节表达:
3. 交互分析上
3.1 筛选
•如果使用多个筛选条件,可以使用筛选栏或将它们编成组布局在一起。报告的右侧、顶部和左侧都是放置筛选条件的绝佳位置。应将筛选条件应用于一个报告中的所有视图,除非有充分的理由认为必须对每个视图使用单独的筛选条件,在这种情况下,筛选条件的放置位置必须尽量靠近它要筛选的视图,并且划分好区域。
•按照有意义的顺序安排筛选条件,例如按日期、省、市或业务部门。如果添加的筛选组件过多,会影响性能,产品默认只支持6个过滤组件的级联关系。
•确保筛选条件中的值按照按数据有意义的方式进行排序。例如按照日期的最大到最小值进行筛选或把常见或重要的数据值排到前面方便筛选。
•如果数据量大,每次筛选都需要较长等待时间,可以考虑添加按钮组件,设置批量提交。也需要同时考虑默认只展示少量数据或不展示数据,只在用户筛选之后再显示数据。
•滑块组件适合日期或数值,下拉或列表适合分类数据。
3.2 传参联动
•参数可以应用到产品的各个地方,巧妙的应用参数提升数据洞察能力。
以上例子通过动态计算来实现帕累托图,并通过传参给目标线,实现修改“销售百分比参数”的值,查看不同参数值情况下的子类别分布情况。
3.3 超链接
•在设置超链接链接到报告时,不要通过输入URL的方式来设置,而是直接从报告tree中选择报告。因为URL目前还不支持查找血缘。
3.4 在视图上筛选
•可以通过组件传参功能设置图表与图表之间的联动。
•也可以通过笔刷、缩放、钻取功能去查看图表之间的数据关系。
3.5 确保筛选效果
•通过标题或文本组件来描述清楚可以如何对报告进行交互。
•将交互添加到报告后,要交互测试,以确保预期结果。