渐进式披露:如何用少即是多的理念改进 AI 产品的人机交互
AI 不聪明,只是用户给的信息太少了,毕竟猜心这种事,谁也做不好。
这种现象在我们开发 HagiCode 的过程中尤为明显。HagiCode 是一个 AI 驱动的代码助手,用户通过自然语言描述需求来创建技术提案和会话。可在实际使用中,我们发现用户输入的内容往往存在这些问题:
- 输入质量参差不齐:有的用户只输入几个字,比如"优化登录"、"修复 bug",缺乏必要的上下文
- 技术术语不统一:不同用户用不同的词说同一件事,有人说"前端"有人说"FE"
- 缺少结构化信息:没有项目背景、没有仓库范围、没有影响范围这些关键信息
- 重复性问题:相同类型的需求反复出现,每次都要从头解释
这些问题导致的直接后果就是:AI 理解困难、生成的提案质量不稳定、用户体验差。用户觉得"这 AI 不行啊",我们也很委屈——你只给一句话,让我怎么猜你想要啥?
其实这也没办法,毕竟人和人之间的理解都需要时间,更何况是机器呢?
为了解决这些痛点,我们做了一个大胆的决定:引入"渐进式披露"的设计理念来改进人机交互。这个决定带来的变化,可能比你想象的还要大,只是当时我们也没想到会这么有效罢了。
关于 HagiCode
本文分享的方案来
这套渐进式披露方案是我们在实际开发过程中,经过多次迭代和优化总结出来的。如果你觉得这套方案有价值,说明我们的工程实力还不错——那么 HagiCode 本身也值得关注一下,毕竟好东西是值得分享的。
什么是渐进式披露
"渐进式披露"(Progressive Disclosure)是一个源自 HCI(人机交互)领域的设计原则,核心思想很简单:不要一次性把所有信息和选项都展示给用户,而是根据用户的操作和需求,逐步展示必要的内容。
这个原则特别适合 AI 产品,因为 AI 交互天然就是渐进式的——用户说一点,AI 理解一点,然后补充一点,再理解更多。就像人与人之间的交流一样,总得慢慢来,毕竟谁也不能一见面就把心掏出来不是?
具体到 HagiCode 的场景,我们从四个方面实施了渐进式披露:
1. 描述优化机制:让 AI 帮你把话说清楚
当用户输入简短描述时,我们不是直接让 AI 去理解,而是先触发一个"描述优化"流程。这个流程的核心是"结构化输出"——把用户的自由文本转化为标准格式。就像把散落一地的珍珠串成项链,看起来也就不那么乱了。
优化后的描述必须包含以下几个标准章节:
- 背景:问题背景和上下文
- 分析:技术分析和思考过程
- 解决:解决方案和实施步骤
- 实践:实际代码示例和注意事项
同时,我们还会自动生成一个 Markdown 表格,展示目标仓库、路径、编辑权限等信息,方便 AI 后续操作。毕竟有个清晰的目录,找起东西来也方便。
下面是实际的代码实现:
// ProposalDescriptionMemoryService.cs 中的核心方法 | |
public async Task<string> OptimizeDescriptionAsync( | |
string title, | |
string description, | |
string locale = "zh-CN", | |
DescriptionOptimizationMemoryContext? memoryContext = null, | |
CancellationToken cancellationToken = default) | |
{ | |
// 构建查询参数 | |
var queryContext = BuildQueryContext(title, description); | |
// 检索历史上下文 | |
var memoryContext = await RetrieveHistoricalContextAsync(queryContext, cancellationToken); | |
// 生成结构化提示词 | |
var prompt = await BuildOptimizationPromptAsync( | |
title, | |
description, | |
memoryContext, | |
cancellationToken); | |
// 调用 AI 进行优化 | |
return await _aiService.CompleteAsync(prompt, cancellationToken); | |
} |
这个流程的关键在于"记忆注入"——我们会把项目惯例、相似案例、负面模式等历史上下文注入到提示词中,让 AI 在优化时能够参考过去的经验。毕竟吃一堑长一智,过去的经验总不能白白浪费了不是?
注意事项:
- 确保当前输入优先于历史记忆,避免覆盖用户显式指定的信息
- HagIndex 引用必须作为事实来源,不得被历史案例修改
- 低置信度的纠错建议不应作为强约束注入
2. 语音输入能力:说话比打字更自然
除了文本输入,我们还支持语音输入。这在描述复杂需求时特别有用——你想想,打一段技术需求可能要几分钟,但说可能几十秒就完事了,毕竟嘴总是比手快。
语音输入的设计重点是"状态管理",用户必须清楚当前系统处于什么状态。我们定义了以下几种状态:
- 空闲:系统就绪,可以开始录制
- 等待上游:正在连接后端服务
- 录制中:正在录制用户语音
- 处理中:正在将语音转换为文本
- 错误:发生错误,需要用户处理
前端的状态模型大概是这样的:
interface VoiceInputState { | |
status: 'idle' | 'waiting-upstream' | 'recording' | 'processing' | 'error'; | |
duration: number; | |
error?: string; | |
deletedSet: Set<string>; // 已删除结果的指纹集合 | |
} | |
// 开始录制时的状态转换 | |
const handleVoiceInputStart = async () => { | |
// 先进入等待状态,显示加载动画 | |
setState({ status: 'waiting-upstream' }); | |
// 等待后端就绪确认 | |
const isReady = await waitForBackendReady(); | |
if (!isReady) { | |
setState({ status: 'error', error: '后端服务未就绪' }); | |
return; | |
} | |
// 开始录制 | |
setState({ status: 'recording', startTime: Date.now() }); | |
}; | |
// 处理识别结果 | |
const handleRecognitionResult = (result: RecognitionResult) => { | |
const fingerprint = normalizeFingerprint(result.text); | |
// 检查是否已被删除 | |
if (state.deletedSet.has(fingerprint)) { | |
return; // 跳过已删除的内容 | |
} | |
// 合并结果到文本框 | |
appendResult(result); | |
}; |
这里有个细节:我们用"指纹集合"来管理删除同步。当语音识别返回多条结果时,用户可能会删除其中一些。我们把已删除内容的指纹存起来,后续如果相同内容再出现就自动跳过。这就像记住了哪些菜不爱吃,下次就不会再点了,毕竟谁也不想被同样的问题困扰两次。
3. 提示词管理系统:把 AI 的"脑子"外置
HagiCode 有一个灵活的提示词管理系统,所有提示词都以文件形式存储:
prompts/ | |
├── metadata/ | |
│ ├── optimize-description.zh-CN.json | |
│ └── optimize-description.en-US.json | |
└── templates/ | |
├── optimize-description.zh-CN.hbs | |
└── optimize-description.en-US.hbs |
每个提示词由两部分组成:
- 元数据文件(.json):定义提示词的场景、版本、参数等信息
- 模板文件(.hbs):使用 Handlebars 语法的实际提示词内容
元数据文件的格式是这样的:
{ | |
"scenario": "optimize-description", | |
"locale": "zh-CN", | |
"version": "1.0.0", | |
"syntax": "handlebars", | |
"syntaxVersion": "1.0", | |
"parameters": [ | |
{ | |
"name": "title", | |
"type": "string", | |
"required": true, | |
"description": "提案标题" | |
}, | |
{ | |
"name": "description", | |
"type": "string", | |
"required": true, | |
"description": "原始描述" | |
} | |
], | |
"author": "HagiCode Team", | |
"description": "优化用户输入的技术提案描述", | |
"lastModified": "2026-04-05", | |
"tags": ["optimization", "nlp"] | |
} |
模板文件使用 Handlebars 语法,支持参数注入:
你是一个技术提案专家。 | |
<task> | |
根据以下信息生成结构化的技术提案描述。 | |
</task> | |
<input> | |
<title>{{title}}</title> | |
<description>{{description}}</description> | |
{{#if memoryContext}} | |
<memory_context> | |
{{memoryContext}} | |
</memory_context> | |
{{/if}} | |
</input> | |
<output_format> | |
## 背景 | |
[描述问题背景和上下文,包括项目信息、仓库范围等] | |
## 分析 | |
[技术分析和思考过程,说明为什么需要这个改动] | |
## 解决 | |
[解决方案和实施步骤,列出关键代码位置] | |
## 实践 | |
[实际代码示例和注意事项] | |
</output_format> | |
这种设计的好处是:
- 提示词可以像代码一样版本管理
- 支持多语言,根据用户偏好自动切换
- 参数化设计,可以动态注入上下文
- 启动时验证完备性,避免运行时出错
毕竟脑子里的东西不写下来,谁也不知道什么时候就忘了,与其到时候懊悔,不如一开始就做好记录罢了。
4. 渐进式向导:复杂任务拆成小步
对于复杂任务(比如首次安装配置),我们使用了多步骤向导的设计。每个步骤只请求必要信息,并提供清晰的进度指示。生活也是这样嘛,一口吃不成胖子,一步一步来反而更稳妥。
向导的状态模型:
interface WizardState { | |
currentStep: number; // 0-3,对应 4 个步骤 | |
steps: WizardStep[]; | |
canGoNext: boolean; | |
canGoBack: boolean; | |
isLoading: boolean; | |
error: string | null; | |
} | |
interface WizardStep { | |
id: number; | |
title: string; | |
description: string; | |
completed: boolean; | |
} | |
// 步骤导航逻辑 | |
const goToNextStep = () => { | |
if (wizardState.currentStep < wizardState.steps.length - 1) { | |
// 验证当前步骤的输入 | |
if (validateCurrentStep()) { | |
wizardState.currentStep++; | |
wizardState.steps[wizardState.currentStep - 1].completed = true; | |
} | |
} | |
}; | |
const goToPreviousStep = () => { | |
if (wizardState.currentStep > 0) { | |
wizardState.currentStep--; | |
} | |
}; |
每个步骤都有独立的验证逻辑,已完成步骤会有清晰的视觉标记。取消操作会弹出确认对话框,防止用户误操作丢失进度。毕竟走错路可以回头,但如果把路都拆了,那就真的没辙了。
总结
回顾 HagiCode 的渐进式披露实践,我们可以总结出几个核心原则:
- 分步引导:把复杂任务拆成小步,每步只请求必要信息
- 智能补全:利用历史上下文和项目知识自动补全信息
- 即时反馈:每个操作都有清晰的视觉反馈和状态提示
- 容错机制:允许用户撤销、重置,避免错误造成不可逆损失
- 输入多样化:支持文本、语音等多种输入方式
这套方案在 HagiCode 中的实际效果是:用户输入的平均长度从不到 20 字提升到了结构化的 200-300 字,AI 生成的提案质量显著提高,用户满意度也跟着上来了。
其实这也不奇怪,毕竟你给的信息越多,AI 理解得越准确,返回的结果自然就越好,这和人与人之间的交流也没什么两样。
如果你也在做 AI 相关的产品,希望这些经验能给你带来一些启发。记住:用户不是不想给信息,而是你还没问对问题。渐进式披露的核心,就是找到问问题的最佳时机和方式,只是这个时机和方式,需要一点耐心去摸索罢了。
AtomGit 是由开放原子开源基金会联合 CSDN 等生态伙伴共同推出的新一代开源与人工智能协作平台。平台坚持“开放、中立、公益”的理念,把代码托管、模型共享、数据集托管、智能体开发体验和算力服务整合在一起,为开发者提供从开发、训练到部署的一站式体验。
更多推荐



所有评论(0)