学科详解：人机交互 Human-Computer Interaction (HCI)

0. 速览 Quick Facts

项目	内容
学位类型	BS（多数）/ BA（信息学院）/ BFA（艺术院校的设计类）
常见学制	4 年
学科本质	研究人与计算系统之间交互体验的交叉学科——CS + 心理学 + 设计
适合学生	技术+人文混合型、爱观察人、爱做用户研究、能用 Figma/代码做原型
本科毕业直接就业	多数（科技公司 UX / 设计岗需求稳定）
研究生方向宽度	⭐⭐⭐⭐（HCI、信息、设计、产品、CS 都能转）
国际学校推荐课程	AP Psychology、AP CS A、设计社团、用户访谈练习
代表性强校（美）	CMU (HCII)、MIT Media Lab、Stanford (d.school)、Georgia Tech、UW (HCDE)
代表职业	UX Researcher、Product Designer、Interaction Designer
美本起薪	约 $80 K -$ 140K（科技公司 UX / 设计岗，levels.fyi）
硕士毕业后	$120 K -$ 200K（顶尖科技公司 Senior UX）

1. 专业定义与本质

1.1 人机交互是什么？

人机交互（HCI）是研究人与计算系统之间如何交互，以及如何设计更好的交互体验的交叉学科。

HCI 的三大学科根基：

学科	在 HCI 中的角色
计算机科学 CS	技术：编程、系统、前端开发、AR/VR、可视化
心理学 / 认知科学	人：用户研究、认知负荷、感知、决策
设计 Design	体验：视觉、交互、信息架构、可用性

关键洞察：HCI 关注的是**“人与系统”的关系**，而传统 CS 关注**“系统本身”。一个 HCI 学生会花大量时间观察人、访谈人、为人设计**——这是和纯 CS 最大的差异。

1.2 HCI 不是什么？

误解	实际
❌ “HCI 就是画界面”	✅ 视觉设计只是 HCI 的一小部分；HCI 还包括用户研究、可用性、信息架构、交互逻辑、可访问性
❌ “HCI = UI 设计”	✅ UI（用户界面）是表层，UX（用户体验）是更深层的认知与行为设计
❌ “HCI 是艺术专业”	✅ HCI 是交叉学科，多数项目在 CS 学院或信息学院下（CMU HCII 在 SCS 下），偏理科
❌ “AI 时代 HCI 不重要”	✅ 反之——AI Agent、对话式交互、多模态交互让 HCI 比以往更重要，怎么和 AI 协作是 2026 年的核心议题

1.3 HCI 的核心问题

HCI 围绕三个核心问题：

用户是谁？（User Research）
- 他们的目标、痛点、行为、情境是什么？
如何设计让他们更容易达成目标？（Design）
- 界面、交互、信息架构、流程
如何知道设计有效？（Evaluation）
- 可用性测试、A/B 测试、数据分析

这三个问题对应 HCI 的三大核心能力：研究（Research）+ 设计（Design）+ 评估（Evaluation）。

2. 学科发展简史

时期	事件
1960s	Doug Engelbart 发明鼠标（“Mother of All Demos”，1968）；Sketchpad 交互图形界面
1970s	Xerox PARC 发明图形用户界面（GUI）——窗口、图标、菜单、鼠标
1984	Apple Macintosh 发布，GUI 普及到大众
1980s	HCI 作为独立学科形成；Don Norman 提出”User Centered Design”
1990s	Web 兴起——网页设计、信息架构（IA）成为新领域
2007	iPhone 发布——移动交互、触屏、App 时代开启
2010s	移动互联网、响应式设计、Material Design、Flat Design
2015-2020	语音交互（Alexa、Siri）、AR/VR（Oculus、HoloLens）兴起
2020-2026	AI 交互时代——对话式 AI（ChatGPT）、AI Agent、多模态交互、空间计算（Apple Vision Pro）

当下的特殊机遇（2026）：AI 让交互方式发生根本变化——从”GUI（点击）“到”LUI（语言）“再到”Agent（自动）“。HCI 是这个变革的核心学科：怎么让 AI 可信？怎么让人和 AI 高效协作？怎么避免 AI 误用？这些问题都需要 HCI 人才。

3. 课程体系

3.1 本科核心课程

