← 全部书单 / UI/UX 设计

《交互设计精髓》

《交互设计精髓》封面
作者: 艾伦·库珀
出版社: 电子工业出版社
出版年: 2008-11
原作名: About Face: The Essentials of Interaction Design
8.7
★★★★★
豆瓣评分 · 1,370 人评价
未标记阅读状态
交互设计的开山之作:别堆功能,先搞清用户想干成什么事。

总体观点

交互设计的本质是“目标导向”,而非“功能导向”。软件系统如果仅仅沿着工程师的底层实现模型自然生长,就会逼迫用户去理解机器硬件与数据库的怪癖;优秀的设计必须构建高度贴近用户心理模型的呈现模型。

人物角色(Persona)与场景剧本(Scenario)是整个交互设计体系的支柱。通过严谨的定性研究虚构出具体的典型代表,优先满足数量最为庞大的“永久中间用户”,兼顾新手的顺利入门与专家用户的极高操控效率。

好的界面应当尊重人类尊严,消除无谓的附加工作(Excise),维持沉浸式的“心流”(Flow)状态。软件应当像一位体贴、博学、礼貌且不碎嘴的专业助手,默默承担杂务,绝不随意打断人类。

核心观点

  1. 1. 目标导向设计:关注用户最终想做成什么,而非机器怎么实现

    用户不在乎数据库怎么建表,他们在乎的是尽快订好机票回家过年。设计要帮用户达成生活目标,而不是教用户操作复杂界面。

    数码相机不是让摄影师调节曝光算法参数,而是提供光圈优先和肖像模式,帮用户拍出一张背景虚化的人像照片。
  2. 2. 呈现模型必须迎合心理模型,彻底隔离实现模型

    实现模型是代码底层的运行逻辑,心理模型是用户脑海中对事物的直觉理解。呈现模型必须屏蔽技术丑陋细节,顺应用户认知。

    用户删除电脑文件时,心里想的是“扔进垃圾桶”,操作系统就设计一个废纸篓图标和碎纸声,隐藏底层硬盘扇区标记为可覆写的代码细节。
  3. 3. 为永久中间用户设计:新手会进化,专家是少数

    大部分用户不会永远是新手,也很难有精力成为精通所有快捷键的专家。产品必须把最大心力放在满足既懂基本常识又追求高效的中间层。

    Photoshop 把常用剪裁、画笔放在一键直达的工具栏中服务广大中间用户,同时保留快捷键给专业老手,向新手提供简要悬停说明。
  4. 4. 人物角色(Persona):把模糊的用户群具象为具体的假想人

    不要设计给“所有用户”,那等于给没人设计。通过深度访谈提炼出拥有具体姓名、动机、痛点和工作环境的人物角色来指导设计取舍。

    医疗系统设计明确定义出“急诊科护士张敏,单手操作、光线昏暗、分秒必争”,团队立刻放弃小号折叠菜单,改成大色块一键确认。
  5. 5. 消除附加工作(Excise):砍掉所有与核心目标无关的操心事

    附加工作就是为了用电脑而不得不向电脑付出的精力贡品,比如频繁选择保存路径、重复输入已有的密码。优秀的软件主动代劳。

    文档软件如飞书和 Google Docs 自动实时云端保存版本,彻底消除了用户每隔五分钟提心吊胆按 Ctrl+S 的附加工作焦虑。
  6. 6. 保持心流状态:软件应当安静专注,不随意打断

    当用户高度专注进行创作或工作时,粗暴的弹窗和无关提示会瞬间摧毁心流。系统应提供透明、低打扰且可预测的反馈机制。

    代码编辑器把语法错误用柔和的红色下划线标出,而不是在程序员敲错一个括号时立刻弹出模态对话框警告。
  7. 7. 礼貌的软件设计:像善解人意的仆人一样体贴周到

    好的软件富有远见、记住偏好、宽容错误、提供安全的撤销途径,而不是把冷冰冰的技术错误代码甩在用户脸上。

    音乐 App 插入耳机时自动恢复播放,拔出耳机瞬间自动暂停以防扬声器在图书馆扰民,这就是懂礼貌的软件行为。
树状思维导图

全书思维导图 · 知识脉络树

💡 拖拽平移 · 滚轮缩放 · 点击分支圆点折叠/展开
已复制思维导图大纲到剪贴板!

