交付文档 · 2026.05

「选中文字问 AI」四方案对比

围绕"用户在聊天 / 订单页选中文字 → 唤起 Copilot 提问"这一核心场景,我们设计了 4 种交互方案,下文为各自的优缺点对比与推荐结论。

项目背景

核心场景

在聊天列表 / 订单详情页选中文字,快速基于该内容向右侧 Copilot 提问。

共同基线

4 个 demo 都已统一为「引用卡片 + 可编辑提问框」的提问形式,并配有 Copilot 顶部动态推荐区。

差异焦点

各方案区别在于"用户首次发现该能力"的引导方式与"选中后操作触发"的呈现位置。

评估维度

发现性、打扰度、操作效率、视觉层级、可扩展性。

方案一
底部推荐气泡 + 跳转引导条
页面底部常驻 AI 推荐气泡,引导用户进入 Copilot
核心机制
  • 底部常驻 1 条推荐气泡,与 Copilot 顶部推荐联动
  • 选中文字后弹出快捷操作浮窗(解释/翻译/总结)
优点
  • 发现性最强,气泡常驻不易错过
  • 底部空间利用合理,不抢占主内容
  • 顶部底部联动,AI 存在感明确
缺点
  • 常驻元素长期存在容易"视觉疲劳"
  • 底部气泡与 IM 输入框区域可能视觉冲突
方案二
Tab 智能角标 + 首次欢迎引导
通过 Tab 上的小红点 + 首次进入的欢迎页引导发现
核心机制
  • Copilot Tab 上有动态角标提示有新推荐
  • 首次进入展示欢迎页 + 推荐问题
优点
  • 首次引导清晰,新用户上手最友好
  • 非首次进入打扰最小,符合"按需出现"
  • Tab 角标轻量,符合用户对 IM 的习惯
缺点
  • 角标信息密度低,老用户容易忽略
  • 欢迎页只展示 1 次,长尾发现性较弱
方案三
内嵌迷你输入框 + 快捷 Chips
底部提供持续可用的迷你输入框 + 多个快捷 chip
核心机制
  • 页面底部内嵌 mini 输入框,随时可向 AI 提问
  • chip 形式的高频快捷操作(推荐问题)
优点
  • 操作效率最高,无需切换 Tab
  • chips 横向滚动,容纳更多推荐问题
  • 对"主动型"用户最友好
缺点
  • 底部空间占用大,移动端尤为明显
  • 双输入框(IM + AI)易让用户混淆
  • 需要明确区分 AI 输入与正常聊天
方案四
上下文感知浮层 + 渐进式引导
根据上下文动态出现 AI 浮层,三层引导逐级深入
核心机制
  • 选中文字 → 浮层 → Copilot 三层渐进引导
  • 浮层内容根据选中内容动态变化
优点
  • 最贴合"我选什么 AI 懂什么"的产品感
  • 渐进式引导路径完整,转化漏斗清晰
  • 不打扰未使用的用户,体验最克制
缺点
  • 首次发现门槛较高,依赖"选中"动作
  • 实现复杂度最高,需做内容意图识别
  • 浮层叠加 Copilot 面板,层级管理需细致

横向对比

评估维度 方案一
底部气泡
方案二
Tab 角标
方案三
内嵌输入框
方案四
上下文浮层
发现性
打扰度
操作效率
视觉层级清晰复杂较复杂
新用户友好★★★★★★★★★★★★★★★
老用户友好★★★★★★★★★★★★★★★★
实现复杂度
移动端适配

推荐结论

🥇 综合最佳:方案四

"上下文感知浮层 + 渐进式引导"在长期体验、产品感、克制度上表现最好,适合作为 v2 主推方向。

🥈 平衡之选:方案二

"Tab 角标 + 欢迎引导"实现成本低、新老用户都能照顾到,适合作为 v1 快速上线的稳健方案。

🚀 效率优先:方案三

面向重度用户/PC 优先场景,可作为高级用户的偏好选项;移动端慎用。

🎯 引流最强:方案一

需要快速建立 AI 心智、提升 Copilot 使用率时优先采用,但要注意避免视觉疲劳。