课程	难度	内容
计算机编程（Python / JavaScript）	★★	实现交互原型
数据结构与算法	★★★	CS 基础
Web 前端开发（HTML/CSS/JS、React）	★★★	实现交互原型的核心技能
认知心理学 Cognitive Psychology	★★★	感知、注意、记忆——理解用户
用户研究方法 UX Research Methods	★★★★	访谈、问卷、可用性测试
交互设计 Interaction Design	★★★★	信息架构、流程设计、原型
视觉设计基础 Visual Design	★★	排版、色彩、布局
可用性评估 Usability Evaluation	★★★	启发式评估、A/B 测试
数据可视化 Data Visualization	★★★	用图形传达信息
统计学 / 数据分析	★★★	用户行为分析、A/B 测试

3.2 选修方向（决定就业走向）

方向 A：UX Research（用户研究）

用户研究方法 UX Research Methods
实验心理学 Experimental Psychology
行为经济学 Behavioral Economics
社会学 / 人类学方法（田野研究）

方向 B：交互设计（Interaction Design）

高级交互设计
信息架构 Information Architecture
服务设计 Service Design
设计思维 Design Thinking

方向 C：可视化 / 数据界面

数据可视化 Data Visualization
信息设计 Information Design
D3.js / 可视化编程

方向 D：AR/VR / 空间计算

3D 交互
Unity / Unreal 开发
空间设计 Spatial Design

方向 E：可访问性 / 包容性设计

无障碍设计 Accessible Computing
包容性设计 Inclusive Design
老年人 / 残障人士界面

方向 F：AI 交互（2026 最热）

人-AI 交互 Human-AI Interaction
对话式界面 Conversational UI
可解释 AI（XAI）

3.3 先修要求（高中阶段建议）

课程 / 经历	必要性	备注
AP Psychology	⭐⭐⭐⭐⭐	HCI 核心学科基础
AP Computer Science A	⭐⭐⭐⭐	必备编程基础
设计社团 / 美术基础	⭐⭐⭐⭐	培养视觉感觉
AP Statistics	⭐⭐⭐	A/B 测试、用户研究分析
写作 / 访谈经验	⭐⭐⭐⭐	用户研究核心能力

3.4 课程难度特征

跨学科广度：HCI 学生需要同时学 CS、心理学、设计——课程量大
项目导向：大量团队项目，需要协作
作品集（Portfolio）驱动：每门课的产出都要进入作品集
滤网课：通常是”用户研究方法”（涉及统计 + 访谈）或”前端开发”（涉及编程）——纯设计或纯 CS 背景的学生会有一边不适应

4. 主要分支方向

分支	简介	典型职业
UX Research（用户研究）	用定性和定量方法研究用户	UX Researcher（Google、Meta、Microsoft）
交互设计 Interaction Design	设计交互流程、信息架构	Interaction Designer
视觉 / 产品设计 Product Design	完整产品体验设计	Product Designer（科技公司最常见的”设计”岗位）
可视化 Visualization	用图形传达数据	Data Visualization Engineer、信息设计师
AR/VR / 空间计算	沉浸式交互	XR Designer、Spatial Designer
可访问性 Accessibility	为残障人士设计	Accessibility Engineer
AI 交互 Human-AI Interaction	设计 AI 产品交互	AI UX Designer（2026 新热）
前端开发	实现交互界面	Front-end Engineer

2026 最热分支：Human-AI Interaction——怎么设计 ChatGPT、Copilot、AI Agent 的交互，是当前最稀缺的 HCI 人才方向。

5. 适合什么样的学生？

5.1 兴趣特质

✅ HCI 专业适合你，如果：

同时喜欢技术和人文——既能写代码，也能写观察笔记
喜欢观察人，会主动思考”这个 App 为什么难用？”
同理心强，能站在用户角度想问题
喜欢做原型——用 Figma、用代码、用纸笔都行
有视觉感觉，但不必是”画家”——HCI 不是纯艺术
喜欢跨学科，能接受不确定性

❌ HCI 专业可能不适合你，如果：

只爱写代码、讨厌和人打交道——请考虑 CS
只爱画画、讨厌学编程——请考虑纯艺术 / 平面设计
想要”标准化职业路径”——HCI 的职业路径相对多元，需要自己探索
不喜欢做项目、做作品集——HCI 的核心产出就是作品集

