CE青年
AI 交互设计库 · 交互模式

AI 产品
怎么设计

把 AI 产品拆成 7 个设计模块、62 个可交互要素。每个都能上手点、配真实产品链接 —— 给设计师和 B 端 PM 看的「能玩的」AI 设计手册。

7
设计模块
62
交互要素
100%
可点可玩
180+
竞品链接
00 · 整体框架
一条用户旅程 + 一个信任底座
A→F 顺着用户用 AI 的过程展开:进来 → 提问 → 等待 → 看答案 → 认识它 → 出错兜底;G 是贯穿全程的信任与控制。
A
入口
怎么进来
B
输入
怎么提问
C
过程
等待时
D
输出
怎么回答
E
形象
它是谁
F
异常
出问题时
G · 底座信任与控制 —— 人工确认 / 自动化档位 / 可撤销 / 权限 / 审计 / 溯源,贯穿以上每一步。 进入 →
00.5 · 怎么用
三种用法
每个要素都做成了「点一下就动」的真实交互,并配了同款产品链接 —— 看、玩、查、讲都行。
01
按旅程顺读

从 A 到 G 顺着用户用 AI 的过程通读一遍,建立完整心智。每个模块底部都有「下一模块」引导。

02
按需查单点

做某个功能时,用顶部 A–G 直接跳到对应模块,点「▶ 演示」看交互、读「适用 / 要点 / 取舍」、点开同款产品体验。

03
拿去讲 / 走查

每个要素都带「适用场景 / 设计要点 / 注意取舍 / 同款产品」,可直接当讲解素材或设计走查清单。

01 · 设计模块
七个模块,逐个上手玩
A
用户旅程 · 进来

入口设计

AI 怎么被唤起 —— 悬浮球、划词、命令面板、空状态引导,8 种入口都能真实触发。

图标快捷上下文空状态
8 个要素进入
B
用户旅程 · 提问

输入设计

用户怎么提问 —— 自适应输入框、推荐问题、Prompt 模板、/ 指令、附件、语音、上下文挂载。

输入框引导增强上下文
9 个要素进入
C
用户旅程 · 等待

等待与过程设计

AI 思考时界面怎么表现 —— 骨架屏、思考步骤、工具调用、流式输出、停止、超时降级。

等待过程流式可控
9 个要素进入
D
用户旅程 · 回答

对话与输出设计

答案怎么呈现 —— 代码块、表格、图表、卡片、溯源引用、消息操作、分栏工作区 Artifacts。

富内容溯源操作布局
9 个要素进入
E
用户旅程 · 认识它

形象与人格设计

AI 是谁 —— 头像形态、状态动效、语气标尺(5 档)、称呼人称、边界感、拒答、命名。

视觉动效语气命名
9 个要素进入
F
用户旅程 · 出错时

异常与反馈设计

出问题时怎么办 —— 生成失败、限流、安全拦截、空结果、反问、部分成功、免责、反馈闭环。

错误兜底安全反馈
9 个要素进入
G
横切 · 信任底座

信任与控制

贯穿全程的信任底座 —— 人工确认、自动化档位、可撤销、权限边界、记忆可清除、审计、溯源。

执行结果权限审计
9 个要素进入