CHAPTER 6 · EP 39

把交互翻译给 AI 听 · 专题收官

第 6 章 · 第 39 讲 · 16:07

时长 16:07音色 云健 · 男声章节 6

同步字幕

章节导航(点击跳转)

0:00开场 · 前七节识别,这两节翻译1:23
1:23一 · 功能清单是怎么骗人的1:26
2:50二 · 两种提示词对决1:56
4:46三 · 人物模型与贪多实验1:46
6:33四 · 情境场景,让模型自己长出功能1:44
8:17五 · 状态五件套与边界轮盘1:35
9:53六 · 先报姿态,再谈密度4:38
14:31可带走的判断清单1:35
解读全文

ep39 · 把交互翻译给 AI 听 · 专题收官

模块:M6 产品手感 | 篇章:交互工程 8 至 10 节
本集解决「怎么把识别出的交互要求翻译给 AI」:目标导向提需求、状态与边界写死、上线前第二张清单。
来源:xueai.miyang.cn(小山学堂 · 洛小山《学 AI 产品,从入门到精通》)

一、本集定位:识别之后,翻译才是瓶颈

前七节教的是识别好交互,这一集讲后半段:怎么把识别出来的要求翻译给模型听。

很多人在这里掉链子——跟 AI 提需求时列了一堆功能,「要上传、要表单、要导出」,每一项它都做了,合起来却谁的问题都没解决。

需求描述的颗粒度,直接决定产出的档次:你写功能清单,它交回一个柜台;你写人物和场景,它交回一个工具。


二、能力地图:两段提示词

段落回答什么内容
第一段 · 目标场景要什么人物 + 目标 + 从头到尾走一遍的场景
第二段 · 交互规格别糊弄状态列全、边界说死、防错写明

两段拼起来,就是喂给 AI 的完整需求。


三、目标导向:用目标描述需求

功能清单是怎么骗人的

跟 AI 提需求,多数人的第一反应是列功能:「要有上传、要有表单、要有导出」。清单看着专业,其实把最重要的信息漏掉了——这些功能凑在一起,到底要帮谁完成什么。

《About Face 4》第 1 章把这件事定成方法论的地基:交互设计先研究用户的目标,再从目标推导功能。

目标 vs 任务

维度目标任务
定义对最终状态的预期达成目标的中间步骤
寿命几十年不变(把报销交出去)隔几年就换一茬(从贴发票到拍照识别)
盯着它提需求的结果AI 有机会把任务本身省掉AI 给你的是旧任务的电子版

判据:追问一句「做这个是为了什么」——还答得上来的是任务,答不上来的是目标。

举例:

  • 「要有上传按钮」→ 为了把发票交给系统(任务)
  • → 为了把报销交出去(还是任务)
  • → 为了月底不用惦记这件事(到这里答不上来了,这就是目标)
「我们把这种直接研究并满足用户目标与需求的方法,叫作目标导向设计。」—— 先问为谁、为什么,再问做什么。

提示1 · 追问「为了什么」最多问三层

判断目标和任务时,很多人问一层就停了,把任务当成了目标。更实用的做法是连续追问三层:第一层通常得到的是任务,第二层还是任务,到第三层往往就碰到那个「答不上来」的终点——因为目标本身就是答案。这个「答不上来」的感觉不是失败,恰恰是找到了目标。 三层之内碰不到底,说明这件事的目标可能还没想清楚,值得先停下来跟需求方对齐。


四、两种提示词的对决

同一个报销工具,两种提示词喂给 AI:

提示词 A · 功能清单提示词 B · 目标场景
写法逐项列功能:发票上传、金额输入框、类别下拉、备注、审批人选择、提交按钮、历史记录表格、筛选、导出 Excel用户是销售小美,每月底攒一叠出租车发票。目标:三分钟内交完报销,不打断手头工作。场景:拖入发票照片,系统自动识别金额和类别,她扫一眼确认,点提交,看到「已提交,预计 3 天到账」
产出标准表单页,字段摆齐,下面一张历史记录表。能用,但本质是电子表格三步流程:拖入发票 → 确认 → 完成。写着「支持批量,金额和类别自动识别」,提交后 5 分钟内可撤回

关键细节:B 的提示词里一个控件名都没提,但产出里的拖放、自动识别、撤回,反而都是 A 清单里没有的。