5.2 能力要求

能力	重要程度	说明
同理心 / 用户视角	⭐⭐⭐⭐⭐	HCI 灵魂
沟通 / 访谈	⭐⭐⭐⭐⭐	用户研究核心
编程（前端为主）	⭐⭐⭐⭐	HTML/CSS/JS、React
设计工具	⭐⭐⭐⭐	Figma、Sketch、Adobe CC
写作 / 文档	⭐⭐⭐⭐	研究报告、设计 spec
统计 / 数据分析	⭐⭐⭐	A/B 测试、问卷分析
视觉感觉	⭐⭐⭐	不必是画家，但要懂布局、色彩

5.3 性格匹配

适合：ENFJ、INFJ、ENFP、INFP（NF 系）——同理心强、善于沟通、有人文关怀也适合：ENTP、INTP——技术+设计交叉，喜欢思考系统与人的关系不太适合：纯技术导向、不爱和人打交道的 ISTP / INTJ（除非转向”前端工程师”路径）

关键洞察：HCI 是少数**“技术 + 人文”双强**学生的主场。很多优秀的 HCI 学生是”我在 CS 课上也很好，但我不愿只写代码；我在艺术课上也好，但我不愿只画画”。

6. 强校推荐

6.1 美国（HCI / 信息学院 / 设计强校）

排名	学校	特色	项目
1	CMU	HCII（人机交互研究所）全球第一；School of Computer Science 下设；本科有 BHCS（Human-Computer Science）、BXA（艺术+CS 联合）	BHCS、Design BS
2	MIT	Media Lab 传奇——跨学科、反传统；不直接招本科但本科可参与	通过 CS / 专业申请后参与
3	Stanford	d.school（设计思维发源地）、CS + Design 联合项目	CS + Design 双学位
4	Georgia Tech	BS in Computational Media；HCI MS 顶级	Computational Media BS
5	University of Washington	HCDE（Human Centered Design & Engineering）顶级；信息学院强	HCDE BS、Informatics BS
6	Cornell	Information Science、设计强	Information Science BS
7	Northwestern	Segal Design Institute、学习科学	BS in Learning Sciences
8	Indiana University (Luddy)	HCI/Design 强校	BS in Informatics
9	University of Michigan	School of Information 强	BSI（Bachelor of Science in Information）
10	UT Austin	School of Information、设计	BS in Informatics
11	NYU	IMA（Interactive Media Arts）、ITP 传奇	IMA BFA
12	UC Berkeley	School of Information（主要是研究生）、CogSci	通过 CogSci / CS 申请
13	University of Maryland	HCIL（人机交互实验室）老牌	Info Science BS
14	RIT	设计 + 技术强	BS in New Media Interactive Development
15	Parsons / RISD	艺术院校的设计 + 技术	BFA（Art + Tech）

本科申请提示：CMU 的 HCII 相关本科项目（BHCS、BXA）录取率 <5%，竞争激烈。MIT 不直接招 HCI 本科，需通过 CS / 专业申请后参与 Media Lab。Stanford 的 CS+Design 双学位录取率极低。Georgia Tech 的 Computational Media、UW 的 HCDE / Informatics 相对友好（10-20% 量级）。

6.2 英国 / 加拿大 / 欧洲

学校	特色
UCL	UCL Interaction Centre（UCLIC）欧洲第一 HCI 项目
Edinburgh	Informatics 强校，HCI 方向
Toronto	Faculty of Information（iSchool）
Waterloo	Stratford School of Interaction Design
SFU	SIAT（互动艺术与技术）
KTH (Stockholm)	HCI 强校
TU Delft	设计 + 交互工程

6.3 强校硕士项目（研究生参考）

项目	学校	特色
MHCI	CMU	全球第一 HCI 硕士
MS-HCI	Georgia Tech	顶级
HCDE MS	UW	顶级
MIS / MSI	Umich、UT Austin	信息学院硕士
MFA Interaction Design	Parsons、SVA、RCA（伦敦）	设计类硕士
Human-AI Interaction	多校新兴方向	2026 最热

关键提醒：HCI 本科 + 工作经验是顶级科技公司 UX 岗位的常见路径；如果想做 Research（特别是 AI 公司的 UX Research），通常需要硕士。

