Steve Krug 用户体验审计

方法论归属说明

本技能应用Steve Krug 的 UX 审计方法论——一种经过验证的网页可用性与以用户为中心的设计评估方法。本文所引用的所有核心法则、启发式原则及框架均源自 Krug 已确立的方法论。

概述

依据 Steve Krug《不要让我思考（第 3 版，2014 年）》中的原则，对网站或 Web 应用执行一次切实可行的可用性审计。

本技能通过浏览器快照、截图或提供的 URL 对真实页面进行评估，对照 Krug 提出的核心法则、启发式原则与惯例。输出结果是一份可落地执行的审计报告，而非抽象理论。

适用场景

• 收到待评审的 URL 或本地开发路径时
• 评估页面设计、线框图或原型的可用性时
• 上线前开展可用性检查时
• 对比竞品网站的用户体验时

如何执行审计

步骤 1：捕获页面

使用浏览器工具导航至指定 URL/路径，并截取快照 + 截图。 若指定了多个页面，请分别捕获每一页面。 最低限度必须审计以下两类页面：

• 首页
• 一个关键任务流程（例如：注册、购买、搜索 → 结果页）

步骤 2：树干测试（第 6 章）

假设你被蒙住双眼直接投放到该页面上。能否立即回答以下问题？

评分标准：针对每个问题，评定为 ✅ 清晰、⚠️ 不清晰 或 ❌ 缺失/失效。

步骤 3：Krug 的三大法则

第一法则：“别让我思考！”（第 1 章）

扫描页面中是否存在问号——即任何让用户暂停并产生疑惑的元素：

• 名称不清晰：使用俏皮、聪明、营销化或术语化标签，而非直观易懂的表述
• 可点击性模糊：链接/按钮外观不可点击，或非链接元素却呈现可点击样式
• 选项令人困惑：需额外思考才能区分的选项（例如：“RFPs” vs “Fixed-Price”）
• 不必要的认知负担：表单字段、标签或交互流程引发用户疑问：“他们指的是……？”

合格标准：页面应为不言自明（无需任何思考），或至少是自解释型（仅需极少量思考）。两者皆未满足，则违反此法则。

第二法则：“点击次数多少并不重要，只要每次点击都是无意识、明确无疑的选择。”（第 4 章）

检查所有导航路径与选项：

• 选项是否无意识（用户能立刻预判结果），还是需要动脑判断？
• 信息气味是否强烈？（链接是否清晰表明其指向内容？）
• 当选项难以抉择时，是否有即时引导（简短、及时、无法忽略）？

第三法则：“删掉每页一半的文字，再把剩下的一半也删掉。”（第 5 章）

评估文本内容：

• 空洞欢迎语：无实际价值的导语/欢迎文案（如：“欢迎来到我们超棒的……”）
• 无人阅读的说明：长篇大段的操作说明，而非通过自解释设计实现引导
• 冗余文字：段落内容可削减一半而丝毫不影响原意
• 文字墙：大段连续无分隔的长段落，而非简短分段
• 缺失项目符号：本应以项目符号列表呈现的条目，却以段落形式罗列

步骤 4：广告牌式设计（第 3 章）

用户浏览网页时是在扫描，而非逐字阅读。请将页面视作一辆以 60 英里/小时飞驰而过的广告牌来评估：

步骤 5：导航设计（第 6 章）

持久化导航

• 是否出现在每个页面（表单页除外）？
• 是否包含：网站标识、栏目入口、实用工具、搜索框？
• 在整个网站中位置与外观是否保持一致？

页面名称

• 每个页面是否都拥有唯一名称？
• 名称是否显著且位置恰当（用于框定页面内容）？
• 名称是否与用户点击跳转的目标一致？

“你在此处”指示器

• 当前所在位置是否在导航中高亮显示？
• 高亮是否足够醒目？（应具备多重视觉区分，避免过于微妙）

面包屑导航（如适用）

• 是否位于页面顶部？
• 各级之间是否使用“>”符号分隔？
• 最后一项是否加粗且不可点击？

标签页（如使用）

• 激活态标签是否在视觉上与下方内容自然衔接？
• 是否通过颜色/明暗度与非激活态标签形成明显区分？

步骤 6：首页（第 7 章）

网页设计的大爆炸理论——第一印象至关重要：

四大问题（须一眼即可回答）

1. 这是什么？——网站目的是否一目了然？
2. 我能在这里做什么？——可用操作与内容是否显而易见？
3. 这里提供什么？——所提供的产品或服务是否清晰可见？
4. 我为何要选择这里，而不是别处？——差异化优势是否明确？

关键元素

• 标语（Tagline）：简洁、信息明确、6–8 个单词，传达差异化？（非模糊口号）
• 欢迎导语（Welcome blurb）：简明扼要、显著呈现的网站描述？
• “了解更多”选项：是否提供视频或说明文档，以阐释复杂主张？
• 入口点（Entry points）：是否清晰标明搜索、浏览及关键任务的起始位置？
• 促销平衡：促销内容是否喧宾夺主，掩盖核心功能？（公共资源悲剧）

第五个问题

• 我该从哪里开始？——搜索、浏览、登录或主要任务的起点是否一目了然？

