在设计了布局和导航后,所有界面的元素都可以一一排布了。在制作PowerBI报表的过程中,会有一个核心的问题:信息密度。
当用户选择了一大票数据的时候,并希望进行可视化,从理论上来说,可能是做不到的。在实践中的一个比较好的做法是:
将汇总计算后数据表以及对应的可视化元素都放置在界面上,以便使用者可以快速地找到重要信息又可以阅读汇总数据的细节。
例如:
可以看到左边是散点图,而右边是对应的汇总分析数据,不同的场景对阅读什么的偏好度就不同。而如果这样设计,我们会占有有限的报表空间,为此,我们采用切换式设计。
局部切换式设计
首先来看下效果:
注意在图表的右上角给出了一个开关,如下:
它表示点击拨动开关可以显示表的数据,点击拨动后,如下:
这样,就从图显示效果切换为了表显示效果。当然,如果再次点击开关,就又拨动回到了图显示。 通过这个巧妙的设计,我们就可以自由的在图和表之间切换了。
用书签控制局部元素
我们用书签除了可以做导航,还可以完成本文所提到的局部切换式设计,如下:
这里我们将书签设置为:
- 仅仅控制显示
- 仅仅控制所选的视觉对象
这个功能并不是现在才有的,在很久以前的版本PowerBI就可以做到这点。而在2019.8有了分组以后,使得这个技巧更容易被实现,以便于真正大规模使用这个技巧。
注意:关于书签更加详细的内容,已经包含在我们的系统化视频课程《PowerBI自助商业智能分析》中,不再赘述。
与分组结合
书签的局部控制功能早已存在,这个技巧以及效果很久之前就可以实现,但我们并没有强调,这是因为:要在实战中使用这个特性,需要涉及到对多个视觉元素的操控,而如果每个视觉元素是独立存在的,那就有非常巨大的手工点击量,是不能大规模推行的。而分组使得这一切得到了缓解,我们把这些元素全部编组即可。例如:
这里就是编组的结构,如果你想知道具体节省了多少工作量,可以看:
值得一提的是,这里的开关并不是图片,而是使用了原生的PowerBI元素。想象一下,如果没有分组功能,那么这些元素都需要手动控制,是不现实的。
开关的设计
我们在设计PowerBI报告的时候,是按照产品思维的,我们在作为设计师的那一刻,手指在键盘游动,而大脑在考虑的是报告的每一个细节,甚至到每个像素应该如何设计,而切换的开关,我们也会自己来定制,我们的做法是:
虽然我在这里展示了所有的思路,但我非常确定,很多人即使是对照着做,也实现不了,因为我们的设计真的精细到像素,我们考虑了圆角的转弯角度,如何能构成一个圆形,我们还考虑了放到实际图表标题后的大小缩放引起的布局破坏。这段话是为了让你第二次阅读本文来回答你掉入坑里的原因的。
这样,我们就不借助任何物件,实现了切换式按钮。
技巧的套路
来到这里,相信你已经可以意识到,这里存在一票复杂的状态控制,我们将它绘制成一个切换显示的控制图,如下:
其中,圆形是按钮,方形表示图表。控制逻辑如下:
- 按钮【显示表】被点击,按钮【显示表】隐藏自己,显示按钮【显示图】,显示【表】,隐藏【图】;
- 按钮【显示图】被点击,按钮【显示图】隐藏自己,显示按钮【显示表】,显示【图】,隐藏【表】。
这里的技巧还在于起名:
名字起的好,可以大大简化记忆要求。
值得一提的是,在PowerBI中,起名是一个很有技术含量的活。
这样,我们就可以方便的设置了。
总结
最后,一起来看看整体的效果吧:
这种切换效果的最大惊艳之处在于:它是局部切换的。它并不影响整体的所有元素,它只影响局部。 这个切换显示的价值在于:极大的提升了报表的信息密度,又合理的平衡了可视化与数据之间的平衡,是一种符合儒家思想的中庸设计,很有意思。如果阅读者想立马看重点,可以使用图来显示;如果阅读者想看详细的数据,可以使用表来显示,一切随意。