一张图读懂“人机交互”

从按钮到心跳，我们与世界的每一次“对话”

01 先抛一个问题

早上你按下咖啡机按钮、在地铁里刷手机回消息、下午对着电脑语音输入会议纪要、晚上戴手环测心率……
这些动作看似无关，却都在做同一件事：
把人的意图翻译成机器能懂的语言，再把机器的反馈翻译成人类可感知的体验。
这个过程，就是 人机交互（HCI）。

02 帮你把考点变常识

图 一句话总结
交互的本质 不仅是电子屏，门把手、红绿灯、咖啡店服务流程都在“交互”。
界面两大门派 纯硬件（按钮、旋钮） 和 纯软件（GUI、命令行）。触控/语音只是招式。
设计目标“三好” 有用（解决真需求）
好用（高效、易学易记）
想用（情感满意）
五层塔 战略→范围→结构→框架→表现
结构层只做两件事：信息框架 + 交互设计

03 一个场景，把知识用活

设计“地铁里的无障碍购票机”

  1. 战略层：解决视障人群独立购票。
  2. 范围层：语音输入、盲文按钮、二维码出票。
  3. 结构层：信息架构——“选线路→选站点→支付→取票”；交互流程——语音可随时打断并重选。
  4. 框架层：界面把麦克风放在盲杖能碰到的区域。
  5. 表现层：高对比色、大字号、低音量提示音。

五层塔走完，一次“有用、好用、想用”的交互就完成了。

04 一句话总结

交互不是高科技，而是一场“翻译”：
把冷冰冰的机器逻辑，翻译成带温度的人类体验。
下次按下按钮、说出“Hi Siri”、甚至推开一扇门时，
你都会知道：
那正是人机交互在悄悄发生。