功能是从目标里长出来的,你把土壤给够,AI 自己会结果。

素材例题:哪句需求最好

要做一个记账 App 的「记一笔」页面,哪句需求最好?

  • A 要有金额键盘、分类九宫格、日期选择、备注框、保存按钮
  • B 参考主流记账 App 做一个记一笔页面,好看一点
  • C 用户是上班族,目标是排队买咖啡的间隙五秒记完一笔,常记的就那几类,最好两下点完
  • D 页面分三个区块,顶部输入金额,中部选分类,底部大按钮保存

答案是 C。 A 是控件清单,B 是审美许愿,D 是设计者视角——只有 C 把人和目标交代清楚了。


五、人物模型与贪多实验

人物模型(persona)

目标得有主人。《About Face 4》第 3 章的工具是人物模型:从真实用户里提炼出一个有名字、有职业、有目标的具体人,设计时所有取舍都拿他当裁判。

每个界面只伺候一位首要人物。

角色身份目标定位
小美销售 · 每月报销一次三分钟交完报销,别打断我跟单首要人物
老周财务 · 每天审几十单一眼看出哪单有问题,批量处理没问题的次要人物
大刘总监 · 常年出差多币种发票别让我自己换算次要人物

次要人物的需求可以做,但只能在不挤占首要人物的前提下塞进角落。

贪多实验

素材做了一个实验:小美的报销首页本来只有「拖入、确认、提交」三步。每点一次按钮,就往里塞一位新用户的需求:

  1. 老周要的审批工作台(待审 23 单 · 异常 2 单 · 批量通过 · 驳回原因库)
  2. 大刘要的汇率中心(USD 7.18 · EUR 7.82 · JPY 0.048 · 历史汇率曲线)
  3. 经理要的团队报表(本月部门报销 ¥42,190 · 同比 +18%)
  4. 行政要的发票归档打印(按月装订 · 生成封面 · 对接打印机)

塞到第四位时,整页已经面目全非,小美的三分钟目标被埋在了最底下。

结论:一个界面只伺候一位首要人物,谁都想照顾的界面,最后谁都用不顺。


六、情境场景:让 AI 自己长出功能

什么是情境场景

人物和目标就位后,《About Face 4》第 4 章的最后一件工具是情境场景:不谈技术、不点名控件,像讲故事一样写这个人从头到尾怎么达成目标。

场景一写,哪些功能必须有、哪些纯属想象,自己就浮出来了。 这也正是喂给 AI 最好的格式:它读得懂故事,也补得出故事里缺的零件。

四条功能语的场景化翻译

功能语翻成场景语后的对应
要有会议室预订功能,支持按时间筛选他说出时间和人数,系统只给他看当下订得到的房间
要有日历视图和列表视图切换订完顺手看一眼这周的安排
要有会议提醒推送设置开会前收到一条刚刚好的提醒
要有取消预订和改期功能同事临时改期,他在原记录上一步改完,不用取消重订

拼好的场景提示词:

用户是行政专员阿哲,每周要给三个团队订会议室,目标是十秒内订到一间能用的,订错了能马上改。走一遍场景:他说出时间和人数,系统只给他看当下订得到的房间;订完顺手看一眼这周的安排;开会前收到一条刚刚好的提醒;同事临时改期,他在原记录上一步改完,不用取消重订。界面的状态(加载、空、错误)和控件选择你来定,以帮阿哲达成十秒目标为准。

留意每条翻译的共同点:主语从「系统」换成了「人」。

可背下来的模板

用户是__,目标是__。走一遍场景:__。界面细节你来定,以帮用户达成目标为准。

这三句话,比一份二十行的功能清单管用得多。

提示2 · 把「控件选择权」明确交出去

场景提示词里有一句容易被忽略但极重要的话:「界面的状态和控件选择你来定,以帮用户达成目标为准。」 这句话的作用是把决策权连同验收标准一起交给 AI——它不再是照单实现控件的工人,而是要为「目标达成」负责的设计者。这句话还有一个副作用:当你没有指定控件时,AI 反而可能给出你没想到的方案(比如素材里的拖放上传和自动识别)。如果你已经想清楚要什么控件,就写死;如果没想清楚,就说清目标并把选择权交出去——最糟的是既没想清楚又列了一堆控件。


七、把状态和边界写进提示词

