这是整套 will-ai-note 系列的「目录页 / 入口」。 一句话定位:这套笔记教你「用 AI 做 UX」,不是「怎么做 UX」(后者去看 Google UX 证书 / UX 设计基础 的 UX craft 系列)。
这套工作流是什么:一条「从发现问题到交付表达」的流水线
Will 把一个完整的 UX 设计项目,从「我察觉到一个问题」一直到「我能在面试 / 评审 / 作品集里把它讲清楚」,拆成了一条有先后顺序的流水线。核心思想:
把发现问题 → 表达交付的全过程串起来,形成一套可复用的思维框架。
主线(英文 = Will 原始命名,中文 = 人话):
A Discover & Research 发现问题 & 用户研究
B Define & Insight 定义问题 & 提炼洞察
C Ideate 方案构思
D Experience Design 体验设计(界面 / 状态 / 动效)
E Validate 验证(A/B 对比 + 指标)
F Deliver 交付(讲故事 / 面试稿 / 作品集)
为什么是这个顺序(Why):这条线本质是「先收敛、再发散、再收敛」的循环——
- A 先把背景铺开:不搞清业务背景和用户场景,后面全是无根之木。
- B 把模糊问题收敛成可验证的假设和洞察:从「我感觉这里不好用」收敛到「我赌的是 X,验证方式是 Y」。
- C 在洞察之上发散出策略、信息架构、功能逻辑、方案文档:这是「想清楚要做什么」。
- D 把方案落成具体界面、状态、动效、高保真原型:这是「做出来长什么样」。
- E 用对比数据和指标验证:证明改版真的更好,且结论逻辑自洽。
- F 把整段历程包装成能对外讲的叙事:面试逐字稿 + 作品集分页。
用生活类比:像写一篇有说服力的论文。A 是选题和查背景,B 是立论和找论据,C 是搭论文大纲,D 是把每段写满写好,E 是做实验拿数据证明,F 是答辩时怎么讲。顺序错了(比如没立论就开始写正文),后面一定返工。
AI 在每个阶段扮什么角色(这套笔记的真正价值)
普通 UX 流程人人都知道。Will 这套的差异点是:每个节点都标注了「AI 怎么介入」,让你「既知道做什么,也马上学会怎么用 AI 做到」。AI 的角色随阶段变化:
| 阶段 | AI 主要扮演 | 通俗讲 |
|---|---|---|
| A 发现 | 背景研究助手 | 帮你快速补齐行业 / 竞品 / 场景背景 |
| B 定义 | 模拟研究员 | 真实数据还没拿到时,先用 AI「扩展生成」研究数据补缺口 |
| C 构思 | 结构化拆解器 | 把洞察拆成信息架构 / 功能逻辑 / 方案文档 |
| D 体验 | 设计执行 + 出图 | vibe coding / Figma Make / 出 UI、状态、动效、可交互 demo |
| E 验证 | 对比可视化器 | 把 A/B 差异、指标做成有说服力的图 |
| F 交付 | 叙事 + 排版助手 | 写面试逐字稿、生成作品集页面、优化排版 |
一条贯穿全程的关键原则(Why 重要):AI 生成的研究数据、对比证据、验证材料,先用「扩展生成」补现实项目里拿不到的缺口(尤其个人作品集场景没有真实用户);一旦拿到真实数据和反馈,就回去把对应节点的模拟材料替换掉。这避免了「用 AI 编的数据自欺欺人」——它只是脚手架,不是结论。
阶段导航表:做什么 → 用哪篇 wiki 深入
每个阶段在 Will 原笔记里都拆成了带编号的子步骤(a-1、b-1…),下面是骨架 + 对应深入 wiki:
| 阶段 | 核心产出(子步骤) | 深入 wiki |
|---|---|---|
| A · Discover & Research<br>发现问题 & 用户研究 | a-1 业务背景 & 用户场景 · a-2 业务目标 & 用户任务 · a-3 从用户视角识别界面问题(UI Symptoms)· a-4 定义体验挑战(Design Challenge) | AI 辅助 UX·发现与研究阶段(用 AI 做业务/体验目标·MVP指标·问题定位·用研报告·背景信息图 的提示词与流程) |
| B · Define & Insight<br>定义问题 & 洞察 | b-1 建假设 & 验证路径 · b-2 AI 生成模拟研究数据 · b-3 结构化整理 + 可视化 · b-4 提炼关键洞察 | AI 辅助 UX·定义与洞察阶段(用 AI 提炼洞察·用研可视化·图表选型·眼动解读·方案打分 的提示词与流程) |
| C · Ideate<br>方案构思 | c-1 定义设计策略 · c-2 信息架构 & 用户流程(IA & Flow)· c-3 功能 & 交互逻辑 · c-4 改版方案文档(DRD)· c-5 可交互原型验证关键路径 | AI 辅助 UX·构思阶段(用 AI 做项目决策报告·竞品分析·创新产品生成·用户流程线框 的提示词与流程) |
| D · Experience Design<br>体验设计 | d-1 界面布局 & 视觉体系 · d-2 状态 & 反馈机制 · d-3 动效(Motion)· d-4 高保真可交互演示原型 | AI 辅助 UX·体验/UI 设计阶段(用 AI 生成美观UI·设计系统·配色·交互状态·微文案·UI转代码Figma·响应式 的提示词与流程) |
| E · Validate<br>验证 | e-1 补 A/B 对比的客观数据 · e-2 验证结果可视化 · e-3 分析方案差异 & 设计思考(结论自洽)· e-4 业务 & 体验指标验证假设(Impact & Metrics) | （并入 AI 辅助 UX·交付阶段(用 AI 做排版设计·板式转代码Figma·方案评审·展示AI价值 + will 自制 UX 指标拆解 skill) 前置 / 见各阶段 Validate 子节) |
| F · Deliver<br>交付 | f-1 面试逐字稿叙事结构 · f-2 表达优化 & 演练 · f-3 作品集分页结构 · f-4 页面内容生成(NotebookLM)· f-5 参考优化视觉排版 | AI 辅助 UX·交付阶段(用 AI 做排版设计·板式转代码Figma·方案评审·展示AI价值 + will 自制 UX 指标拆解 skill) |
注:E-Validate 在 Will 原图里是独立一格,但它的「补数据 + 可视化 + 指标证明」本质是为 F 交付服务的论据准备,本系列把它当 F 的前置环节看待。
工具篇导航:支撑各阶段的「怎么用 AI」具体技能
阶段 wiki 讲「在哪个环节用 AI」,工具篇讲「具体用哪个工具、怎么调教它」。这些是横跨多个阶段的通用技能:
| 工具 wiki | 一句话用途 | 主要服务阶段 |
|---|---|---|
| Google Prompting Essentials 提示词课精华(提示词框架/4种迭代法/提示链/高频场景套路) | Google 提示词方法论(写 prompt 的底层功) | 全程 |
| AI 驱动产品设计 / Vibe Coding 流程(一句话需求→拷问→PRD→DRD+编程提示词→Figma Make demo→发布→视觉迭代) | 用 vibe coding(对着 AI 聊着把界面写出来)做设计 | C / D |
| Figma Make 用法手册(基础/模板/带入设计库风格/加 Guidelines/开源组件/加后端/发布 的操作与何时用) | Figma Make(Figma 官方 AI 生界面)用法 | C / D |
| Codex + Figma 工具链(装 Figma skill/MCP·生成图表组件库幻灯片·原型转Figma·SVG图标自动替换 的步骤与 skill) | Codex + Figma 联动(代码生成接进设计稿) | D |
| AI 视觉与动效技法(图像放大变清晰/3D图标IP设计/KV主视觉/风格化插图/视觉重构Remix 的提示词与工具) | 视觉与动效(Visuals & Motion)生成 | D |
| 在 Claude.ai 安装和使用 Skill(操作步骤 + 何时用) | Claude / AI skills 的使用 | 全程 |
| Will 的 AI bot 使用心法 + UX 通用面试题 + 创意讲解项目提示词 | 工具箱 + bot 访谈(用 AI 跑用户访谈) | A / B |
与 google-ux craft 系列的关系:两条腿走路
很容易混淆这两套笔记,记住一句话区分:
- Google UX 证书 / UX 设计基础 系列 = 「怎么做 UX」(UX craft):用户研究、信息架构、可用性、视觉规范这些设计本身的功夫。这是地基,AI 时代之前就该会。
- 本 will-ai-note 系列 = 「用 AI 做 UX」:在你已经懂 UX 的前提下,让 AI 在每个环节提速、补缺口、出物料。这是放大器。
为什么要分开看(Why):AI 是放大器不是替代品。底层 UX craft 越扎实,AI 放大出来的东西越靠谱;UX 功夫是 0,AI 帮你高效产出的也是 0。 所以理想顺序是先把 Google UX 证书 / UX 设计基础 的地基打牢,再用本系列把效率拉满。
一页速记(给赶时间的你)
- 这套是什么:A→F 的 AI 辅助 UX 流水线,发现问题 → 交付表达全打通。
- 怎么用:从你当前所处阶段进对应 wiki(A 找问题就看 AI 辅助 UX·发现与研究阶段(用 AI 做业务/体验目标·MVP指标·问题定位·用研报告·背景信息图 的提示词与流程),要交付作品集就看 AI 辅助 UX·交付阶段(用 AI 做排版设计·板式转代码Figma·方案评审·展示AI价值 + will 自制 UX 指标拆解 skill)),需要具体工具技能再翻工具篇。
- 核心原则:AI 生成的研究 / 验证材料是脚手架,拿到真实数据务必回填替换。
- 别混:本系列 = 用 AI 做 UX;Google UX 证书 / UX 设计基础 = 怎么做 UX。两条腿,先地基后放大。
English Summary (bilingual)
What this is. The entry/index page for the will-ai-note series — Will's "AI-empowered UX workflow," a reusable pipeline running from discovering a problem to delivering the narrative.
The backbone. A Discover & Research → B Define & Insight → C Ideate → D Experience Design → (E Validate) → F Deliver. The logic is converge-diverge-converge: A frames context, B converges a vague problem into testable hypotheses & insights, C diverges into strategy/IA/flows/spec docs, D realizes concrete UI/states/motion/prototypes, E proves it with A/B data & metrics, F packages the whole journey into an interview script + portfolio.
AI's role shifts by stage. Research assistant (A) → simulated researcher (B, generate stand-in data) → structurer (C) → design executor / image gen (D) → comparison visualizer (E) → narrative & layout helper (F). Key rule: AI-generated research/validation material is scaffolding to fill real-world gaps; once you have real data, replace the simulated nodes.
Navigation. Stage wikis: AI 辅助 UX·发现与研究阶段(用 AI 做业务/体验目标·MVP指标·问题定位·用研报告·背景信息图 的提示词与流程) · AI 辅助 UX·定义与洞察阶段(用 AI 提炼洞察·用研可视化·图表选型·眼动解读·方案打分 的提示词与流程) · AI 辅助 UX·构思阶段(用 AI 做项目决策报告·竞品分析·创新产品生成·用户流程线框 的提示词与流程) · AI 辅助 UX·体验/UI 设计阶段(用 AI 生成美观UI·设计系统·配色·交互状态·微文案·UI转代码Figma·响应式 的提示词与流程) · AI 辅助 UX·交付阶段(用 AI 做排版设计·板式转代码Figma·方案评审·展示AI价值 + will 自制 UX 指标拆解 skill). Tooling wikis: Google Prompting Essentials 提示词课精华(提示词框架/4种迭代法/提示链/高频场景套路) · AI 驱动产品设计 / Vibe Coding 流程(一句话需求→拷问→PRD→DRD+编程提示词→Figma Make demo→发布→视觉迭代) · Figma Make 用法手册(基础/模板/带入设计库风格/加 Guidelines/开源组件/加后端/发布 的操作与何时用) · Codex + Figma 工具链(装 Figma skill/MCP·生成图表组件库幻灯片·原型转Figma·SVG图标自动替换 的步骤与 skill) · AI 视觉与动效技法(图像放大变清晰/3D图标IP设计/KV主视觉/风格化插图/视觉重构Remix 的提示词与工具) · 在 Claude.ai 安装和使用 Skill(操作步骤 + 何时用) · Will 的 AI bot 使用心法 + UX 通用面试题 + 创意讲解项目提示词.
Relation to the craft series. This series = doing UX with AI; Google UX 证书 / UX 设计基础 = how to do UX (the craft). AI is an amplifier, not a replacement — lay the craft foundation first, then turn the AI amplifier up.