第 1 章 · 交互原则:反馈、一致性、可逆

📖 交互设计·考点精讲约 2053 字🎯 配套练习:UI 设计·交互原则

考点梳理

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 步":“需求/线框/原型/测试”(顺序不能乱)——“漏步骤 = 丢分”。