拼图 A · 采集与治理
统一事件模型，让数据先“说同一种话”
把埋点、数据库变更、外部接口三类来源映射到同一事件模型，字段命名强制 snake_case，时间统一为 UTC 毫秒，缺失值统一写 null 而非空字符串。
- 字段命名冲突率控制在 0 项（上线前自动扫描）
- 每张表附带 1 份数据契约，含 owner 与 SLA
- 入仓前做 5 类校验：空值率 / 枚举范围 / 主键唯一 / 时间单调 / 数值分布漂移
这是一个网页样式设计参考 · 智慧启迪 × 大数据分析单页版式
极简 / 半调网点 / 视差
01 / 关键数据条
用四个可复核的数字，替代一场无结论的汇报
数据条只展示能被追溯来源的指标：每个数字都绑定采集口径、采样窗口与责任人，协作方点开即可看到计算链路，避免“同一指标、三种答案”。
3.4亿
日处理事件行数
窗口：T+0 流式，延迟 ≤ 90 秒
12分钟
新增指标上线耗时
由配置化模型 + 校验模板支撑
6席
协作评审席位
产品 / 运营 / 风控 / 数据 / 设计 / 研发
0.4%
看板口径争议率
较分散式报表下降约 7 倍
02 / 能力拼图
三块拼图咬合，才叫生态协作
瀑布流不等高排布，刻意打破等宽三列的模板感：每块拼图的高度对应它在协作链路中的权重，越靠下的能力越贴近落地与交付。
拼图 B · 可视化表达
把复杂留给图表，把清晰留给读者
同一份指标只允许一种主图型：趋势用折线、结构用堆叠、对比用横向条。颜色仅承担“分组”功能，不承担“好看”功能，最多使用 4 个色阶。
- 单屏图表数量 ≤ 6，超出则拆分为二级视图
- 坐标轴必须标注单位与采样窗口
- 10 秒内可回答“涨还是跌、差多少、谁在变”三个问题
拼图 C · 交互与交付
单页设计，让叙事不被打断
把导航、筛选、下钻、导出收敛在同一页内完成，配合视差滚动与动态动画提示层级关系；响应式断点在 1600 / 1024 / 640 / 380 四档收敛，移动端筛选折叠为底部抽屉。
- 交互响应反馈 ≤ 100ms，图表重绘 ≤ 400ms
- 所有点按区域高度 ≥ 44px
- 开启减少动态效果后，动画降级为静态切换
03 / 协作方评价
评价来自同一个看板上的不同角色
不是客户感谢信，而是协作链路上真实角色的复盘：他们关心的是口径是否可追溯、改动是否可回滚、结论是否能被共同引用。
以往每周例会要花 40 分钟争论“活跃用户”的定义，现在看板右上角直接挂出口径卡片，点开就是 SQL 与责任人，争议时间压缩到 5 分钟以内。
可视化组件按“图表类型”而不是“页面”沉淀，新看板复用率超过七成。我们约定：新增图表先查组件库，没有再提需求，避免同一趋势画出四种样子。
移动端把筛选折叠成底部抽屉后，外勤同事的填报完成率从 61% 提到 89%。关键不是动画多炫，而是首屏 42ms 出数、断网重连不丢状态。
04 / 常见问题
协作落地前，最常被追问的五个问题
FAQ 由数据工程、产品设计与运营三方共同维护，每季度复核一次；若某条回答在上季度被追问超过 5 次，就升级为文档而不是继续口头解释。
Q1
单页设计能承载多少指标，会不会太挤？
建议单页主视图控制在 6 个图表以内、关键数字不超过 8 个。超出的部分下沉为“二级视图”，用锚点跳转而非新开页面，保证叙事连续；实测信息密度提高后，读者定位目标指标的平均耗时从 23 秒降到 9 秒。
Q2
视差滚动与动态动画会不会拖慢性能？
装饰性视差层只允许使用 transform 与 opacity，禁止触发布局重排；滚动事件用 requestAnimationFrame 节流，帧率低于 50fps 时自动关闭视差。开启系统“减少动态效果”后全部降级为静态，首屏渲染稳定在 42ms 左右。
Q3
多团队口径冲突时，以谁为准？
不看职级看链路：以“最靠近数据源且被下游引用最多”的定义为准，并在指标卡片标注 owner 与变更记录。若两周内仍无法收敛，则将两个口径并列展示并注明差异，禁止私自覆盖，争议率因此稳定在 0.4% 以下。
Q4
响应式设计需要维护几套图表？
只维护一套数据、三套布局：桌面宽屏展示完整坐标轴，平板隐藏次要网格线，移动端将多系列合并为可切换的单系列折线。断点设为 1600 / 1024 / 640 / 380，避免为每个设备单独出图造成口径漂移。
Q5
如何衡量“智慧启迪”是否真的发生？
用行为指标而非满意度打分：看板被引用进会议纪要的次数、下钻率、以及“从看到异常到创建行动项”的中位时长。健康区间为下钻率 25%–45%、行动项创建中位时长 ≤ 8 分钟，偏离则说明可视化没有指向可行动的结论。
05 / 实用指导清单
把一页数据看板做对的六步操作
按顺序执行，每步都给出可验证的阈值；任何一步不达标，先回退修补再进入下一步，避免把问题带到交付环节。
先写结论，再选图表
用一句话写出本页要回答的业务问题，例如“近 7 天新客转化率下滑是否由渠道结构变化导致”。结论句写不出来就说明数据还不够，不要急着画图。判定标准：一句话不超过 40 字，且包含时间范围与对比对象。
锁定 3–5 个核心指标并写入口径卡
每个指标填写四要素：计算表达式、采样窗口、数据来源表、责任人。核心指标超过 5 个就做减法，把其余降为支撑指标放入二级视图。阈值：口径卡缺失率必须为 0。
用 1px 细线与留白建立栅格
统一 4/8pt 间距节奏，卡片间距 12–16px，区块内边距不超过 24px；分隔只用 1px 细线，禁止堆叠阴影卡。检查方式：把页面缩放到 50%，若仍能一眼看出层级分块，栅格即合格。
强调色只留 10% 的面积
主色用于图表主系列与关键数字，橙色系强调色只用于按钮、激活态与风险标记，面积占比控制在 10% 以内。禁止整块高饱和填充；若某处删除强调色后信息仍可读，说明它本就不该出现。
交互反馈压到 100ms 以内
筛选、下钻、图例切换的视觉反馈需在 100ms 内出现，图表重绘不超过 400ms；超过 1 秒的操作必须显示进度或骨架屏。移动端点按区域高度 ≥ 44px，长列表分页而非一次渲染全部节点。
上线前跑四项回归检查
① 四个断点无横向溢出；② 所有图片具备描述性 alt 与懒加载；③ 键盘 Tab 可走完全部可交互元素且焦点可见；④ 关闭动态效果后页面信息不缺失。四项全部通过才允许发布，并在看板页脚注明数据更新时间与责任人。
06 / 最新动态
协作生态里正在发生的事
动态只记录可复用的变更：组件升级、口径修订、性能优化。每条都标注影响范围，方便其他团队判断是否需要同步调整。
趋势组件新增异常区间标注，支持一键对比基线
新增基线切换与波动带显示，默认标出偏离均值 2 倍标准差的区间；已接入 9 个看板，图表重绘时间保持在 380ms 以内。
数据契约模板升级，新增 5 类入仓校验规则
补充枚举范围、时间单调性与分布漂移检查，接入后入仓失败拦截率提升到 96%，问题平均提前 1.5 天被发现。
移动端筛选改为底部抽屉，首屏出数稳定在 42ms
延迟渲染非首屏图表并复用已解析的查询结果，弱网下自动降级为摘要视图，外勤场景填报完成率提升 28 个百分点。
07 / 服务与价格档位
按协作深度选择档位，不按人头收费
三档的核心差异在协作席位数量、口径评审频次与交付深度；所有档位共用同一套组件库与数据契约，升级不产生迁移成本。
从一页开始
先做一次 60 分钟的协作诊断，
再决定要不要重建看板
我们会带着你的现有指标清单进场：现场核对 3 个争议口径、跑一次断点回归检查、给出可执行的三步改造建议。不承诺“一键智能化”，只给出能被团队共同引用的结论。
诊断输出：口径差异清单 · 断点回归报告 · 三步改造建议（含优先级与预估工时）