📐 UX & SYSTEM ARCHITECTURE EXPLAINER
什么是 Progressive Disclosure（渐进式呈现）？
一句话搞懂：“常用的简单看，复杂的点开看”！像俄罗斯套娃一样，只在用户需要时才逐层展开更深功能的设计智慧。
❌ 倾倒式设计 (All-in-One Dump)
飞机驾驶舱式轰炸
一上来把 100 个按钮全拍在脸上，新手瞬间吓退
密密麻麻吓死人
80% 的高级选项没人用
极高跳出率
VS
✅ 渐进式呈现 (Progressive Disclosure)
多功能瑞士军刀
平时只露小刀主刃，要开红酒时再拔出开瓶器
界面极其清爽易上手
高阶功能依然触手可及
大幅降低认知负担
🧅 渐进式呈现的三层“洋葱架构”
从浅入深，优雅分层
1
第一层：核心必备 (Essential)
80% 用户每天都在用
如搜索框、播放暂停键、出发地/目的地。一眼就能看懂，零学习成本。
2
第二层：情境选项 (Contextual)
在特定场景下才需要
如价格区间滑块、行李托运选项、清晰度切换。放在抽屉栏或二级菜单中。
3
第三层：专家定制 (Advanced)
极客与管理员专用
如正则表达式匹配、API Token 授权、Webhook 调试。默认隐藏在高级设置里。
🎮 互动体验：亲身感受两种设计模式的巨大反差
体验预订机票表单：在“一锅端轰炸”与“渐进式展开”之间自由切换
设计模式切换:
✨ 当前界面：极其清爽，只展示核心表单
🤖
1. 渐进式呈现在 AI / Agent 领域的应用？
在 OpenCode / Claude Code 等 Agent 体系中，Skill 的加载就是渐进式的！系统只在系统 Prompt 里挂 1 行简短摘要；只有当用户要用时，才把 200 行的 `SKILL.md` 深度规则注入上下文。
📱
2. 常见的 UI 组件有哪些？
• 手风琴折叠面板 (Accordions)：常见于 FAQ 问答。
• 分步向导 (Wizards / Steppers)：结账流程 Step 1 ➔ 2 ➔ 3。
• “展开更多”按钮 (Show More ▾)：长文章与评论区。
• 悬浮提示 (Tooltips / Popovers)：鼠标指上去才解释术语。
⚠️
3. 渐进式呈现的唯一风险是什么？
藏得太深导致用户找不到！ 如果把一个 50% 用户都需要的高频操作（如“退出登录”或“导出数据”）藏在三级菜单的最深处，就会造成严重的使用障碍。