Skip to main content

Don't Make Me Think - Steve Krug

KXW46R

互联网可用性测试的经典著作,强调网页和 APP 设计应该直观、简洁,让用户无需思考即可使用。作者 Steve Krug 提出了"别让我思考"的核心原则,即好的设计应该让用户能够自然而然地理解如何使用,而不需要花费额外的认知资源。

关于作者

Steve Krug 是可用性领域的知名专家:

  • 可用性顾问:为多家知名公司提供可用性咨询服务
  • 技术作家:著有《Don't Make Me Think》等经典著作
  • 演讲家:在全球各大会议分享可用性测试方法
  • 创业者:创办 Advanced Common Sense 咨询公司

Krug 以其"常识驱动"的可用性方法著称,他强调可用性测试不应该是复杂和昂贵的,而应该是简单和实用的。

核心内容

1. 别让我思考原则

核心原则:Don't Make Me Think

当用户访问网站或 APP 时,他们不应该浪费时间思考:
- 这是什么?
- 我该点哪里?
- 这个按钮是做什么的?
- 我现在在哪里?

好的设计应该让用户:
- 一眼看出这是什么
- 自然而然知道怎么操作
- 不需要阅读说明书
- 不需要 trial and error

设计检查清单:
□ 页面目的清晰吗?
□ 主要操作明显吗?
□ 导航位置合理吗?
□ 链接可识别吗?
□ 按钮功能明确吗?

2. 导航设计

导航设计原则:

1. 可见性
- 导航应该随时可见
- 不要隐藏导航
- 移动端汉堡菜单慎用

2. 一致性
- 所有页面导航位置一致
- 标签命名一致
- 交互方式一致

3. 层级清晰
- 不超过 3 级导航
- 面包屑导航
- 当前位置指示

4. 多导航方式
- 主导航
- 次级导航
- 搜索
- 站点地图

导航最佳实践:
- Logo 链接回首页
- 搜索框明显且大
- 当前页面高亮
- 提供面包屑

3. 首页设计

首页核心任务:

1. 传达价值主张
- 我们是谁
- 我们做什么
- 为什么选择我们

2. 引导用户行动
- 主要 CTA 明显
- 次要 CTA 清晰
- 减少选择困难

3. 建立信任
- 社会证明
- 客户案例
- 安全认证

首页设计要点:
- 3 秒内传达核心价值
- 一个页面一个主要目标
- 减少视觉噪音
- 突出关键信息

首页常见错误:
❌ 信息过载
❌ 多个竞争焦点
❌ 价值主张不清晰
❌ CTA 不明显

4. 可用性测试

可用性测试的重要性:
- 发现设计问题
- 验证设计假设
- 降低开发成本

简化版可用性测试:

1. 准备阶段
- 确定测试目标
- 准备测试任务
- 招募 3-5 个用户

2. 执行测试
- 让用户完成任务
- 观察用户行为
- 记录问题和反馈

3. 分析结果
- 整理问题列表
- 优先级排序
- 制定改进计划

测试问题示例:
- "你想买一本书,请找到并购买"
- "你想联系客服,请找到联系方式"
- "你想了解产品价格,请找到价格信息"

测试原则:
- 早期测试:越早越好
- 频繁测试:持续测试
- 简化测试:不必完美
- 行动导向:测试后改进

5. 移动端可用性

移动端设计要点:

1. 触控友好
- 按钮 ≥ 44×44 pt
- 间距足够
- 避免误触

2. 简化导航
- 减少层级
- 底部导航
- 手势操作

3. 优化输入
- 减少输入
- 智能填充
- 合适键盘

4. 性能优化
- 快速加载
- 减少等待
- 离线支持

移动端常见错误:
❌ 按钮太小
❌ 链接太近
❌ 输入太多
❌ 加载太慢

6. 可用性启发式

Nielsen 十大可用性原则:

1. 系统状态可见
- 加载进度
- 当前步骤
- 操作反馈

2. 系统与现实匹配
- 用户语言
- 熟悉概念
- 现实隐喻

3. 用户控制和自由
- 撤销功能
- 返回操作
- 退出选项

4. 一致性和标准
- 平台规范
- 内部一致
- 行业惯例

5. 错误预防
- 确认对话框
- 输入验证
- 禁用危险操作

6. 识别而非回忆
- 可见选项
- 历史记录
- 自动完成

7. 使用灵活高效
- 快捷键
- 默认值
- 批量操作

8. 美观简洁
- 减少干扰
- 突出重点
- 留白呼吸

9. 帮助识别和恢复错误
- 清晰错误信息
- 解决方案
- 友好语气

10. 帮助和文档
- 搜索帮助
- 步骤指导
- 在线文档

7. 表单设计

表单优化原则:

1. 减少字段
- 只问必要信息
- 渐进式披露
- 后续补充

2. 清晰标签
- 标签在外
- 避免占位符
- 示例格式

3. 实时验证
- 输入时验证
- 即时反馈
- 友好提示

4. 键盘优化
- 合适键盘类型
- 自动大写
- 自动完成

表单最佳实践:
- 单列布局
- 必填项明确
- 错误字段高亮
- 提交按钮明显

经典摘录

别让我思考。好的设计应该让用户自然而然地知道该怎么做。

用户不会阅读网站,他们会扫描网站。

可用性测试不是奢侈品,是必需品。

首页的设计目标是:让用户一眼看出这是什么网站,能为他们做什么。

导航的目标不是让用户找到所有东西,而是让用户知道他们在哪。

3 个用户的洞察胜过 100 个专家的猜测。

测试 - 改进 - 测试,这是提升可用性的唯一路径。

读书心得

《Don't Make Me Think》是一本关于可用性的经典书籍。作者用轻松幽默的语言,讲解了网页和 APP 设计的可用性原则。

别让我思考的原则让我重新审视自己的设计。很多时候,我们为了让界面"丰富"而添加各种元素,但这些元素往往增加了用户的认知负担。好的设计应该是简单、直观、无需思考的。

导航设计部分让我理解了导航的本质。导航不是菜单,而是帮助用户定位和探索的工具。清晰的层级、一致的命名、明显的位置指示,这些是好的导航的基本要素。

可用性测试部分改变了我的看法。之前认为可用性测试是复杂和昂贵的,但作者证明了简化的可用性测试同样有效。3-5 个用户就能发现大部分问题,这大大降低了测试的门槛。

对于前端开发者和设计师来说,这本书的价值在于:

  1. 建立可用性意识:理解什么是好的设计
  2. 掌握设计原则:应用可用性启发式
  3. 学会测试方法:进行简化版可用性测试

强烈推荐给每一位设计和使用界面的人。这是一本薄薄的小书,但内容扎实,值得一读再读。