首屏卡片从 24 张收敛到 8 张
关键指标点击率提升 27%，平均找数时间从 46s 降到 19s。
01 / PLAYBOOK
实用指导清单：把魔方搭成能用的分析台
面向数据产品经理与前端视觉设计师的 6 条可执行要点，每条都带参数与阈值。
- 先定栅格再定卡片：以 12 列栅格为底座，卡片跨度只用 3/4/6/8 四种；列间距
16px、行间距16px，断点 640/1024/1600，避免出现 5 列或 7 列导致视觉节奏断裂。 - 指标卡一屏不超 9 块：首屏卡片数量控制在 6–9 张，单卡主数字字号 ≥ 1.5rem，辅助说明 ≤ 2 行；超过 9 块时用「查看更多」抽屉收纳，防止信息密度反噬可读性。
- 口径先对齐再画图：同一指标在全站只允许一个定义，偏差超出
±1.2%必须回滚；每个数字旁挂 1 个口径锚点（如「GMV=已支付订单金额，含运费」）。 - 加载性能设预算：首屏可交互 ≤ 1.8s，可视化首图 ≤ 400ms，图表懒加载阈值设为视口下方 200px；卡片图片统一
object-fit:cover+ 固定宽高比，杜绝布局跳动。 - 移动端做折叠不做删除：≤640px 时卡片转单列、KPI 横向滚动、导航收成一行可换行；点击区 ≥ 44px，长数字用等宽数字
font-variant-numeric:tabular-nums对齐。 - 给决策留颜色语义：主色承载常态数据、强调色只标注异常与关键数字（面积占比 ≤10%）；颜色之外必须有文字或图标冗余，色觉障碍用户同样可读。
02 / ECOSYSTEM
合作伙伴墙：数据链路上的 6 个关键节点
从采集到消费，每个节点都对应可核查的对接指标。
数仓底座对接 12 张事实表
埋点 SDK事件延迟 < 800ms
标签平台人群包 340 个
BI 引擎查询 P95 < 1.4s
实验平台AB 分流误差 < 0.5%
告警通道阈值触发 15s 内
03 / DASHBOARD
数据可视化面板：卡片承载密度，图表承载结论
同一面板内左图右 KPI，主色柱形为常态，强调色柱形标注异常渠道。
近 6 周渠道转化率（%）
4.6%最新周渠道转化率（周环比 +0.7pt）
3 类异常渠道自动标注（颜色 + 图标双冗余）
12 列面板栅格，卡片最小跨度 3 列
04 / PLANS
服务档位：按数据量与决策频率选
三档均含卡片式看板模板，差异在并发、血缘与治理深度。
探索档
¥1.2 万 / 月
适合 1–3 个业务线，验证数据驱动决策的起步阶段。
- 20 张卡片看板 · 并发 5
- 日处理 2000 万行
- 指标口径模板 30 个
- 邮件日报 1 次 / 日
增长档 最多选择
¥3.8 万 / 月
适合多渠道并行、需要下钻归因与实验联动的团队。
- 120 张卡片看板 · 并发 30
- 日处理 1.2 亿行
- 血缘覆盖率 ≥ 95%
- 异常告警 15s 内触达
治理档
按需 / 定制
适合集团级多租户，需要统一口径与审计链路的场景。
- 看板数量不限 · 并发 200
- 日处理 10 亿行以上
- 全链路审计与回滚
- 专属口径委员会支持
05 / SIGNALS
最新动态：来自魔方内部的 3 条信号
每条都附可复核的量化结果，便于直接进入决策会议。
事件延迟压到 800ms 以内
通过批量写入 + 预聚合，日扫描量下降 22%，口径偏差仍守住 ±1.2%。
移动端单列堆叠上线
≤640px 下卡片单列、KPI 横滑，点按区全部 ≥44px，误触率下降 34%。
06 / WORKFLOW
工作流程：从原始数据到决策卡片
四步闭环，每步都有可验收的产出物。
采集与对齐
统一事件命名与时间戳时区，产出字段字典，缺失率 < 0.5%。
建模与预聚合
按「日 × 渠道 × 人群」三层建聚合表，查询 P95 控制在 1.4s 内。
卡片化呈现
12 列栅格排布卡片，主数字 + 趋势 + 口径锚点三件套缺一不可。
决策与回写
结论回写看板备注，异常阈值自动转工单，闭环周期 ≤ 2 个工作日。
07 / CAPABILITY
核心能力：5 张错落卡片说清魔方能做什么
Bento 错落格承载不同权重的能力，视觉用折角与悬浮层次区分主次。
多维下钻分析
支持日 / 周 / 月 × 渠道 × 人群三层自由组合，单次下钻响应 < 900ms，最多同时对比 4 个切面。
口径治理与血缘
每个指标绑定唯一口径与上下游血缘，变更需审批留痕；覆盖率 ≥ 95%，口径偏差超过 ±1.2% 自动拦截发布。
异常自动标注
基于同比 / 环比双阈值识别异常点，用强调色 + 图标双冗余标注，误报率控制在 8% 以内。
卡片式看板组件库
提供 24 个卡片模板与 12 列栅格规范，跨度只用 3/4/6/8，设计师与前端共用同一套令牌。
决策留痕
结论、依据与回写时间自动存档，支持按季度回溯，一次复盘平均节省 3.5 小时人工整理。
08 / FAQ
常见问题（展开查看）
卡片式设计会不会让信息密度显得零碎？
关键在栅格纪律：卡片跨度只用 3/4/6/8 四种，列间距统一 16px，首屏卡片不超过 9 张；碎片感来自跨度随意与间距不一，而不是卡片本身。
潮流先锋的视觉会不会干扰数据阅读？
把先锋感放在排版与折角签名上，而不是高饱和配色。主色承载常态数据，强调色面积控制在 10% 以内，图表底色保持中性，读图效率不受影响。
如何验证「数据驱动决策」真的生效？
看三个数：报表生成时长（目标 ≤ 40 分钟）、平均找数时间（目标 ≤ 20s）、决策闭环周期（目标 ≤ 2 个工作日）。三者任一退化即回查口径与卡片结构。
移动端看板需要重新做一套吗？
不需要。同一套 12 列栅格在 640px 以下转单列，KPI 横向滚动，点按区 ≥44px；组件引用同一批设计令牌，避免双份维护带来的样式漂移。
把看板改造成能拍板的魔方
提交一份现有看板截图，48 小时内返回栅格重构建议、卡片收敛清单与口径体检报告。