AI 交互设计库
设计框架与用户旅程
先建立全局视角，了解模块之间的关系。
01 / 0900 · 整体框架
一条用户旅程 + 一个信任底座
A→F 顺着用户用 AI 的过程展开:进来 → 提问 → 等待 → 看答案 → 认识它 → 出错兜底;G 是贯穿全程的信任与控制。
A
入口
怎么进来
B
输入
怎么提问
C
过程
等待时
D
输出
怎么回答
E
形象
它是谁
F
异常
出问题时
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 个要素进入 →