7. 高中阶段准备（9-12 年级）

7.1 推荐课程

年级	学术课程	设计 / 技术
9 年级	心理学入门（如有）、CS 入门	设计社团、Figma 自学
10 年级	AP Psychology、AP CS A	学校网页 / Yearbook 设计
11 年级	AP Statistics	个人设计项目（用 Figma）
12 年级	写作、社会学选修	作品集项目（4-6 个完整 case study）

7.2 推荐活动 / 项目

活动	难度	含金量
个人设计项目（Figma 原型）	★★-★★★★	HCI 申请的第一指标——作品集
用户访谈 / 调研实习	★★★	真实经验，稀缺
Awwwards（网页设计）	★★★★	国际设计奖项
Adobe Design Achievement Awards	★★★★	Adobe 主办，学生设计奥斯卡
Google UX Design Certificate	★★	Coursera 课程，基础门槛
DIY 项目（自己做一个 App / 网站）	★★★★	真实落地最加分
学校 / 社区设计志愿	★★	真实用户、真实问题
设计竞赛（Red Dot、iF 概念奖）	★★★★	国际奖项

7.3 推荐夏校

夏校	主办	时长	录取难度
CSSSA（设计 / 艺术）	California	4 周	⭐⭐⭐⭐
RISD Pre-College	RISD	6 周	⭐⭐⭐⭐
Parsons Summer Intensive	Parsons	4 周	⭐⭐⭐
CMU Pre-College Design	CMU	6 周	⭐⭐⭐⭐
NSLC on UX Design	NSLC	1 周	⭐⭐⭐
Pioneer Academics（在线科研）	Pioneer	12 周	⭐⭐⭐⭐

7.4 作品集 Portfolio（最重要！）

⭐ 作品集是 HCI 申请的”决定性因素”。学术成绩只是门槛，作品集决定录取。

作品集通常包括：

4-6 个完整 Case Study：每个项目展示从问题定义→用户研究→设计→评估的完整流程
真实用户问题：避免虚构——为学校社团、社区、家人朋友设计真实可用的东西
过程 > 结果：顶级项目（CMU、MIT）更看重思考过程，而不是漂亮的最终图
多样化：不要全是 App 设计，可以包括网页、AR/VR、物理装置、研究论文

作品集制作工具： Notion / Squarespace / Webflow / Figma（自己设计页面）

7.5 推荐学习资源

Google UX Design Certificate（Coursera）—— 系统入门
Interaction Design Foundation（IDF）—— 大量 HCI 课程
Don Norman《The Design of Everyday Things》—— HCI 圣经
NN/g (Nielsen Norman Group) —— UX 行业权威文章
Figma YouTube 官方频道 —— 设计工具
Adobe Creative Cloud —— Photoshop、Illustrator、XD

7.6 推荐阅读

《设计心理学》Don Norman —— HCI 圣经
《Don’t Make Me Think》Steve Krug —— Web 可用性经典
《Refactoring UI》Adam Wathan —— 视觉设计实战
《Sprint》Jake Knapp —— Google Ventures 设计冲刺
《Thinking, Fast and Slow》Daniel Kahneman —— 认知心理学
《The Design of Everyday Things》修订版

8. 研究生方向

8.1 直接对口

MHCI / MS-HCI —— 1-2 年，业界顶级跳板
MS in Human-Centered Computing / HCDE —— 同上
HCI PhD —— 5-6 年，做学术研究

8.2 跨学科（HCI 本科的优势地带）

研究生方向	为什么 HCI 背景吃香
CS（系统 / 前端方向）	HCI 学生编程 + 设计双能力
Information Science / iSchool MS	自然延伸
MBA / 产品管理	设计思维 + 用户视角是 PM 核心
Cognitive Science	心理学延伸
MFA Interaction Design	设计进阶
数据可视化 MS	设计 + 数据交叉
AI 公司 UX Research	2026 最稀缺——大模型公司急需懂用户的研究员

⭐ HCI 本科最大的优势：就业市场对”懂技术 + 懂人”的复合人才需求稳定——AI 时代不仅没削弱 HCI，反而强化了它（AI Agent、对话式交互都需要 HCI）。

9. 就业前景

9.1 主要职业方向