为什么 AI 的产出总是「晴天版」

你说「做一个订单列表页」,AI 脑补的画面永远是:网络通畅、数据正好一屏、用户不会点错。 它不是偷懒,是你给的描述里只有晴天。

状态五件套

状态不写会怎样写了会怎样
加载中白屏骨架屏 / 进度说明
空列表「暂无数据」「你的订单会出现在这里」+ 引导按钮
加载失败无反应说人话给出路
弱网超时无反应明确的等待与重试
操作成功弹窗邀功页内轻提示

「自由发挥」四个字在交互上的意思通常是:白屏、alert、没反应。

素材对决:同一个订单页在新用户眼里的两个版本——

  • A(没提空态):一行灰字「暂无数据」
  • B(多写了一句空态规格):「你的订单会出现在这里,下第一单后,物流和发票都在这页管」+「去逛逛」按钮

多写一句,留住的可能是新用户。

边界轮盘:六种藏得最深的情况

这些边界情况的共同特点是:演示时永远碰不到,上线第一周全都来报到。 每一种都要在提示词里补一句明确要求:

  • 列表为空时 → 给引导
  • 网络失败时 → 给重试与说明
  • 重复提交时 → 幂等或禁用
  • 权限不足时 → 说明并给出路

每个「时」后面接一句具体要求,别让 AI 自己猜。

提示3 · 状态和边界是「验收条款」,不是「补充说明」

很多人把状态和边界写在提示词的最后,当成可有可无的补充说明。更好的做法是把它们当成验收条款来写——每一条都是可以被检查的:空列表时有没有引导、网络失败时有没有出路、重复提交有没有防护。写成条款之后,验收时你就能逐条对照,而不是凭印象说「感觉空态有点空」。这个心态转变带来的差别是:从「描述我想要什么」变成「约定我们要检查什么」。


八、先报姿态,再谈状态密度

状态和边界要写到多细,取决于界面的姿态。《About Face 4》第 9 章把产品分成几种姿态:

姿态典型产品用户状态状态密度
主权姿态(sovereign)IDE、后台、表格熟手,屏幕归它独占可以密:骨架屏、行内校验、批量进度、快捷键提示都值得写
临时姿态(transient)扫码、计算器、请假申请每次来都像第一次来要少而醒目:一屏一件事,反馈大而直白

姿态报错的典型翻车:给用完就走的请假页配上主权级的筛选器和统计图,或者给整天盯着的监控后台配上大字报式的单屏流程。

密度跟着姿态走,姿态跟着使用频率走。


九、交互验收清单:上线前的第二张清单

14 项,分六组

组别项数检查什么
状态3加载、空、错误三件套齐不齐
防错与可逆3危险操作可逆吗、不可用项有没有禁用
流程2还能砍一步吗、有没有多余打断
习惯用法与控件3有没有发明奇怪交互、控件选对了吗
文案2说人话吗、有没有责备用户
体贴1记性好(选过的城市、填过的抬头不用重填)

「记性好」这一项有出处:《About Face 4》第 8 章把好软件比作体贴的人,列了一整张体贴清单,「记性好」是里面最省事也最见效的一条。用户选过一次的城市、填过一次的发票抬头,第二次还要重填,就是软件在装失忆。

验收演练:五处交互事故

素材里一个云笔记应用,按「AI 一把梭」的真实水平做的,五处事故分别踩了本章五节的雷:

事故违反了什么
「清空全部」紧挨着「全选」危险操作没拉开距离
「新建笔记」是四步向导,第一步选笔记类型流程还能砍
「双击分享本页」链接的习惯用法被改成双击
「操作已完成 · 您的请求已被系统处理」机器人文案,没说操作是什么、成没成
反馈用一个必须点「确定」的弹窗反馈方式不对

清单当打回话术用

打回理由效果
「交互不太好用,再优化一下」AI 改不准
「删除没有撤销,只有确认弹窗。改成:立即执行 + 5 秒撤销 toast + 回收站保留 30 天」改得准

清单当打回话术用,比「再优化一下」快十倍。

三张清单,配成上线前的一套

清单管什么怎么验
第一张 · 审美好看层级、间距、克制、一致性、细节,15 项看稿
第二张 · 交互好用状态、防错、流程、习惯用法、文案、体贴,14 项上手点
第三张 · 心理学好感受感知性能、信任校准、蜜月悬崖,14 问走心

