人机交互
Human-Computer Interaction
📖这门课到底讲什么
人机交互研究人与计算系统之间的交互设计:以用户为中心的设计流程(用户研究与需求、任务分析、概念设计、原型、可用性评估)、交互设计原则与启发式规则(一致性、可见性、反馈、容错、简约)、认知基础(感知与记忆、注意力、心智模型)、交互范式与界面模式、可用性测试方法与度量(任务成功率、完成时间、错误率、满意度问卷)、无障碍与包容性设计,以及多模态与移动与语音交互的新趋势。它把工程与心理学与设计结合,回答功能正确之外好不好用的问题。学完你应能完成一次小型用户研究、产出可点击原型、组织五到八人的可用性测试并据此迭代设计。
🎯为什么必须学好
产品的成败常取决于体验而非功能,面试中常问你对某个 App 的交互有什么改进建议、如何做用户研究、可用性测试怎么组织;产品岗、前端与客户端开发岗、测试岗都要求交互意识。对做课程设计与毕业设计,良好的交互设计能让项目答辩明显加分。它提供的是跨职能沟通能力和用户视角,这在初级工程师中非常稀缺,也是走向产品与技术负责人的必备素养。
📌核心知识清单
- 以用户为中心的设计流程:用户研究与场景与人物角色、任务分析、需求转化、迭代设计循环(设计、原型、评估)
- 交互设计原则与启发式评估:Nielsen 十条启发式规则(系统状态可见、贴近真实世界、用户控制与自由、一致性与标准、防错、识别优于回忆、灵活高效、美学与极简、帮助用户识别与诊断错误、帮助与文档)
- 认知基础:感知与格式塔原理、注意力与认知负荷、短期与长期记忆、心智模型与隐喻、错误分类(失误与误解)
- 任务分析与人因方法:任务分解、层次任务分析、认知走查、场景脚本、用户旅程地图
- 原型设计:低保真纸质原型与线框图、高保真交互原型(Figma)、设计规范与组件库、设计系统初步
- 可用性评估:启发式评估与专家评审、可用性测试的设计与实施(被试招募、任务设置、出声思维)、问卷与量表(SUS)、指标与数据解读
- 交互范式与技术:命令行与图形界面与自然交互、直接操作与WIMP、移动触控与手势、语音与多模态交互、响应式与多端一致
- 无障碍与设计伦理:可访问性标准(WCAG 要点)、色彩对比与键盘可达、包容性设计与隐私与伦理考量
✍️怎么学(可执行步骤)
- 教材用《交互设计:超越人机交互》(Preece 等)或 Nielsen《可用性工程》,重点读以用户为中心的设计流程与评估方法章节
- 用 Figma 完整做一个项目:从用户访谈与人物角色开始,画线框、做高保真可点击原型,组织五名同学做可用性测试并记录问题清单
- 做启发式评估练习:挑三个你常用的 App,按 Nielsen 十条原则逐条找问题并给出改进建议,写成对比报告(这是面试可讲的素材)
- 把可用性测试做成量化实验:设定任务与指标(任务成功率、完成时长、错误次数、SUS 分数),汇总数据并给出迭代优先级
📚推荐教材与书籍
HCI 领域标准教材,覆盖用户研究、设计与评估全流程,配案例与练习
讲透可供性、反馈、心智模型与错误,是理解好用背后原因的必读通俗经典
十条启发式规则的原始出处,讲清启发式评估与折扣可用性工程的做法
轻松好读,讲可用性测试只要五个人就能发现大部分问题等实用结论
🎬视频课程 / 公开课
国内高校课程,讲授用户研究与可用性评估方法,与课程作业贴合
覆盖设计原则与评估方法,作业要求做真实的可用性测试
🌐网站与文档
可用性研究与交互设计最权威的文章资源,写报告与面试准备的高质量素材
主流在线设计工具,团队协作与原型演示方便,学生可免费使用
无障碍设计标准,做包容性设计时的检查清单
🐙GitHub 开源资料
课表体系中包含人机交互选修模块与教材建议,可用来规划补充学习
做原型与课程项目时常需要真实数据接口,这里可按领域找到免费 API
🧪动手实践任务
实践 1
完成一次完整的小型用户研究:招募五名用户做访谈与任务观察,输出人物角色、用户旅程地图与需求清单
实践 2
用 Figma 做一个应用的完整交互原型(不少于六个页面),包含导航、反馈状态与错误提示,并组织一次启发式评估得出十条改进项
实践 3
组织一场可用性测试:设定三个任务,记录成功率、完成时间、错误次数与出声思维记录,输出问题严重性排序与迭代建议
实践 4
对自己小组的课程项目做一次双盲对比测试:原版与改进版各测五名用户,用 SUS 量表与任务数据对比改进是否有效
🧾考试与面试
💼 面试会怎么考
常见:你觉得某某产品的交互有什么问题、如何改进(考观察力与结构化表达);如何做用户研究、怎么找到真实需求;可用性测试如何组织、需要多少用户、看什么指标;界面设计中提示与反馈为什么重要、举一个失败案例;如何设计一个面向老年人的 App(考包容性与认知负荷);移动端与桌面端交互的差异;无障碍设计的要点。产品与前端岗尤其看重这类提问。
📝 期末与考研怎么过
期末多为简答与设计题:解释启发式规则并举例说明违反情况;给一个界面截图指出交互问题并给出改进方案;设计一次可用性测试方案(目标、被试、任务、指标、流程);简述认知原理如何影响界面设计;论述以用户为中心的设计流程。备考方式是把十条启发式原则与评估方法记熟并能配案例。目标八十五分以上,答题时结合具体案例会明显加分。
⚠️ 常见坑
- 把 HCI 当成审美与配色课,只做视觉美化不改交互逻辑,用户问题依旧存在
- 不做用户研究直接设计,凭设计师个人偏好做决策,评估时被真实用户打脸
- 可用性测试只招熟人与同学,任务设置过于明显引导用户,得出无效结论
- 只顾主流用户忽视无障碍与边缘场景(弱网、色盲、大字体),真实产品中会成为投诉源
- 原型做得很精美却忽略信息架构与任务流,用户找不到主功能