开场：AI 挑控件，靠的是掷骰子
让 AI 生成一张表单，控件八成是随手抓的：三个选项也塞进下拉，单选多选看心情，再顺手给每个动作都配一个弹窗。这些毛病单看都不大，叠在一张表单里，用户每一步都在多花力气。
一句话速览：互斥选一个用单选钮，可勾多个用复选框，立即生效用开关，选项超过一屏才配用下拉。
一、AI 挑控件的典型病
| 典型病 | 现场 | 用户多付的成本 |
|---|---|---|
| 三个选项也用下拉 | 发票类型就三种，藏进「请选择」里 | 多点一次才能看见选项，选项之间没法直接比较 |
| 单选多选随缘 | 互斥的选项给了复选框，能多选的给了单选钮 | 勾出矛盾数据，或者想多选却选不了 |
| 什么都爱弹框 | 保存成功弹一个，切换页签也弹一个 | 每个弹窗都是一次打断 |
Cooper 在《About Face 4》第 21 章把这些零件逐个讲过，规则清楚得能背下来。
二、四句口诀，控件各回各家
| 控件 | 什么时候用 | 关键规则 |
|---|---|---|
| 单选钮 | 互斥、必选一个、选项一屏放得下 | 名字来自老式汽车收音机：按下电台键前一个自动弹起。成组才有意义，单独一个单选钮点上就取消不掉，直接判它无意义 |
| 复选框 | 可多选，或单个的「勾 / 不勾」标记 | 勾上做标记，再点取消。方形是它几十年攒下的脸，别改成圆的，圆形会和单选钮撞脸 |
| 开关 | 二选一且立即生效的设置项 | 拨下去当场变，不用再点保存。要跟着表单一起提交的选项就别用开关 |
| 下拉 | 选项超过一屏，屏幕装不下的妥协 | 初始状态只露出当前选中项，其余全藏起来，看一眼选项就要付一次点击 |
「链接用于导航，按钮用于动作。」——Alan Cooper：让控件干别人的活，用户就要重学一遍。
三、六个场景连连看
| 场景 | 正确答案 |
|---|---|
| 报销单里选发票类型：专票、普票、电子票，只能选一种 | 单选钮 |
| 订阅设置「你想收到哪些邮件」：产品更新、活动通知、每周精选，随便勾 | 复选框 |
| 设置页的「深色模式」，一改界面立刻变色，不用保存 | 开关 |
| 收货地址选省份，一共 34 个选项 | 下拉 |
| 收银台选支付方式：微信、支付宝、云闪付，选一种付款 | 单选钮 |
| 注册页的「我已阅读并同意服务条款」，勾了才能注册 | 复选框 |
四、下拉的账：每次看选项都要付一次点击
四种控件里最常被 AI 滥用的就是下拉。它初始只显示上次选中的条目，其余选项全部不可见。选项看不见，用户就没法比较，也预估不了这一步要花多久。
正反例： 同一个外卖下单页选配送时间——A 三个时段收进下拉，点开之前一个都看不见；B 三个时段平铺，各带说明，默认选好最常用的「立即送出」。B 还偷偷用上一招：选项可见 + 默认合理，多数用户一秒通过，这正是防错三板斧里「默认值兜底」在控件层的样子。
五、对话框是打断，能不弹就不弹
第 21 章给对话框的定位讲了一个厨房比喻：应用是厨房，对话框是食品储藏室，它推动情节，但当不了主角。主要的交互操作要放在主窗口里，对话框只装主流程之外的东西：危险的、少用的、需要把一个主题的信息集中到一处的。还有一条细节：功能对话框的标题要用动词，让用户一眼知道自己在确认什么。
五连判： 清空回收站（永久删除、无撤销）→ 该弹；保存成功 → 不该弹（用 toast）；表单信息不完整 → 不该弹（前置校验禁用）；导出全部数据（要选格式/范围/附件）→ 该弹；同步完成 → 不该弹。
六、速查表：抄进提示词，AI 就不掷骰子了
| 控件 | 什么时候用 | AI 常见误用 |
|---|---|---|
| 单选钮 | 互斥、必选一个、选项一屏放得下 | 该用它的地方给了下拉或复选框 |
| 复选框 | 可多选，或单个的「勾 / 不勾」标记 | 互斥选项也给复选框，勾出矛盾数据 |
| 开关 | 二选一且立即生效的设置项 | 用在要跟表单一起提交的字段上 |
| 下拉 | 选项超过一屏，屏幕装不下的妥协 | 三五个选项也藏进去，凭空加一次点击 |
| 对话框 | 主流程之外：危险、少用、集中一个主题 | 成功提示、常规确认也弹，逢事必弹 |
控件约束话术，直接进提示词：
控件选择约束：互斥且选项不超过 5 个时用单选钮平铺，禁止用下拉；可多选用复选框；开关只用于立即生效的设置项；选项超过一屏才允许下拉，并提供输入联想。对话框只用于主流程之外的功能（危险操作、少用的设置、需要集中一个主题的信息），功能对话框标题用动词；操作成功用非模态 toast 提示，禁止弹「成功」对话框；表单校验前置（禁用 + 缺项说明），禁止提交后弹「信息不完整」。
加试：播放/暂停合体键的病根
音乐播放器那颗「播放 / 暂停」合体键，图标显示三角时你点它，音乐响起，图标变成两道竖条。病根是：用户分不清图标显示的是当前状态，还是点下去会发生的事。 显示三角时，到底该点还是该看？
本节要点
- 四句口诀： 互斥选一个用单选钮，可勾多个用复选框，立即生效用开关，选项超一屏才考虑下拉。
- 下拉是妥协方案： 它初始只露一项，看选项就要付点击。三五个选项先平铺，配上合理默认值。
- 对话框是打断： 主交互放主窗口，弹窗只装主流程之外的危险、少用、需要集中的功能；成功提示用非模态轻反馈，功能对话框标题用动词。
- 把规则写给 AI： 约束话术贴进提示词，控件就不再靠 AI 掷骰子。