「过去给管理层讲 AI 平台要翻 30 页材料，现在把模型清单、延迟曲线、成本三块放进单页，会议时长从 52 分钟压到 24 分钟，评审一次过。」
评审时长 −54%
周岚
某制造业集团 · 数字化平台负责人
客户评价：一页讲清 AI 平台，比十页 PPT 更快拍板
来自三类真实角色：平台负责人看架构、算法工程师看接入成本、业务方看转化路径。以下为评审会原话摘录，均带可核对指标。
周岚
某制造业集团 · 数字化平台负责人
「把接入步骤写成 5 条带参数的清单后，新同事第一次就能把模型服务挂上去，联调返工从平均 3 轮降到 1 轮。」
联调返工 −66%
陈屿
算法工程团队 · 推理服务负责人
「数据可视化不再堆图表，只留 3 条关键趋势线，业务方的追问从『这是什么』变成『下一步怎么做』。」
有效追问 +41%
林知远
零售业务中台 · 运营分析负责人
核心能力卡片：AI 平台单页必须承载的三件事
单页不是把内容删短，而是把层级做对。三张卡片分别对应「能力可信」「交互可用」「结果可见」，每张都给出可验收的量化口径。
01 / 能力可信
模型编排与推理链路可视化
把模型版本、并发上限、显存占用、P95 延迟放在同一条细线时间轴上，异常节点用强调色单点标注，避免整屏着色。
02 / 交互可用
动态交互与状态反馈的收敛
悬停展开风琴卡承载次级信息，主区不做花哨位移；所有过渡统一 0.25s / 0.45s 两档曲线，保证滚动与点击不互相打断。
03 / 结果可见
成本、效果、风险三条指标线
每千次调用成本、任务成功率、人工复核占比三项同屏对照，口径写进卡片脚注，避免不同团队各算各的。
做法：单页只暴露 3 个接入字段——model_id、max_concurrency、timeout_ms，其余走默认策略，减少首屏决策负担。
参数阈值：网关冷启动 ≤ 800ms；P95 延迟 ≤ 450ms；超时重试 1 次、退避 200ms。
避坑点：不要在首屏暴露 20 个可选参数，实测会把首次接入完成率拉低约 23%。
做法：每屏最多 3 条趋势线 + 1 组分布直方图；强调色只标当前选中序列，其余保持中性灰。
参数阈值：单图数据点 ≤ 240；图例项 ≤ 5；坐标轴刻度 4–6 档。
避坑点：避免用饱和色区分 8 条以上序列，色觉障碍用户识别准确率会掉到 60% 以下。
做法：首屏只加载 1 张主视觉，其余图片加 loading="lazy"；固定宽高比容器防布局跳动。
参数阈值：LCP ≤ 1.4s；CLS ≤ 0.05；首屏 JS 执行 ≤ 180ms。
避坑点：长跑马灯动画务必限制在低开销的 transform 上，避免动画触发重排导致 INP 恶化。
做法：正文对比度 ≥ 4.5:1，关键数字 ≥ 7:1；所有可点区域最小 44×44px；焦点环使用强调色 2px。
参数阈值：Tab 可达全部交互元素；装饰图形统一 aria-hidden；表单错误提示关联 aria-describedby。
避坑点：不要仅靠颜色传达状态，需同时提供文字或图标冗余编码。
实用指导清单：把 AI 平台做成可信单页的 6 条硬规则
按顺序执行即可落地，每条都给出做法、参数与验收口径，可直接贴进需求评审与会话记录。
- 先定单页主线，再砍内容 用一句话写清用户来这一页要完成什么；每个区块只允许保留支撑这句话的信息。做法：把候选内容列成清单，逐条追问「删掉它是否影响决策」，否则移入悬停展开区。 验收：首屏可见信息块 ≤ 5 个，单页总滚动深度 ≤ 6 屏。
- 把 AI 能力翻译成可核对的指标 模型数量、P95 延迟、每千次调用成本、任务成功率必须带口径与采样窗口，例如「P95 延迟 380ms（近 7 天，样本 120 万次）」。避免只写「高性能」「低延迟」这类形容词。 验收：每个数字都有单位、时间窗、样本量三项标注。
- 动态交互只保留两类：展开与提示 悬停展开风琴卡承载参数细节，轻量提示承载状态变化；不要做自动轮播、不要做视差位移。过渡统一 0.25s 与 0.45s 两档曲线，缓慢缩放呼吸动效仅用于主视觉。 验收：任一交互不阻塞滚动，INP ≤ 200ms。
- 配色遵循 60-30-10，强调色只点关键动作 中性底约占 60%，主色承担标题与结构分区约 30%，强调色仅用于按钮、激活态、关键数字与细线高亮约 10%。禁止把最高饱和色铺成整条横幅或整屏渐变。 验收：截图中强调色像素占比 ≤ 12%，正文对比度 ≥ 4.5:1。
- 图片统一裁切，防止布局跳动 所有配图放入固定宽高比容器（16:10 / 4:5 / 5:4 三选一），使用 object-fit: cover；非首屏图片一律 loading="lazy"，并写描述性 alt。 验收：CLS ≤ 0.05，图片加载失败时容器高度不变。
- 上线前做三档断点回归 至少覆盖 1680 / 1024 / 360 三档宽度，检查横向溢出、长英文词换行、表格转横向滚动、按钮点按区是否 ≥ 44px。网格列统一用 minmax(0,1fr)，避免长标题撑破列宽。 验收：三档断点均无横向滚动条，无元素重叠。
解决方案对比：单页轻量接入 vs. 多页门户 vs. 纯控制台
三种常见形态在真实 AI 平台项目中的取舍，指标来自同类交付项目的平均值区间，可据此判断你的场景该走哪条路。
| 对比维度 | 单页轻量接入 | 多页门户 | 纯控制台 |
|---|---|---|---|
| 首次理解耗时 | 2–4 分钟，一屏看完主线 | 8–12 分钟，需跨 4–6 页跳转 | 15 分钟以上，面向已熟悉用户 |
| 信息可维护性 | 中等：内容集中，改版需重排栅格 | 高：按主题分页，各团队独立维护 | 高：与功能模块同源 |
| 数据可视化承载 | 3 条趋势线 + 1 组分布，聚焦关键趋势 | 每页可放 6–10 张图表，但易失焦 | 实时看板为主，可承载 20+ 指标 |
| 动态交互成本 | 低：仅展开与提示两类状态 | 中：跨页状态需同步 | 高：需处理实时推送与并发态 |
| 适用阶段 | 立项评审、对外介绍、内部对齐 | 能力成熟、多角色长期使用 | 上线运营、日常运维与调优 |
| 性能预算 | LCP ≤ 1.4s，首屏资源 ≤ 380KB | LCP ≤ 2.2s，首屏资源 ≤ 620KB | LCP ≤ 1.8s，长连接常驻 |