职业	起薪（美）	路径
UX Researcher	$110 K -$ 180K	HCI BS → 科技公司（Google、Meta、Microsoft）
Product Designer	$120 K -$ 200K	HCI BS → 科技公司设计岗
Interaction Designer	$100 K -$ 170K	HCI BS → 设计咨询公司（IDEO、Frog）
前端工程师 Front-end Engineer	$110 K -$ 180K	HCI BS → 技术公司（偏交互实现）
产品经理 Product Manager	$130 K -$ 200K	HCI BS → MBA 或直接转岗
信息架构师 Information Architect	$90 K -$ 140K	HCI BS → 大型企业 / 政府
AI UX Designer（2026 新热）	$130 K -$ 220K	HCI BS → OpenAI / Anthropic / DeepMind

9.2 代表雇主

大型科技公司：Google, Microsoft, Apple, Meta, Amazon, Adobe（设计 + UX 团队规模大）
AI 公司：OpenAI, Anthropic, DeepMind, Scale AI, Hugging Face（急需 HCI 人才）
设计咨询公司：IDEO, Frog, Smart Design, Pentagram
金融机构：Fidelity、Capital One（用户体验驱动）
政府 / 非营利：18F（美国数字服务）、Code for America、UK Government Digital Service
创业公司：早期需要”懂产品 + 懂设计”的复合人才

9.3 薪资水平（2025-2026 levels.fyi 量级）

阶段	年薪（美元）
HCI BS 毕业（科技公司 UX / Design）	$110 K -$ 160K
HCI BS + 硕士（MHCI）	$140 K -$ 220K
Senior UX / Product Designer（5-10 年）	$200 K -$ 350K
顶级 AI 公司 Principal Designer	$300 K -$ 500K+

关键洞察：HCI 起薪不如纯 AI / SDE 高，但职业稳定性强、工作生活平衡好。AI 时代让”懂技术 + 懂人”的设计师更稀缺——2026 年 OpenAI、Anthropic 等公司给 Senior AI UX Designer 开出的薪资已逼近 SDE。

9.4 行业趋势（2026）

AI 交互是最大风口：Human-AI Interaction、Conversational UI、AI Agent 设计
空间计算：Apple Vision Pro、Meta Quest 推动空间设计需求
可访问性 / 包容性设计：欧盟、美国法规推动企业雇佣 Accessibility 人才
企业 UX 成熟化：传统企业（银行、医疗、政府）建立设计团队
远程协作工具：Figma、Miro 等设计 SaaS 持续扩张
可解释 AI（XAI）：怎么让 AI 决策可理解——HCI 核心问题

10. 本专业 vs 相关专业

维度	HCI	CS	心理学	平面设计	数据科学
核心关注	人与系统交互	计算本身	人心 / 行为	视觉表达	数据价值
数学深度	⭐⭐	⭐⭐⭐⭐	⭐⭐⭐（统计）	⭐	⭐⭐⭐⭐⭐
编程强度	⭐⭐⭐⭐	⭐⭐⭐⭐⭐	⭐⭐	⭐⭐	⭐⭐⭐⭐
人本研究	⭐⭐⭐⭐⭐	⭐	⭐⭐⭐⭐⭐	⭐⭐	⭐⭐
设计 / 视觉	⭐⭐⭐⭐	⭐⭐	⭐	⭐⭐⭐⭐⭐	⭐⭐
本科就业	⭐⭐⭐⭐	⭐⭐⭐⭐⭐	⭐⭐	⭐⭐⭐	⭐⭐⭐⭐⭐
作品集重要度	⭐⭐⭐⭐⭐	⭐	⭐	⭐⭐⭐⭐⭐	⭐⭐

决策提示：如果你”爱写代码 + 想做系统”——CS 更合适。如果你”爱做设计 + 讨厌编程”——平面设计或视觉传达。如果你”技术 + 人文都强 + 爱观察人 + 爱做原型”——HCI 是为你准备的学科。如果你”更偏学术 / 研究”——心理学 + HCI 双学位。

11. 常见误区

误区 1：HCI 就是”画界面”

❌ 画界面（UI）只是 HCI 的一小部分。

✅ HCI 包括用户研究、信息架构、交互设计、可用性评估、视觉设计、可访问性、用户行为数据分析——画界面只是表面层。一个真正的 HCI 项目，70% 时间花在研究用户、定义问题、评估方案，30% 时间才花在画图。

