第 1 章 · 交互原则:反馈、一致性、可逆
考点梳理
1.1 交互原则 3 种(“必懂”)
| 原则 | 内容 | 典型场景 |
|---|---|---|
| 反馈 | 操作有响应 | “点击/滑动/加载” |
| 一致性 | 风格统一 | “按钮/图标/颜色” |
| 可逆 | 操作可撤销 | “删除/发送/支付” |
记忆锚:“反馈/一致性/可逆”(“3 种”,每种 1 行)。
1.2 反馈(“3 种”)
| 类型 | 内容 | 典型场景 |
|---|---|---|
| 视觉反馈 | 颜色/大小/动画(“3 种”) | “点击/悬停/加载” |
| 触觉反馈 | 震动/声音(“2 种”) | “成功/错误” |
| 语言反馈 | 提示/警告/错误(“3 种”) | “操作结果” |
记忆锚:“视觉/触觉/语言”(“3 种”,每种 1 行)。
1.3 一致性(“3 种”)
| 类型 | 内容 | 典型场景 |
|---|---|---|
| 视觉一致性 | 颜色/字体/图标(“3 种”) | “品牌/统一” |
| 交互一致性 | 按钮/表单/导航(“3 种”) | “操作/统一” |
| 平台一致性 | iOS/Android/Web(“3 种”) | “多端/统一” |
记忆锚:“视觉/交互/平台”(“3 种”,每种 1 行)。
1.4 可逆(“3 种”)
| 类型 | 内容 | 典型场景 |
|---|---|---|
| 撤销 | Ctrl+Z/返回(“2 种”) | “编辑/删除” |
| 确认 | 弹窗/二次确认(“2 种”) | “删除/支付” |
| 恢复 | 回收站/草稿(“2 种”) | “删除/未保存” |
记忆锚:“撤销/确认/恢复”(“3 种”,每种 1 行)。
1.5 交互流程 3 种(“必会”)
| 流程 | 内容 | 典型场景 |
|---|---|---|
| 线框 | 布局/结构(“低保真”) | “需求/原型” |
| 原型 | 交互/流程(“中保真”) | “测试/演示” |
| 可用性 | 用户测试/反馈(“高保真”) | “验证/优化” |
记忆锚:“线框/原型/可用性”(“3 种”,每种 1 行)。
1.6 实操(“画 1 个原型”)
原型流程(“4 步”):
① 需求("目标/用户/场景")
↓
② 线框("布局/结构")
↓
③ 原型("交互/流程")
↓
④ 测试("用户测试/反馈")
记忆锚:“需求/线框/原型/测试”(“4 步”,“顺序不能乱”)。
🧠 记忆工具箱
口诀速记
- 交互原则:“反馈一致可逆”(“3 种”,每种 1 行);
- 反馈:“视觉触觉语言”(“3 种”);
- 一致性:“视觉交互平台”(“3 种”);
- 可逆:“撤销确认恢复”(“3 种”);
- 交互流程:“线框原型可用性”(“3 种”);
- 实操:“需求线框原型测试”(“4 步”)。
场景锚点
- 交互原则想象"“对话”":你不是"听众"(不需要"听"),你是"说话者"(“说”)——“反馈/一致性/可逆”是“说话者”的“3 种语言”(“有响应/统一/可撤销”)。
⚠️ 易错提醒
- 交互原则"3 种":“反馈/一致性/可逆”(每种 1 行,“必懂”)——“搞混 = 丢分”;
- 反馈"3 种":“视觉/触觉/语言”(每种 1 行)——“搞混 = 丢分”;
- 可逆"3 种":“撤销/确认/恢复”(每种 1 行)——“搞混 = 丢分”;
- 实操"4 步":“需求/线框/原型/测试”(顺序不能乱)——“漏步骤 = 丢分”。