Don't Make Me Think - Steve Krug

互联网可用性测试的经典著作,强调网页和 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 个专家的猜测。
测试 - 改进 - 测试,这是提升可用性的唯一路径。