误区 2：HCI 是艺术专业

❌ HCI 在多数学校是理科 / 交叉学科——CMU HCII 在 SCS（School of Computer Science）下、UW HCDE 在工程学院下、Umich BSI 在信息学院下。

✅ 只有少数项目（Parsons IMA、RIT New Media）是 BFA（艺术学位）。多数是 BS / BA，需要编程能力。

误区 3：HCI 不需要学编程

❌ 几乎所有 HCI 项目都要学编程——前端开发（HTML/CSS/JS、React）是核心技能。

✅ 顶级 HCI 毕业生能独立做出交互原型（用 React / Vue / Swift），这是他们和”纯设计”毕业生最大的差异——能实现自己的设计。

误区 4：AI 时代 HCI 不重要

❌ 反之——AI 让交互方式发生根本变化，HCI 比以往更重要。

✅ ChatGPT 怎么设计交互？AI Agent 怎么让人信任？多模态 AI 怎么统一交互？这些都是 2026 年 HCI 的核心议题。OpenAI、Anthropic 都在大量招聘 HCI 人才。

误区 5：HCI 找工作只看作品集

❌ 作品集是核心，但顶级公司（Google、Apple、OpenAI）同样看中：

用户研究能力（访谈、可用性测试）
数据分析能力（A/B 测试、统计）
跨团队协作（和 PM、SDE 沟通）

✅ 作品集决定你进门，但研究 + 协作能力决定你晋升。

误区 6：HCI 是”软专业”，没技术含量

❌ HCI 学生要学 CS、心理学、统计、设计四个领域的核心课——课程量比纯 CS 还大。

✅ 优秀的 HCI 毕业生是”全栈设计师”——能研究、能设计、能编程、能评估。这种复合能力在 AI 时代极其稀缺。

12. 延伸阅读

类型	书目
圣经	《设计心理学》Don Norman
Web 可用性	《Don’t Make Me Think》Steve Krug
视觉设计	《Refactoring UI》Adam Wathan
方法论	《Sprint》Jake Knapp
认知科学	《Thinking, Fast and Slow》Daniel Kahneman
AI 交互	《Things That Make Us Smart》Donald Norman

13. 给国际学校学生的建议

9-10 年级

AP Psychology + AP CS A（双线并行）
学 Figma（2 周可入门）、Adobe Photoshop / Illustrator
加入学校设计社团（Yearbook、网页、海报）
读《设计心理学》——判断自己是否真喜欢 HCI
用 Figma 重做一个常用 App 的界面（练习）

11 年级

AP Statistics + 持续编程（学 React / Web）
开始系统做作品集（4-6 个 case study）—— 这是申请的核心
申请 CMU Pre-College Design、Parsons Summer 等夏校
找一个真实用户做项目（学校社团、家人、社区）
学完 Google UX Design Certificate（Coursera）

12 年级

完成作品集网站（用 Notion / Framer / Webflow）
写好”为什么选 HCI”的申请文书——强调对人的关注，避免只谈”我喜欢设计”
选校：1-2 所冲刺（CMU BHCS、Stanford CS+Design）、2-3 所匹配（UW HCDE、Georgia Tech Computational Media、Cornell IS）、1-2 所保底
国际学生注意：UX / 设计岗位比 SDE 更需要英语沟通——用户访谈、跨团队协作、演示都需要流利英语；H1B 签证方面与 CS 类似，需 OPT/STEM OPT

⭐ 关键提醒（2026）：

作品集 > GPA > 标化：CMU、MIT 这类 HCI 项目录取，作品集决定一切

国际学生：HCI 岗位需要大量英语沟通——用户访谈、汇报、协作。英语非母语的学生需要更强的设计 + 技术能力来弥补

AI 浪潮是 HCI 机遇：不要觉得 AI 替代了设计师——AI 替代的是机械 UI 设计，强化了高阶 HCI 思维的价值（设计 AI 产品的交互）

跨学科是优势：HCI 的核心是”技术 + 人文”。高中阶段不要只学 CS 或只学艺术——两边都修，作品集体现跨领域能力

真实项目 > 漂亮作品：顶级项目偏爱”为真实用户解决问题”的 case study，而不是”虚构的美图”

翰飞国际教育Career Exploration Center

目录