来源：古牧聊数据
上个月试水了一篇长文，以小红书的个人数据中心为例，拆解了数据看板的搭建方法。这篇基于个例做个引申总结，盘点下我见过的几种数据看板的样式，并总结下各自的利弊。 PC 和移动端都有，欢迎检阅。
「先看看 PC 端」当前大部分指标类数据产品的主阵地，还是 PC 端。PC 端相对移动端，能承载更多内容，以及更多复杂的分析操作，而且页面空间较大，所以在布局设计上也有更多的类型方案。
市面上比较常见的页面布局方式就是平铺样式，大概就是下图这个样子。在顶部有一个全局生效的筛选控件区域，比如时间控件等；然后下方就是平铺开的一个个数据模块，每个模块里都有数据指标和对应的可视化图表，且每个模块自称一体，相互模块之间大概率没什么关联性。随着 PC 端右侧滚轮的滑动，数据模块可以有很多行，信息量较大。
有了大概形象认知，咱们再说下平铺样式的优缺点：
✓ 优点，平铺展示的话信息一目了然，不需要其他交互操作；而且承载的信息足够多，可以充分利用空间
✓ 缺点，信息容易杂乱不聚焦；而且单纯的指标呈现展示，缺乏连贯的业务分析思路，容易让看板沦为纯看数工具；由于交互操作比较简单（只有顶部全局筛选控件），无法支持较复杂的数据下钻分析等交互操作，导致看板无法满足分析需求；数据模块较多，容易影响页面前端加载速度，用户进入界面后可能需要等待 1-2 秒钟，体验较差
鉴于平铺样式的缺点，市面上逐渐也出现了一些升级改善样式，比如指标-图表联动交互的样式（如下图）。除了顶部的全局筛选控件外，在下方缩小了数据指标模块的大小，而且将指标与可视化图表进行了分离。数据指标放在一行，可以是一个横向滑动的区域，选择想要具体查看的指标；选中后，下方的可视化区域就是联动对应展示。比如下图示意的选中数据指标 1 后，下方可视化图表区域展示的就都是指标 1 的具体情况，可以有趋势波动，也可以有多维度下钻去归因指标异动。
这个联动的样式有优点，但也有缺点：
✓ 优点，不再像平铺式那样信息繁多，重点比较突出聚焦；把指标和可视化区域拆开后，总分的分析结构也更清晰
✓ 缺点，展示的信息有限；而且指标-可视化区域的交互联动操作，不是所有用户都能自动习得的，上线初期可能会被用户抱怨投诉；数据指标之间依然是相对割裂的，无法展示一个成熟的业务流程
我们会发现，上面两个样式都是比较普适性质的，比较多出现在第三方厂商提供的 BI 平台产品中。但普适、通用的问题就在于不够贴近业务，很多大公司在建设 BI 看板的时候都会考虑自研而非采买，数据产品经理可发挥的空间和余地也就更大，可以比上面的指标-图表联动交互样式更向前一步的布局方案，比如下图这种。抽象概括来看就是把数据指标和可视化图表分离，但数据指标以地图形式完整的平铺的界面上，点击具体数据指标之后，通过弹出浮层来展示对应指标的具体分析。
相比前面两种样式，这种地图式的优缺点是：
✓ 优点，既能承载较多信息，又能将业务指标以符合业务流程的形式串联组织在一起，形成一个具有业务视角的指标分析；同时通过地图上的流程顺序关系，可以比较好的突出重点信息；同样指标与可视化图表分离后，分析的结构也相对更清晰
✓ 缺点，定制化程度较高，如果业务变更频繁，指标地图也需要频繁变更配置开发，成本较高；点击指标后弹出浮层的交互操作，也有一定学习适应成本
上面就是 PC 端指标类数据产品的 3 种页面布局方案，大家可以结合自己公司和业务的实际情况适当选择。
「再说说移动端」说完 PC 端，再聊聊移动端。如果说 PC 端的定位是承载更多信息、更多复杂操作分析，那么移动端的定位就是更快捷、更方便、更精简。移动端的数据受众可能往往并不需要复杂的分析，更多只是需要知道现状和问题，剩下的可以去找别的办法解决。毕竟 PC 端不是也解决不了提出优化建议的问题么？所以我们看到了本章研究分析的小红书数据中心，它在移动端数据看板里算是页面布局设计比较精巧用心的，其他案例比如微信的订阅号助手里，也有类似的看板，具体如下图所示：
我们把页面抽象一下，就会发现移动端的指标类数据产品，其实核心还是参考了 PC 端的平铺式方案，且减少了全局筛选控件，取而代之的是每个模块内的小 tag 形式筛选切换时间；同时涉及到概括与详情的关系，会通过点击查看更多这种操作，跳转到二级页面，但页面深度不会更多了，就只到二级；整体在顶部也是不超过 3 个切换选择的 tab，大概就是下图这个样子：
虽然目前市面上移动端的指标类数据产品，普遍采用的都是这种样式。但我们要问，还有没有其他可能？尤其是随着以 ChatGPT 为代表的大模型应用惊艳亮相，或许移动端可以打破平铺模式，让对话式登上舞台中央？毕竟人机对话是移动端最友好的一种交互方式，而且大模型也具备了一定逻辑分析能力，划定范围内的指标多维下钻分析已经不成问题。
但我认为对话式也不是万能解药，不能在移动端只摆个类似微信聊天对话窗口的界面，就让大家自己问。因为核心的指标还是需要一眼就能看到，不能每次我都要重复去问才能给我看；而且对话式也有它的局限，就是依然无法在较小的屏幕空间内呈现足够多的、连续的、体系化的分析信息。不过相比已有的移动端样式，已经算是一种新的探索尝试了。一种可能的样式请参见下图：
至此，我们盘点完了PC、移动端指标类数据产品的各种页面布局样式，做一个简单汇总如下表。
okk，本期内容至此结束了。