Skip to main content

The Design of Everyday Things - Don Norman

u7pSQb

认知心理学与设计结合的经典之作,讲述了物品的设计如何影响人们的使用体验。作者 Don Norman 提出了示能(Affordance)、意符(Signifier)等核心概念,帮助设计师理解用户如何与产品互动,并创造出更加人性化的设计。

关于作者

Don Norman 是用户体验领域的奠基人:

  • 认知心理学家:哈佛大学心理学博士
  • 用户体验之父:最早提出"User Experience"术语
  • Nielsen Norman Group 联合创始人:全球知名的 UX 咨询公司
  • Apple 前副总裁:曾任 Apple Advanced Technology Group 副总裁
  • 大学教授:曾任教于哈佛大学、麻省理工学院、加州大学圣地亚哥分校

Norman 以其"以人为本"的设计理念著称,他强调设计应该理解用户的心理模型,而不是强迫用户适应设计。

核心概念

1. 示能 (Affordance)

示能:物体本身具有的、提示人们如何操作它的属性

物理示能:
- 椅子 → 可以坐
- 门把手 → 可以转动
- 按钮 → 可以按压
- 台阶 → 可以踩踏

数字示能:
- 链接(蓝色 + 下划线)→ 可以点击
- 输入框(有边框)→ 可以输入
- 阴影按钮 → 可以按下
- 可拖拽区域(抓手图标)→ 可以拖动

设计要点:
1. 示能应该与功能一致
2. 不要创造虚假示能
3. 考虑文化差异

2. 意符 (Signifier)

意符:提示用户示能在哪里的信号

意符类型:
1. 标签
- "推"、"拉"文字
- 图标 + 文字说明

2. 视觉线索
- 箭头指示
- 高亮显示
- 轮廓边框

3. 行为反馈
- 悬停效果
- 点击动画
- 声音提示

设计要点:
1. 意符应该清晰可见
2. 意符应该靠近操作点
3. 意符应该符合用户预期

示例对比:
❌ 平板门没有"推/拉"标识 → 用户困惑
✅ 平板门有明显把手 → 提示"拉"
✅ 平板门有金属板 → 提示"推"

3. 约束 (Constraints)

约束:限制用户操作,防止错误的方法

约束类型:
1. 物理约束
- USB 接口的形状(只能一个方向插入)
- 不同尺寸的管道(防止接错)
- SIM 卡缺角设计

2. 逻辑约束
- 红色表示危险/删除
- 绿色表示安全/确认
- 圆形表示播放,方形表示停止

3. 文化约束
- 从左到右的阅读顺序
- 红色表示停止,绿色表示通行
- 上表示增加,下表示减少

4. 自治约束
- 表单验证(邮箱格式)
- 密码强度提示
- 必填字段标记

设计要点:
- 约束应该预防错误,而不是惩罚错误
- 约束应该是引导性的,不是强制性的

4. 映射 (Mapping)

映射:控制器与其效果之间的关系

良好映射:
- 炉灶按钮与炉头位置一致
- 汽车方向盘:左打左拐,右打右拐
- 电灯开关:向上开,向下关
- 音量滑块:向上增加,向下减少

糟糕映射:
- 炉灶按钮排列与炉头不对应
- 空调温度调节与实际感受不符
- 多窗口管理器的控制混乱

设计要点:
1. 利用空间对应关系
2. 利用文化惯例
3. 利用自然映射

5. 反馈 (Feedback)

反馈:告知用户操作结果的信号

反馈类型:
1. 视觉反馈
- 按钮按下效果
- 加载进度条
- 成功/错误提示

2. 听觉反馈
- 按键音
- 提示音
- 语音确认

3. 触觉反馈
- 手机震动
- 游戏手柄震动
- 触控板压感

4. 时间反馈
- 即时响应(<0.1 秒)
- 短期等待(1-3 秒,显示加载)
- 长期等待(>10 秒,显示进度)

设计要点:
- 反馈应该及时
- 反馈应该清晰
- 反馈应该与操作匹配

6. 概念模型 (Conceptual Model)

概念模型:用户对系统如何工作的理解

心理模型 vs 实现模型:
- 用户心理模型:文件"放入"回收站
- 实际实现:文件系统标记删除

设计目标:
让系统的概念模型与用户的心理模型一致

建立概念模型的方法:
1. 使用用户熟悉的隐喻
- 桌面、文件夹、回收站
- 购物车、收藏夹

2. 提供清晰的说明
- 新手引导
- 工具提示
- 帮助文档

3. 保持一致性
- 操作方式一致
- 术语使用一致
- 视觉风格一致

7. 错误的处理

错误产生的原因:
1. 设计失误(用户无法理解)
2. 注意力不集中
3. 习惯导致误操作
4. 系统反馈不清晰

预防错误:
1. 移除导致错误的选项
2. 添加确认步骤
3. 提供撤销功能
4. 使用约束防止错误

处理错误:
1. 清晰的错误信息
❌ "Error 404"
✅ "页面未找到,请检查 URL 或返回首页"

2. 提供解决方案
❌ "表单提交失败"
✅ "邮箱格式不正确,请使用 name@example.com 格式"

3. 友好的语气
❌ "非法操作"
✅ "抱歉,这个操作暂时无法完成"

设计原则检查清单

□ 示能
□ 操作方式是否明显?
□ 是否有误导性的示能?

□ 意符
□ 是否有清晰的提示?
□ 意符是否在可见位置?

□ 约束
□ 是否有预防错误的机制?
□ 约束是否友好?

□ 映射
□ 控制与效果的关系是否清晰?
□ 是否符合用户预期?

□ 反馈
□ 操作后是否有及时反馈?
□ 反馈是否清晰易懂?

□ 概念模型
□ 用户能否理解系统如何工作?
□ 是否与用户预期一致?

经典摘录

好的设计应该是可视的、可理解的、可预测的。

当用户遇到困难时,不要责怪用户,要责怪设计。

示能提示了如何操作,意符传达了操作的信息。

错误通常不是用户的错,而是设计的错。

设计的目标是创造用户友好的产品,而不是炫耀技术。

理解用户的心理模型,才能设计出好用的产品。

读书心得

《The Design of Everyday Things》是一本改变我看待世界方式的书。读完之后,每次遇到难用的门、困惑的电器、令人沮丧的软件界面,我都会想起书中的概念。

示能和意符的概念非常有用。在工作中,我经常用这个框架来分析界面问题:用户是否能看出这个元素是可点击的(示能)?是否有清晰的提示告诉用户点击后会发生什么(意符)?

错误的处理部分对我影响深远。之前遇到用户操作错误,第一反应是"用户怎么这么不小心"。现在会反思:是不是设计有问题?是否有预防措施?错误信息是否清晰?

概念模型的理解帮助我更好地设计产品。用户不是开发者,他们不需要理解技术实现,他们只需要一个符合心理模型的概念模型。

这本书不仅适合设计师,也适合开发者、产品经理、创业者。任何创造产品的人,都应该理解这些基本原则。

强烈推荐给每一位前端开发者。它能帮助你从"能用的界面"进阶到"好用的界面"。