上线前按顺序过,谁也不替谁。

全章 9 节串成三句话

  1. 识别(第 1 至 5 节):四个抓手——状态三件套齐不齐、危险操作可逆吗、流程还能砍一步吗、有没有发明奇怪交互。按这个顺序上手点。
  2. 细节(第 6 至 7 节):互斥用单选钮、多选用复选框、立即生效用开关、超一屏才用下拉;按钮用动词说清后果,标签说用户的话。
  3. 翻译(第 8 至 9 节):需求用人物加目标加场景讲,规格把五态列全、边界说死、防错写明。

延伸阅读

类型推荐重点
书《About Face 4》本章母本;别只读第 17 章,第 1-4 章的目标导向、第 8 章的体贴清单、第 11-15 章都值得过一遍
书《Don't Make Me Think》(《点石成金》)最薄的可用性经典,两小时读完
书《Microinteractions》把单个交互拆成触发、规则、反馈、循环四段
原则Nielsen 十条可用性启发式用了四十年还没过时的验收框架
规范Apple HIG 的 Patterns 章习惯用法的标准答案库

十、审查清单

目标导向

  • 需求里写的是人物 + 目标 + 场景,不是功能清单
  • 每个界面明确了一位首要人物
  • 次要人物需求只在不挤占首要人物的前提下存在
  • 控件选择权要么写死,要么明确交给 AI

状态与边界

  • 加载、空、错误、弱网、成功五态点名列全
  • 列表为空 / 网络失败 / 重复提交 / 权限不足,每个「时」后面有明确要求
  • 提示词里先报了界面姿态(主权 / 临时)
  • 状态密度与姿态匹配

验收与打回

  • 交互验收是上手点的,不是看截图的
  • 打回理由用了清单原话,不是「再优化一下」
  • 三张清单(审美 / 交互 / 心理学)上线前按顺序过

清单用法:不要一次性全勾。先挑当前项目里最容易出事的那一类,只把那一类勾完,改动一次、验证一次。清单的价值在于暴露盲区,不在于制造「全部通过」的成就感。


十一、约束说明

本集内容严格取材于 content-slices/pm39-m6.md 所聚合的三节课节素材,不跨集取材、不虚构源文档没有的数据、案例与引文。

几处需要说明的约束:

  1. 英文缩写与专有名词处理。 口播稿中不直接念英文缩写、产品名与人名,统一转译为中文表达:persona 转为人物模型,toast 转为「可撤销提示条」,alert 转为弹窗,IDE 转为开发工具,App 转为应用,Excel 转为表格,About Face 4 转为「一本交互设计经典」,Cooper 转为「那位作者」,Nielsen 转为「一位可用性研究者」,Apple HIG 转为「一家大厂的界面规范」。
  2. 货币代码处理。 素材中的汇率示例含美元、欧元、日元三种货币代码,口播稿改为中文货币名,避免播报中夹杂字母。
  3. 人名处理。 素材中的人物模型(小美、老周、大刘、阿哲)为教学示例角色,口播稿保留原名,便于听众建立人物印象。
  4. 数字表述。 口播稿中数字统一用中文表述(如三分钟、五秒、三十天、二十三单、七点一八),便于语音合成时的自然朗读。
  5. 跨章引用处理。 素材中指向本章第 2 节与心理学篇的跳转卡不进入口播,改为自然承接,避免口播出现章节编号造成的困惑。
  6. 题库隔离。 本集无题库页,口播稿不含任何自测题目内容。
  7. 时长与字数门禁。 口播稿净字数控制在 4600 至 5300 之间,对应音频时长 12 至 20 分钟,均符合产线门禁。
  8. 来源标注。 本集所有素材来源为小山学堂 · 洛小山《学 AI 产品,从入门到精通》,二次演绎配音版。

十二、来源

本集素材来源:xueai.miyang.cn(小山学堂 · 洛小山《学 AI 产品,从入门到精通》)

小山学堂「交互工程」专题原创;目标导向设计、人物模型与情境场景的方法整理自《About Face 4:交互设计精髓》第 1、3、4 章;错误与状态的原则整理自第 15 章;界面姿态整理自第 9 章;体贴软件清单整理自第 8 章(Alan Cooper 等著)。

二次演绎配音版,仅供学习交流使用。