上个月试水了一篇长文，以小红书的个人数据中心为例，拆解了数据看板的搭建方法。这篇基于个例做个引申总结，盘点下我见过的几种数据看板的样式，并总结下各自的利弊。 PC 和移动端都有，欢迎检阅。
当前大部分指标类数据产品的主阵地，还是 PC 端。PC 端相对移动端，能承载更多内容，以及更多复杂的分析操作，而且页面空间较大，所以在布局设计上也有更多的类型方案。
市面上比较常见的页面布局方式就是平铺样式，大概就是下图这个样子。在顶部有一个全局生效的筛选控件区域，比如时间控件等；然后下方就是平铺开的一个个数据模块，每个模块里都有数据指标和对应的可视化图表，且每个模块自称一体，相互模块之间大概率没什么关联性。随着 PC 端右侧滚轮的滑动，数据模块可以有很多行，信息量较大。
有了大概形象认知，咱们再说下平铺样式的优缺点：
✓ 优点，平铺展示的话信息一目了然，不需要其他交互操作；而且承载的信息足够多，可以充分利用空间
✓ 缺点，信息容易杂乱不聚焦；而且单纯的指标呈现展示，缺乏连贯的业务分析思路，容易让看板沦为纯看数工具；由于交互操作比较简单（只有顶部全局筛选控件），无法支持较复杂的数据下钻分析等交互操作，导致看板无法满足分析需求；数据模块较多，容易影响页面前端加载速度，用户进入界面后可能需要等待 1-2 秒钟，体验较差
鉴于平铺样式的缺点，市面上逐渐也出现了一些升级改善样式，比如指标-图表联动交互的样式（如下图）。除了顶部的全局筛选控件外，在下方缩小了数据指标模块的大小，而且将指标与可视化图表进行了分离。数据指标放在一行，可以是一个横向滑动的区域，选择想要具体查看的指标；选中后，下方的可视化区域就是联动对应展示。比如下图示意的选中数据指标 1 后，下方可视化图表区域展示的就都是指标 1 的具体情况，可以有趋势波动，也可以有多维度下钻去归因指标异动。
这个联动的样式有优点，但也有缺点：
✓ 优点，不再像平铺式那样信息繁多，重点比较突出聚焦；把指标和可视化区域拆开后，总分的分析结构也更清晰
✓ 缺点，展示的信息有限；而且指标-可视化区域的交互联动操作，不是所有用户都能自动习得的，上线初期可能会被用户抱怨投诉；数据指标之间依然是相对割裂的，无法展示一个成熟的业务流程
我们会发现，上面两个样式都是比较普适性质的，比较多出现在第三方厂商提供的 BI 平台产品中。但普适、通用的问题就在于不够贴近业务，很多大公司在建设 BI 看板的时候都会考虑自研而非采买，数据产品经理可发挥的空间和余地也就更大，可以比上面的指标-图表联动交互样式更向前一步的布局方案，比如下图这种。抽象概括来看就是把数据指标和可视化图表分离，但数据指标以地图形式完整的平铺的界面上，点击具体数据指标之后，通过弹出浮层来展示对应指标的具体分析。
相比前面两种样式，这种地图式的优缺点是：
✓ 优点，既能承载较多信息，又能将业务指标以符合业务流程的形式串联组织在一起，形成一个具有业务视角的指标分析；同时通过地图上的流程顺序关系，可以比较好的突出重点信息；同样指标与可视化图表分离后，分析的结构也相对更清晰
✓ 缺点，定制化程度较高，如果业务变更频繁，指标地图也需要频繁变更配置开发，成本较高；点击指标后弹出浮层的交互操作，也有一定学习适应成本
上面就是 PC 端指标类数据产品的 3 种页面布局方案，大家可以结合自己公司和业务的实际情况适当选择。
说完 PC 端，再聊聊移动端。如果说 PC 端的定位是承载更多信息、更多复杂操作分析，那么移动端的定位就是更快捷、更方便、更精简。移动端的数据受众可能往往并不需要复杂的分析，更多只是需要知道现状和问题，剩下的可以去找别的办法解决。毕竟 PC 端不是也解决不了提出优化建议的问题么？所以我们看到了本章研究分析的小红书数据中心，它在移动端数据看板里算是页面布局设计比较精巧用心的，其他案例比如微信的订阅号助手里，也有类似的看板，具体如下图所示：
我们把页面抽象一下，就会发现移动端的指标类数据产品，其实核心还是参考了 PC 端的平铺式方案，且减少了全局筛选控件，取而代之的是每个模块内的小 tag 形式筛选切换时间；同时涉及到概括与详情的关系，会通过点击查看更多这种操作，跳转到二级页面，但页面深度不会更多了，就只到二级；整体在顶部也是不超过 3 个切换选择的 tab，大概就是下图这个样子：
虽然目前市面上移动端的指标类数据产品，普遍采用的都是这种样式。但我们要问，还有没有其他可能？尤其是随着以 ChatGPT 为代表的大模型应用惊艳亮相，或许移动端可以打破平铺模式，让对话式登上舞台中央？毕竟人机对话是移动端最友好的一种交互方式，而且大模型也具备了一定逻辑分析能力，划定范围内的指标多维下钻分析已经不成问题。
但我认为对话式也不是万能解药，不能在移动端只摆个类似微信聊天对话窗口的界面，就让大家自己问。因为核心的指标还是需要一眼就能看到，不能每次我都要重复去问才能给我看；而且对话式也有它的局限，就是依然无法在较小的屏幕空间内呈现足够多的、连续的、体系化的分析信息。不过相比已有的移动端样式，已经算是一种新的探索尝试了。一种可能的样式请参见下图：
至此，我们盘点完了PC、移动端指标类数据产品的各种页面布局样式，做一个简单汇总如下表。
okk，本期内容至此结束了。
看完觉得写得好的，不防打赏一元，以支持蓝海情报网揭秘更多好的项目。
感谢您的支持，我会继续努力的!
打开支付宝扫一扫，即可进行扫码打赏哦
手机直接保存图片,扫一扫识别二维码,即可进行扫码打赏哦
推荐内容
一天拆三家店，茶咖设备回收商快忙不过来了
拆解柠季出海策略 从东南亚到美国，忘掉自己是成熟品牌
AI短剧成本降6成！业内人士 AI短剧渗透率将达35！
欢瑞世纪Q3 短剧助力收入涨216，收入90用于营销
京东11.11成交额再创新高！下单用户数增长40！
感恩节海外红人营销，为何KOC的真实感胜过KOL的影响力
一天拆三家店，茶咖设备回收商快忙不过来了
拆解柠季出海策略 从东南亚到美国，忘掉自己...
AI短剧成本降6成！业内人士 AI短剧渗透率将...
欢瑞世纪Q3 短剧助力收入涨216，收入90用于...
京东11.11成交额再创新高！下单用户数增长40...
答题免单火爆全网，淘宝究竟做对了什么？
京东与美团 即时零售领域的不死不休之战
2025 年个人所得税退税全攻略 手把手教你多 ...
2025淘宝上百亿补贴的商品是正品吗？百亿补...
2025抖音直播带货需要交多少保证金？直播带...
推荐内容
关于本站
本站部分内容收集于互联网，如有侵权内容或不妥之处，请联系我们修改删除，敬请谅解!本站仅提供各类项目和活动信息，不参与任何平台相关运营事宜，请自行判断各平台和项目的信誉度，如觉有风险，请勿参与。