对齐指标口径
先把业务问题写成一句话，再落到「指标名 + 时间粒度 + 维度白名单」。同一指标只允许一个计算口径，命名形如 uv_home_1d。
产出：指标字典阈值：口径冲突 0 处
大数据分析 · 复古风 · 互动设计
数据可视化总览：4 组波纹指标联动，切换维度时缓慢缩放呼吸，不抢你的注意力。
让大数据分析，像翻阅一本会呼吸的老杂志
复古未来数据馆把冷冰冰的埋点与指标，重排成暖调的光晕与栅格。你只需三步，就能把 1.2 亿条日志拆成可读的叙事：先对齐口径，再做数据可视化，最后用互动设计把洞察交到业务手里。首屏聚合指标默认 3 秒内出图，交互反馈控制在 120ms 内，让探索不打断思路。
1.2 亿单日可处理事件量
3 秒首屏聚合出图目标
120 ms交互反馈上限
98.6%口径校验通过率
01
工作流程步骤：从原始日志到可读叙事
极致用户体验的关键，是让每一步都有确定的输入、输出与阈值。下面 5 步按顺序执行，任何一步超出阈值就先停下排查，再往下走。
分层建模与清洗
按 ODS → DWD → DWS 三层落地，清洗阶段丢掉重复埋点与测试账号。给每张表标注更新频率与责任人。
产出：三层宽表阈值：脏数据 < 0.5%
选对图表编码
趋势用折线、占比用堆叠条、分布用直方图，绝不为了复古观感牺牲可读性。一屏最多 4 个视觉焦点，颜色只区分层级不区分情绪。
产出：图表规范阈值：焦点 ≤ 4
接入互动设计
筛选、下钻、对比三件事做成一条路径：点选维度即下钻，返回键回到上一态，状态写进 URL 便于分享与复现。
产出：交互路径图阈值：下钻 ≤ 2 次
验收与回归
用同一份样本数据跑两遍，核对总数、边界值与空态表现；把每次改动的耗时与准确率记在回归表里。
产出：回归记录阈值：误差 < 0.3%
02
三块核心能力，双列交错排布
能力卡按错位节奏摆放，读起来像翻旧刊的跨页。每块都写清适用场景与量化收益。
数据可视化复古风
波纹式可视化组件库
把折线、面积、堆叠条统一到波形母题，配色只用暖棕与低饱和蓝紫点缀，保证长时间阅读不疲劳。
- 组件 18 个，覆盖趋势/占比/分布三类编码
- 暗底对比度 ≥ 4.5:1，色盲友好
- 图表首帧渲染 ≤ 800ms
大数据用户体验
等宽数字的查询台
数字一律等宽对齐，维度筛选钉在右侧粘性栏，滚动时目录自动高亮，你永远不会迷路。
- 筛选控件点按区 ≥ 44px
- 粘性目录高亮跟随误差 ≤ 1 个区块
- 常用查询支持一键收藏
互动设计网页设计
可复现的探索路径
每次下钻都生成可分享链接，同事打开即还原你的视图；对比模式并排两段时间窗，差异一眼可辨。
- 路径分享还原率 100%
- 对比模式支持 2–4 个时间窗
- 空态给出下一步建议而非空白页
03
合作伙伴墙
与数据链路上的伙伴共建工具与规范，接口统一、口径共享，协作才有稳定体验。
数栈研究院指标口径共建
墨线设计社视觉与排版规范
云仓数据实时链路接入
格物实验室埋点质量审计
旧时光影像复古素材授权
04
实用指导清单：6 条可直接照做
每条都给出做法、参数与避坑点，按顺序执行即可把数据分析页做得既复古又好用。
先定阅读顺序，再谈复古装饰
把页面拆成「结论 → 证据 → 明细」三段，复古纹理只用在背景与边框，绝不压在数字上。避坑：别用低对比做旧滤镜盖住图表。
数字一律等宽并右对齐
表格与卡片中的数值用等宽字体、tabular-nums，单位与量级统一放在列头。避坑：混用不同小数位会让对比失真。
一屏只留 4 个视觉焦点
主指标用大字号，其余降为次级灰；强调色只用于当前激活项与关键数字。避坑：整块高饱和底色会淹没所有层级。
加载与空态都要有话说
加载用骨架屏保持布局不跳动，空态给出「可以试试这三个维度」的具体建议。避坑：不要让用户面对空白画布猜操作。
交互反馈控制在 120ms 内
悬停、点选、下钻都用同一组缓动曲线，缩放幅度不超过 6%，避免晃动感。避坑：急促弹跳会打断阅读节奏。
上线前跑一遍小屏与键盘
在 320px 宽与纯键盘操作下各走一遍流程，确认无横向滚动、焦点可见。避坑：粘性目录在小屏会遮挡内容，需改为静态。
05
图文混排特写：一次真实的分析复盘
某内容平台把首页点击率下滑归因到版式改动。我们沿复古栅格重排看板：左侧固定结论卡，右侧波纹图滚动联动，下方明细表按维度展开。复盘期 7 天，日均定位耗时从 46 分钟降到 12 分钟。
| 观察项 | 改造前 | 改造后 |
|---|---|---|
| 定位问题耗时 | 46 分钟 | 12 分钟 |
| 口径冲突次数 | 5 处/周 | 0 处/周 |
| 图表首帧 | 2.4 秒 | 0.8 秒 |
| 路径分享还原 | 手动复述 | 链接一键还原 |
