分屏模板上线:左指标 / 右明细,切换不丢上下文
新增 6 套非对称分屏模板,覆盖留存、漏斗、渠道、风控四类分析场景。左右两屏共享同一时间轴与筛选状态,右屏下钻时左屏高亮联动,避免传统“点进去再退回来”的上下文丢失。实测在 2 万行明细下,分屏重绘 P95 为 118ms。
以下三条为本期平台侧更新,全部围绕“更快拿到可用结论”:分屏布局升级、挖掘任务提速、交互界面响应收敛。
新增 6 套非对称分屏模板,覆盖留存、漏斗、渠道、风控四类分析场景。左右两屏共享同一时间轴与筛选状态,右屏下钻时左屏高亮联动,避免传统“点进去再退回来”的上下文丢失。实测在 2 万行明细下,分屏重绘 P95 为 118ms。
把高频维度(渠道 / 设备 / 地域)预聚合到列式存储,宽表查询从 4.2s 降到 0.9s,早高峰看板首屏不再排队。
去掉“查询”按钮,条件变更 200ms 防抖后自动执行;顶部保留最近 3 次筛选快照,误操作可一步还原。
当前分屏布局、筛选条件、下钻层级全部写入 URL,粘贴给同事即还原同一视图,协作定位问题不再靠截图。
主屏 1.05 : 次屏 0.95 起手,支持 7:3、6:4、5:5 三档比例拖拽调整,比例记忆写入用户偏好。
高频维度增量物化,冷维度按需计算;热查询命中缓存直接返回,避免全表扫描拖慢交互。
右屏下钻时左屏同步高亮对应区间,面包屑保留完整路径,回退一格仅重算受影响分片。
紧凑 / 标准 / 宽松三档行高,表格默认每屏 22 行;时间轴与筛选状态跨屏共享,减少重复操作。
对核心指标做滚动同比 + 3σ 双阈值检测,越界即在对应分屏边缘点亮标记,不打断当前阅读动线。
每条都给了做法与量化阈值,可直接交给数据工程 + 前端 + 业务三方对照验收。
主屏放“结论型”图(大数字、同比、目标进度),次屏放“过程型”图(明细表、分布、路径)。比例从 1.05 : 0.95 起手,避免两侧等宽导致的视觉均质。验收:主屏 3 秒内可读出核心结论。
对渠道 / 设备 / 地域等高频维度做增量预聚合,命中率目标 ≥ 80%;宽表查询 P95 ≤ 1s。若单次查询常超 2s,先拆维度而不是加 loading 动画。
条件变更后 200ms 防抖触发;保留最近 3 次筛选快照供一键回退。避坑:不要对时间范围拖动做自动执行,改为松开后触发,防止连续请求打满后端。
把分屏比例、筛选条件、下钻层级序列化为查询参数,长度控制在 ≤ 800 字符。验收:同事打开链接后与发送方看到完全一致的视图,无需口头补充。
对核心指标按 5min 窗口滚动同比,同时计算 3σ 偏离;两者同时越界才高亮,告警延迟 ≤ 15s,可把误报压到日均 3 次以内。
表格默认每屏 22 行、行高 32px;提供紧凑 / 标准 / 宽松三档并记住选择。避坑:不要默认宽松,宽屏下会迫使关键指标掉出首屏。
每步都标注了目标时延与失败兜底策略,便于按 SLO 逐段排障。
埋点 / 日志 / 数据库 CDC 三路统一进消息队列,按事件类型分区,保证同一实体落入同一分区以支撑有序聚合。
去重、补维度、按 1min / 5min 双粒度滚动聚合;高频维度物化到列式存储,冷维度保留明细待按需计算。
查询路由先探缓存,命中直接返回;未命中走分片并行扫描并回填缓存,热点查询自动提升优先级。
左屏渲染结论指标,右屏渲染明细与分布;下钻只重算受影响分片,其余分屏复用已有数据不重绘。
同一条数据在左右两屏以不同粒度呈现,减少来回切换,把“看数”的时间压到读一条结论的时间。
从运营盯盘到风控排查,分屏设计的价值在于把“同一个问题的两种看法”放在同一屏。

左屏大盘 15s 刷新,右屏按渠道排序;异常渠道自动置顶并点亮标记。

左屏漏斗一眼看到卡点,右屏直接列出该环节流失明细,无需二次查询。

风险分越界 15s 内触发提示,右屏同步给出规则命中明细,直接进入处置。

左屏看模型指标与目标进度,右屏看特征分布,快速判断是否需要重跑任务。