全书结构

  1. 第1章 目标导向设计

    提出目标导向设计理念,剖析数字产品粗糙难用的根源在于技术实现主导,阐述设计对满足人类商业与生活目标的战略价值。

    设计取款机不是为了展示银行后台转账接口技术,而是让赶时间的客户在 30 秒内顺畅取出 500 元现金。
  2. 第2章 实现模型和心理模型

    严格界定实现模型、心理模型与呈现模型的三角关系,强调设计师的天职是创造让用户无感理解的优质呈现模型。

    文件传输通过一条平滑前进的进度条展示,隐藏底层 TCP 协议三次握手、重传包校验等复杂的网络实现细节。
  3. 第3章 新手、专家和中间用户

    分析用户技能水平的动态分布,指出用户在产品生命周期中绝大多数时间停留在中间状态,界面应为此提供最佳支持。

    输入法为新手提供拼音候选列表,为中间用户提供联想词记忆,为专业极速码农保留五笔与双拼自定义配置。
  4. 第4章 理解用户:定性研究

    阐明定性人种志访谈的黄金法则,教导如何走进用户真实工作生活现场观察行为、识别痛点,而非坐在办公室臆想。

    观察仓库分拣工实际操作,发现他们戴着厚手套且环境灰尘极大,立刻决定取消小尺寸触控屏,改用实体大按键扫码枪。
  5. 第5章 为用户建模:人物角色和目标

    系统讲解如何从定性研究中提取行为变量、映射目标人群,构建出具有决策指导力的科学人物角色(Persona)。

    通过访谈 20 位理财用户,提炼出“保守型退休教师老王”与“高风险尝鲜极客小李”两个角色,防止产品定位摇摆不定。
  6. 第6章 设计的基础:场景剧本和需求

    讲述如何借助场景剧本(情境场景、关键路径场景)模拟人物角色的日常一天,把抽象目标转化为具体的设计需求定义。

    模拟年轻妈妈单手抱娃在超市买菜的特定场景,推导出 App 必须支持单手大拇指快速唤起扫码支付的核心需求。
  7. 第7章 从需求到设计:框架和细化

    拆解从交互构架定义到细节设计的具体方法,包括外形因子的确立、数据与功能元素的划分,以及关键界面的框架草图绘制。

    确定平板电脑专用的分栏架构:左侧固定邮件会话列表,右侧宽屏展示邮件详情与正文草稿,实现无跳转高效阅读。
  8. 第8章 综合优秀的设计:原则与模式

    汇总跨平台的优秀交互设计基本原则,阐明何时运用既有交互设计模式、何时进行全新发明以降低认知成本。

    遵循“列表下拉刷新”的标准设计模式,让新用户不需要任何教学指导就能凭借既往直觉获取最新动态。
  9. 第9章 平台和姿态

    深入探讨软件的“姿态”(独占姿态、辅助姿态、暂时姿态),以及桌面、移动与嵌入式平台下用户注意力的不同分配。

    视频剪辑软件属于独占姿态需全屏高信息密度展示;天气小部件属于暂时姿态只需一秒扫视,绝不应占据全屏。
  10. 第10章 协调和流

    讲述如何通过减少摩擦、避免模态打断让软件顺畅协调,帮助用户沉浸在高效愉悦的心流(Flow)状态中完成工作。

    代码编辑器提供自动代码补全与就地展开定义,开发者无需在多个切换窗口之间频繁跳转打断思路。
  11. 第11章 消除附加工作

    严厉抨击软件强加给用户的各种附加管理杂务(如手动保存、多层确认、路径浏览),提出自动记忆与智能代劳原则。

    用户填完表单点击提交时若有格式错误,就地高亮标红并保留已输入内容,绝不清空输入框逼迫用户重填。
  12. 第12章 设计好的行为

    构建以人为本的“有礼貌软件”哲学:像懂礼节的贴心助理一样,记住用户以往的选择、预判潜在意图、犯错时主动承担责任。

    PDF 阅读器记住上次阅读的具体页码和缩放比例,再次打开时直接定位到相同行,体现贴心关怀。
  13. 第13章 隐喻、习惯用法及启示

    分析隐喻设计的局限性与习惯用法(Idiom)的强大威力,指出优秀的交互不必生搬硬套现实物体,只要容易学会就能成为直觉。

    滚动条和窗口缩放在物理世界中毫无实物隐喻,但由于行为规则一致简单,全世界用户在一秒内就彻底学会了它。
  14. 第14章 视觉界面设计

    探讨视觉层级、网格系统、排版对比与空间布局在交互中的功能性作用,阐明视觉设计是传递交互意图的直接桥梁。

    通过调整卡片内边距与字体字重,清晰呈现“商品主图 > 促销标题 > 折扣价格 > 评价标签”的视觉信息流。
  15. 第15章 搜索和查找:改善数据检索

    拆解自动补全、分面搜索(Faceted Search)与模糊匹配机制,解决海量数据检索时的空结果与信息过载难题。

    二手车买卖平台提供品牌、价格区间、车龄、排量等多维度联动筛选标签,支持随时增删单个条件实时刷新结果。
  16. 第16章 理解撤销

    深入剖析撤销历史、多级撤销与盲目确认弹窗的本质区别,主张用安全的撤销通道赋予用户探索界面的勇气。

    邮件发出后右下角弹出“已发送(5秒内可撤回)”小条,比每次发信都弹窗逼问“你真的确定要发送吗”文明得多。
  17. 第17章 重新思考“文件”和“保存”

    批判传统桌面软件“打开/保存/另存为”对底层存储介质的粗暴暴露,提倡基于自动版本管理与快照的新型文件心智模型。

    在线文档支持查看并一键恢复“十分钟前的版本”,用户再也不用在桌面上保存“方案_最终版_打死不改_v3.docx”。
  18. 第18章 改进数据输入

    阐明降低表单输入痛苦的实战法则:合理的默认值、就地即时格式化、智能自动纠错与键盘焦点自动流转。

    输入银行卡号时系统自动每四位增加一个空格,输入手机号自动按 3-4-4 分段,极大减轻用户核对数字时的视力疲劳。
  19. 第19章 点操作、选择及直接操作

    解析鼠标与触控下的直接操作原则、对象选择状态反馈,以及拖拽移动等动作在数字空间中的自然物理学。

    思维导图软件支持点击拖拽节点自由吸附到另一分支,在移动过程中展示动态连接线预览,提供即时空间反馈。
  20. 第20章 窗口行为

    剖析多窗口管理、分屏并列、面板停靠与全屏模式的适用场景,避免让用户把时间浪费在手动调整窗口大小的杂务上。

    专业剪辑软件支持一键切换“剪辑布局”、“调色布局”和“音频合成布局”,根据当前任务自动吸附各功能面板。
  21. 第21章 控件

    系统梳理按钮、复选框、单选按钮、开关、滑块等经典交互控件的标准用法与反模式,确保控件表意与操作结果一致。

    互斥单选场景坚决使用圆点单选框(Radio),多选场景使用方形复选框(Checkbox),绝不混用破坏通用认知惯例。
  22. 第22章 菜单

    讨论主菜单栏、上下文右键菜单与汉堡菜单的合理编排,如何平衡功能的易发现性与界面的干净整洁度。

    右键点击图片弹出的菜单中,置顶呈现“复制图片”和“另存为”,把使用频次极低的“检查元素”沉降在最底部。
  23. 第23章 工具栏

    讲解工具栏图标设计、文字标签配置与自定义选项,如何将高频功能快捷暴露而不造成视觉压迫。

    办公套件将高频的加粗、斜体、字号以小图标形式陈列在工具栏首屏,悬停两秒自动浮现快捷键提示(Tooltip)。
  24. 第24章 对话框

    批判滥用模态对话框打断用户的现象,严格规范模态与非模态对话框的使用界限,强调按键标签必须明确对应动作。

    关闭未保存文件时,对话框按钮清晰写作“保存”、“不保存”和“取消”,绝不写含混不清的“是”和“否”。
  25. 第25章 错误、警告和确认

    分析绝大多数系统报警信息的无用性,主张通过良好约束消灭错误根源,让系统主动协助纠错而非斥责用户犯错。

    用户输入注册密码少于 8 位时,输入框下方即时柔和显示“还需至少 2 位”,而不是在点击注册后弹出一个红色大感叹号骂人。
返回 UI/UX 设计 目录

观点与结构均为转述总结,非原文摘录。封面图片来自豆瓣读书,仅作展示。

豆瓣评分与评价人数为逐本人工核实当天的数值。 · GitHub 仓库 · v1.0.0