← ZHENG LIANG · CASE 02
CASE 02 · 慧销

把 AI 嵌进作业流,而不是做成一个 App

角色主导 AI 助手交互设计 平台PC + App 时间2022 — 2024
SECTION 01

项目背景 - 业务目标 - 设计目标

设计需求背景:客户经理与理财经理面对产品更新快、客户信息分散、话术与合规要求高的三重压力。传统培训与知识库查找效率低,想用 AI 又怕答错、怕违规。我们需要一个「随问随答、懂业务、守合规」的助手,嵌入而非打断现有作业。

SECTION 02

AI 助手的触发方式探索

设计需求背景:助手「在哪里被唤起」决定了它是帮手还是干扰。为平衡即时可用与不打断主线任务的双重需求,我们设计了 3 种差异化的触发形态。

图 · 助手在哪里被唤起 · 3 种形态
⇒
侧栏就地唤起当前页右侧展开,自动带入客户上下文,不打断主线;移动端适配弱。
▢
全屏对话信息量最大、支持语音 / 截图,适合客户现场;代价是跳出当前页。
◈
卡片内嵌推荐回答直接落成可执行卡片,在原有页面内完成动作,把「问答」推进「执行」。
最终判定:以 侧栏就地唤起 为主形态(不打断主线 + 带入上下文);移动端因在客户现场,切换为全屏对话 + 多模态输入。
0 次
跳转次数 · 旧版需退出并重开 App
PC 侧栏
主形态 · 移动端改为全屏对话
3 类
可信卡片 · 客户推荐 / 话术 / 合规
SECTION 03

设计策略 - 三条主线与验证方式

策略推导:AI 产品的核心不是模型能力,而是「边界感」。我把策略拆成三条主线,每条都对应一类具体的界面决策,也各自有「怎么算做到了」。

图 · 三条主线 · 与验证方式
1
让助手长在作业流里
作为副驾嵌入客户详情 / 产品推荐 / 活动执行等既有场景,零跳转、不打断,把「打开 App」变成「顺手问一句」。
怎么算做到了 · 助手在既有场景内就地唤起、自动带入当前客户上下文;从「遇到问题」到「拿到答案」页面跳转 0 次。
2
把不确定性显式化
答案附来源、风险提示与合规校验,用「可信卡片」让用户看得见依据、判断得了可信度。
怎么算做到了 · 每条结论都带来源与置信度,低置信度时明确提示「建议人工核对」,不以确定措辞掩盖不确定性。
3
生成 → 人确认 → 一键执行
AI 生成话术与动作建议,人微调确认后一键执行,让每一步都有人的签字。
怎么算做到了 · 所有 AI 输出经「人确认」才落地为动作,操作留痕可追溯;职责边界在界面上可见。
SECTION 04

AI 产品的交互设计 - 把 AI 嵌进业务,靠的是交互取舍

设计需求背景:B 端场景里 AI 很少只是一个孤立聊天框——它要嵌入已有系统,与原有任务流、信息架构和权限结合。下面是我在慧销里逐个回答的交互设计问题。

图 · 交互取舍 · 三问
1
嵌入位置
长在作业流里,还是做成独立 App? → 选前者:零跳转,不打断主线任务。
2
不确定性
黑盒结论,还是带来源的可信卡片? → 选后者:把不确定性显式化,建立信任。
3
执行收口
只给建议,还是人确认后一键执行? → 选后者:留痕可追溯,责任边界可见。
SECTION 05

AI × UI 工作流应用 - AI 是草图伙伴,不是交付终点

设计需求背景:在慧销里我同样把 AI 用在闭环上:让它负责铺开可能性,我负责收敛与守住合规底线。

  1. 01原始需求
  2. 02AI 初稿
  3. 03人工优化
  4. 04最终方案
  5. 05数据结果

步骤1调用 AI 驱动-一线真实提问聚类

批量梳理一线在客户群里提出的真实问题,聚类出高频问题与话术缺口,形成「值得让 AI 回答」的候选清单。

步骤2根据智能体完成助手形态的优劣推导

这一步拿到的是「形态结论 + 核心依据 + 对应指标」三项,判定标准提前写明;最终再结合一线实测反馈完成形态定稿。

步骤3可信卡片的视觉层级与合规措辞

探索可信卡片的视觉层级:来源、置信度、合规提示如何在一屏内被读完且不喧宾夺主。

步骤4交付实现与反馈飞轮

用 Vibe Coding 做可交互 Demo,让一线在演练环境里真实试错;上线后由采纳数据回流驱动迭代。

SECTION 06

设计产出 - 对话面板 / 智能话术 / 合规卡 / 快捷执行

产出说明:交付对话式助手面板、知识问答、智能话术生成、合规卡与快捷执行,并覆盖 PC 与移动双端作业场景。以下为真实设计稿(PC 端 / 移动端)。

图 · 四大交付模块
对话面板对话式助手入口,就地唤起并带入客户上下文。
智能话术按场景生成可微调的话术,降低新人门槛。
合规卡来源 / 置信度 / 合规提示常驻,让不确定性可见。
快捷执行人确认后一键落地为动作,操作留痕可追溯。
PC 端就地唤起 · 客户推荐 · 客户分析与 AI 摘要
移动端副驾入口 · 对话查询 · 产品推荐与线索待办
慧销 · 客户经理副驾面板
huixiao 界面huixiao 界面huixiao 界面huixiao 界面huixiao 界面huixiao 界面
WEB · 6 屏 · 按住画面拖动即可上下滑动
huixiao 界面huixiao 界面huixiao 界面huixiao 界面huixiao 界面huixiao 界面
MOBILE · 6 屏 · 左右滑动切换
SECTION 07

AI 初稿 vs 最终稿 - 我到底改掉了什么

为什么放这一页:AI 最容易做出「看起来很像」的界面,也最容易做错决定性的那一步。我把初稿的典型问题和最终稿并排,逐条说明我改了什么、为什么改。

标注 4 处典型问题
标注 4 处典型问题

左图为按 AI 初稿典型问题反向重绘的示意图(非真实 AI 输出),用于说明人工收敛的具体动作;右图为最终交付的真实设计稿。

SECTION 08

数据结果 - 已上线,结论以落地事实为主

结果说明:慧销已完成上线并进入一线日常作业。考虑到金融场景的经营数据与合规要求,这里不披露采纳率、转化率等明细,改用可对外表述的落地事实与设计侧可验证项。

已上线
上线状态 · 进入一线日常作业流
0 次
页面跳转 · 就地唤起,不打断主线任务
3 类
可信卡片 · 客户推荐 / 话术 / 合规
双端
覆盖范围 · PC 侧栏并行 / 移动全屏多模态

因内部经营数据与合规要求,采纳率 / 追问率等指标未对外披露;此处以已上线的落地事实与设计侧可验证项替代,避免给出无法核实的数字。

SECTION 09

关键决策 - AI 体验的第一性原则是「边界感」

我的判断:主导慧销的体验设计时,我把信任放在能力之前。下面两条决策,决定了后面所有的界面取舍。

SECTION 10

后续思考 - 从「问答」走到「代执行」

助手已能辅助决策,但真正的杠杆在:执行。

看完这一案,继续逛: ← 全部案例 · 联系我