CRM AI 智能引导在笔记本电脑上的展示

PRODUCT / UI · 2026

CRM AI 功能发现与场景化引导

帮助首次接触 CRM AI 的用户更快发现功能、理解价值并进入使用路径。

项目类型
Product UI / Onboarding
角色
独立负责全部设计
周期
约一周
工具
Figma / Codex
查看方案

02 / BACKGROUND & PROBLEM

功能上线了,第一次使用的人找不到入口。

这版 CRM 在客户管理、跟进、分析和报表里都加入了 AI。入口分散在不同页面,有些位置还比较深。用户第一次进入,很难看出每项功能能省下哪一步工作。

01

找不到

AI 分布在客户、跟进和报表等页面,入口分散,第一次使用时不容易发现。

02

看不懂

功能名称无法说明它能省下哪一步工作,用户需要先看到具体结果。

03

不会用

CRM 信息已经很密。如果提示不能联系当前任务,用户容易直接跳过。

03 / DESIGN PRINCIPLES

先看到,再看懂,最后行动。

第一次进入时讲整套功能,到了具体页面,再把操作说明放到入口旁边。

01

看到

首次进入时建立 AI 能力全貌,进入业务页面后再标出真实入口。

02

看懂

用业务结果和操作示例解释价值,不让用户先记一串功能名称。

03

行动

提示紧贴当前任务,提供明确下一步,同时保留跳过与退出。

04 / FEATURE DISCOVERY

第一屏直接讲 AI 能帮销售做什么。

五屏内容从工作结果讲起。少写哪些记录、找到哪些客户、看懂哪些数据,用户都能在画面里直接看到,不需要先记一串功能名称。

输入一个名称,补全客户资料并生成公司背调
输入一个名称,补全客户资料并生成公司背调
电话与微信记录自动生成跟进内容
电话与微信记录自动生成跟进内容
同时服务销售执行与管理复盘
同时服务销售执行与管理复盘

05 / SCENARIO-BASED ENTRY

AI 不单独出现,
而是在销售查看客户时自然介入。

客户详情页是销售查看信息、判断下一步动作的高频场景。因此 AI 提示被融入原有任务路径,让用户在真正产生需求时发现它,而不是记住另一个独立功能入口。

客户详情页中的 AI 场景化入口01 / 高频任务场景02 / AI 在需要时出现03 / 下一步动作明确
客户详情页中的 AI 场景化入口
AI 客户洞察
01入口出现 / AI 客户洞察
AI 公司背调
02下一步 / AI 公司背调
01

高频任务场景

先在销售已经查看客户的页面出现。

02

AI 在需要时出现

提示贴着真实入口,而不是另起一个功能中心。

03

下一步动作明确

看懂结果后,用户知道接下来可以做什么。

AI 场景化的价值,不是多增加一个入口,而是在正确的页面和时机,让用户知道它现在就能帮上忙。

06 / REPORT ENTRY

AI 报表要在用户看报表时出现。

用户进入报表中心,会看到一句真实问题和对应的图表结果。看懂它能做什么以后,可以直接打开 AI 面板继续问。

自然语言问数趋势自动分析业务指标解读
AI 报表助手场景气泡AI 报表助手场景气泡
把自然语言问题、图表结果和继续提问放在同一个工作路径里。

07 / INTERACTIVE PROTOTYPE

LIVE PROTOTYPE 可交互

不只看界面,直接体验一次。

从发现 AI 功能、理解功能价值,到开始第一次操作,体验这套引导如何帮助用户进入 CRM AI。

  1. 发现 AI 功能
  2. 理解它能做什么
  3. 开始第一次使用

Click to explore ↗ 使用下一步、跳过或重新体验

AI 引导原型预览

正在加载可交互原型…

场景体验 · INTERACTIVE DEMO客户详情页的场景化提示点击展开收起体验

第 1 / 3 步

AI 电话分析

通话录音自动转文字,AI 提炼客户需求、意向度、沟通重点与下一步建议。

通话分析结果
客户意向
高意向
沟通重点
关注价格与实施周期
下一步建议
跟进解决方案与交付计划
通话转文字意向度评估需求提炼下一步建议

交付规则:页面遮罩 42%,目标元素置于遮罩之上,卡片以 300ms 淡入并轻微上移。

界面中的业务数据为产品演示内容,不代表项目上线效果。

08 / DESIGN SYSTEM

橙色只用在需要用户注意的地方。

目标标签、当前进度和主按钮使用品牌橙,其余区域保持低对比。引导能被看见,同时不会盖过 CRM 页面里的客户信息。

品牌主橙#FF6A1A
亮橙辅助#FF7A2F
浅橙背景#FFF3EA
浅橙描边#FFD8C2
橙色文字#F05A1A
主文字#1F2329
正文文字#4E5969
弱提示文字#86909C

字体与阅读

PingFang SC

标题说明任务,正文解释价值,弱提示补充操作。固定阅读顺序,减少认知负担。

组件与层级

统一提示卡、进度与按钮规则。橙色强调目标入口和主要操作,背景与辅助内容保持安静。

触发与退出

首次触发,按页面顺序引导;最后一步切换完成状态。允许随时跳过,不阻断原有工作。

09 / OUTCOME & REFLECTION

一周做完,跟着 CRM AI 新版本一起上线。

引导覆盖首次进入、客户详情、客户列表和报表中心。目前没有可以公开的转化数据,这里只保留已经确认的设计周期、覆盖范围和上线状态。

设计周期
1 周
覆盖范围
全平台
项目状态
已上线

统一引导逻辑

将首次进入与页内提示连成一条路径。

明确场景表达

围绕客户、跟进和报表任务解释 AI 的价值。

支持版本上线

覆盖 CRM 多个业务模块,并为后续引导扩展保留一致规则。

做完后的判断

入口做得醒目,用户仍然可能不知道怎么开始。提示要出现在用户正在处理任务的页面里。后续如果能拿到数据,我会看完成率、跳过率和首次使用率,判断哪种触达方式能减少第一次操作时的犹豫。