步骤 7：用户真实行为（第 2 章）

依据网络使用的三大事实评估页面：

1. 我们不阅读，我们扫描。 页面是否支持快速扫描？还是假定用户会逐字精读？
2. 我们不做最优选择，而是满意即可（satisfice）。 第一个看起来合理的选项是否会将用户引向正确路径？还是会因满意式决策而误入歧途？
3. 我们不会弄清事物原理，只是摸索前行。 用户能否成功摸索完成任务？还是错误的心理模型会导致严重问题？

步骤 8：移动端与响应式设计（第 10 章）

若审查移动端或响应式版本，请检查：

• 优先级排序：最常用功能是否触手可及？其余功能是否仍可访问？
• 可操作性可见：点击目标是否清晰可见？（无隐藏手势、不依赖悬停效果）
• 扁平化设计权衡：视觉扁平化是否削弱了有用的可操作性提示？
• 性能表现：是否存在拖慢移动端加载速度的臃肿迹象？
• 是否允许缩放？ 用户是否可在必要时自由缩放页面？
• 深度链接是否有效？ 分享链接是否精准跳转至目标页面，而非首页？
• 是否提供完整网站选项？ 是否存在切换至桌面版的途径？

步骤 9：可用性即基本礼节（第 11 章）

善意损耗项（损害用户信任的因素）

• 隐藏用户所需信息（价格、客服电话、运费）
• 因格式“错误”惩罚用户（如电话号码、信用卡号）
• 索取不必要的个人信息
• 表面真诚 / “虚与委蛇”（shucking and jiving）
• 花哨内容阻碍主路径（营销图片遮挡核心内容）
• 外观业余

善意构建项（提升用户信任的因素）

• 主要用户任务清晰易达
• 关于成本、限制条件、运费等信息开诚布公
• 尽可能减少用户操作步骤
• 明显体现出对质量的投入
• 常见问题解答（FAQ）真实、最新、坦率
• 错误恢复机制优雅顺畅
• 在给用户造成不便时主动致歉

步骤 10：无障碍快速检查（第 12 章）

Krug 提出的“低垂果实”式无障碍检查项：

• 文字对比度： 文字与背景之间对比度是否充足？是否存在字号过小、对比度过低的文本？
• 表单标签： 标签是否置于表单字段外部（而非浮动于内部）？
• 文字缩放： 页面是否响应浏览器字体大小调整？
• 标题语义化： 是否使用语义化的标题层级（h1 → h2 → h3）？
• 链接区分： 已访问与未访问链接是否具有明显视觉差异？
• 键盘导航： 所有内容是否均可通过键盘访问？

输出格式

审计报告结构如下：

# Krug UX 审计：[网站名称]
**URL：** [url]
**日期：** [date]
**已审页面：** [list]

## 执行摘要
[2–3 句整体评估]
[总体评级：A/B/C/D/F，附简要理由]

## 树干测试结果
[表格形式，每项问题对应 ✅/⚠️/❌]

## Krug 法则评估
### 法则 1：别让我思考
[具体发现及示例]

### 法则 2：无意识选择
[具体发现及示例]

### 法则 3：删减冗余文字
[具体发现及示例]

## 广告牌式设计
[按原则组织的发现]

## 导航
[按组件组织的发现]

## 首页
[四大问题评估 + 关键元素审查]

## 移动端/响应式
[如适用]

## 礼节与善意
[识别出的损耗项与构建项]

## 无障碍
[快速检查结果]

## 前五大问题（按优先级排序）
1. [最严重问题——应最先修复]
2. ...
3. ...
4. ...
5. ...

## 快速见效项
[可在一小时内完成修复的事项]

## 建议
[具体、可执行的改进措施，按影响程度排序]

支撑审计的关键引述

全程以以下 Krug 原则作为锚点参考：

• “如果你无法让某件事变得不言自明，至少也要让它自解释。”
• “你能做的最重要之事，就是理解消除问号这一基本原则。”
• “如果你的用户群体表现得像你在设计广告牌，那就去设计真正出色的广告牌。”
• “清晰度优于一致性。”
• “我们不阅读网页，我们扫描它们。”
• “我们不做最优选择，而是满意即可。”
• “我们不会弄清事物原理，只是摸索前行。”
• “善意储备并非取之不尽。”
• “如果用户无法在你的网站中顺利导航，他们就不会使用它。”
• “务必集中精力，优先解决最严重的问题。”

重要注意事项

• 务必具体。 每一项发现都必须指向页面上的具体元素，而非泛泛而谈的理论。
• 附带截图/引用标识。 使用浏览器快照时，须通过 ref ID 引用具体元素。
• 严格优先级排序。 Krug 的信条：先解决最严重的问题。切勿让次要问题淹没整份报告。
• 禁用未经解释的专业术语。 Krug 的写作面向所有人，而不仅限于 UX 专业人士。确保审计报告通俗易懂。
• 重在建议，而非单纯批评。 每个问题均应附带切实可行的改进建议。
• 基于真实影响评级。 一个界面精美但导航混乱的网站，其可用性远不如一个外观朴素却易于使用的网站。