围绕"用户在聊天 / 订单页选中文字 → 唤起 Copilot 提问"这一核心场景,我们设计了 4 种交互方案,下文为各自的优缺点对比与推荐结论。
在聊天列表 / 订单详情页选中文字,快速基于该内容向右侧 Copilot 提问。
4 个 demo 都已统一为「引用卡片 + 可编辑提问框」的提问形式,并配有 Copilot 顶部动态推荐区。
各方案区别在于"用户首次发现该能力"的引导方式与"选中后操作触发"的呈现位置。
发现性、打扰度、操作效率、视觉层级、可扩展性。
| 评估维度 | 方案一 底部气泡 |
方案二 Tab 角标 |
方案三 内嵌输入框 |
方案四 上下文浮层 |
|---|---|---|---|---|
| 发现性 | 高 | 中 | 高 | 中 |
| 打扰度 | 中 | 低 | 高 | 低 |
| 操作效率 | 中 | 中 | 高 | 高 |
| 视觉层级 | 中 | 清晰 | 复杂 | 较复杂 |
| 新用户友好 | ★★★★ | ★★★★★ | ★★★ | ★★★ |
| 老用户友好 | ★★★ | ★★★ | ★★★★★ | ★★★★★ |
| 实现复杂度 | 低 | 低 | 中 | 高 |
| 移动端适配 | 中 | 好 | 差 | 中 |
"上下文感知浮层 + 渐进式引导"在长期体验、产品感、克制度上表现最好,适合作为 v2 主推方向。
"Tab 角标 + 欢迎引导"实现成本低、新老用户都能照顾到,适合作为 v1 快速上线的稳健方案。
面向重度用户/PC 优先场景,可作为高级用户的偏好选项;移动端慎用。
需要快速建立 AI 心智、提升 Copilot 使用率时优先采用,但要注意避免视觉疲劳。