使用启发式分析评估和改进界面可用性。当用户提到“可用性审计”、“用户感到困惑”、“表单可用性”、“导航问题”、“尼尔森启发式”、“认知走查”或“这个容易用吗”时使用。也适用于审查设计中的可用性问题、提高表单完成率、或评估信息架构和导航。涵盖克鲁格定律、尼尔森10条启发式、严重性评级、暗模式识别和可访问性。如需视觉设计修复,请参见 refactoring-ui。如需转化导向的审计,请参见 cro-methodology。
UX 启发式框架
评估和改进用户界面的实用可用性原则。用户不阅读,他们扫描;他们不做最优选择,他们满意即可;他们不搞清楚事情如何运作,他们糊弄过去。
核心原则
“别让我思考” — 每个页面都应该不言自明。如果某件事需要思考,那就是可用性问题。用户的耐心和认知带宽有限,因此要针对上述扫描、满意和糊弄行为进行设计。
评分
目标:10/10。 审计界面,按下面的严重性等级对每个问题评分,然后根据快速诊断结果对界面打分:从10分开始,每失败一个诊断行就扣分,根据触发的最高严重性加权(灾难性/主要行扣约2分,次要/外观扣约1分)。等级:9-10 = 没有严重性3+的问题且失败诊断行≤1;6-8 = 有一些主要问题或几个失败行;3-5 = 有一个灾难性问题或许多失败行;≤2 = 核心任务受阻。始终说明当前分数、最严重的问题以及达到10/10所需的具体修复。
克鲁格可用性原则
第1-3条是克鲁格可用性三定律;第4条“后备箱测试”是他的导航方向检查。
1. 别让我思考
核心概念: 用户脑海中出现的每个问号都会增加认知负荷,分散对任务的注意力。
为什么有效: 用户有任务在身——他们不想为标签费解或解读巧妙的营销语言。思考越少,完成任务的可能性越大。
关键见解:
- 巧妙的名字永远输给清晰的名字
- 营销语言造成摩擦;平实语言消除摩擦
- 不熟悉的类别迫使用户停下来解读
- 模糊的链接和按钮导致犹豫
产品应用:
| 上下文 | 应用 | 示例 |
|---|---|---|
| 导航标签 | 不言自明的名称 | “获取路线”而不是“计算到达目的地的路线” |
| 行动号召 | 用户理解的动作动词 | “登录”而不是“访问您的账户门户” |
| 错误状态 | 告诉用户下一步做什么 | “检查您的邮箱格式”而不是“验证错误” |
文案模式:
- 面向操作的按钮:动词 + 名词(“创建账户”、“下载报告”)
- 避免行话:“保存”而不是“持久化”,“删除”而不是“解除关联”
- 如果标签需要解释,简化标签
道德边界: 清晰应为用户服务——绝不要用平实语言掩盖不利条款。
参见:references/krug-principles.md 当需要完整的克鲁格方法时——扫描/满意/糊弄心理学、好感储备、首页和标语指导,以及零成本可用性测试协议(多少用户、测试脚本)。
2. 点击次数不重要
核心概念: 传言说“用户3次点击后离开”。实际上,如果每次点击都轻松、明确且增强信心,用户不介意点击次数。
为什么有效: 每次点击的认知努力比点击次数更重要。用户失去信心时放弃,而不是因为点击耐心耗尽。
关键见解:
- 每次点击应轻松、明确且增强信心
- 三次不经思考的点击胜过一次需要斟酌的点击
- 标签清晰的浅层导航优于标签模糊的深层导航
产品应用:
| 上下文 | 应用 | 示例 |
|---|---|---|
| 结账流程 | 使每一步明确 | 带有描述性标签的清晰步骤指示器 |
| 设置 | 清晰的分类优于扁平列表 | “账户 > 安全 > 更改密码”(3次自信点击) |
| 引导 | 小而清晰的步骤 | 每一步一个明确操作的向导 |
文案模式:
- 进度指示器:“第2步,共4步:配送详情”
- 每一步的确认:“好的,您的邮箱已验证。现在让我们设置您的个人资料。”
- 清晰的链接文本:“查看所有跑鞋”而不是“点击这里”
道德边界: 绝不要用额外步骤隐藏取消流程——每次点击都应使用户接近目标,而非远离。
3. 删掉一半文字
核心概念: 删除每页上一半的文字,然后再删除剩下的一半。简洁使有用内容突出,尊重用户时间。
关键见解:
- 客套话(“欢迎访问我们的网站!”)浪费空间
- 没人读的说明应删除
- “请”和“恳请”等礼貌废话增加噪音
- 更短的页面意味着更少的滚动和更快的扫描
产品应用:
| 上下文 | 应用 | 示例 |
|---|---|---|
| 着陆页 | 删除欢迎文案,以价值开头 | 删除“欢迎来到...”段落 |
| 错误消息 | 说明问题和修复,仅此而已 | “密码太短(至少8个字符)” |
| 空状态 | 面向操作,简洁 | “无结果。请尝试其他搜索。” |
文案模式:
- 之前:“请注意,您需要输入密码才能继续下一步。” → 之后:“输入密码以继续。”
- 之前:“我们已收到您的消息,将尽快回复。” → 之后:“消息已发送。我们将在24小时内回复。”
道德边界: 简洁不得遗漏关键信息——价格、条款和数据使用的简明披露是用户的权利。
4. 后备箱测试
核心概念: 将用户随机放到某个页面(就像从汽车后备箱在随机地点释放)——他们应立即回答六个方向问题:这是什么网站?什么页面?主要部分有哪些?我在这里有什么选项?我在层级中的位置?搜索在哪里?
为什么有效: 良好的导航提供持续的方向感。无法判断自己位置的用户会感到迷失并离开。
作为导航检查应用:页面标题必须与用户点击的链接匹配,必须有“您在这里”指示器(高亮导航项、加粗面包屑),并且部分标题必须指明方向(“您的账户 > 账单”而不是仅“设置”)。
道德边界: 导航标签必须诚实反映网站结构——绝不要使用误导性标签将用户引向营销页面。
参见:references/krug-principles.md 当运行后备箱测试或设计导航时——它将六个问题中的每一个映射到回答该问题的页面元素,以及面包屑和永久导航规则。
尼尔森10条可用性启发式
1. 系统状态可见性
通过及时反馈让用户知情。每个动作都需要确认——上传的进度条、提交的确认、加载的骨架屏。静默失败破坏信任。文案模式:“保存中...” → “已保存”。
2. 系统与现实世界的匹配
使用用户的语言:“登录”而不是“认证”,“搜索”而不是“查询”。遵循现实世界的隐喻(垃圾桶、购物车)和自然顺序(街道→城市→州→邮编)。
3. 用户控制和自由
提供清晰的“紧急出口”。撤销优于“您确定吗?”对话框——用户不阅读就点击确认。每个流程都需要取消/退出,返回按钮绝不能失效。
4. 一致性和标准
相同的词语、样式和行为在整个应用中含义相同。内部一致性(您的应用)加上外部一致性(平台惯例:左上角Logo,右上角搜索)。每个概念一个术语——“项目”始终如一,绝不与“工作区”混用。
5. 错误预防
在问题发生前预防:约束输入(日期选择器优于文本字段)、自动补全、合理的默认值、“未保存更改”警告。失误(意外错误操作)和错误(错误意图)需要不同的预防。
6. 识别而非回忆
最小化记忆负担——显示选项,不要求记忆。面包屑、最近搜索、预填字段、带解码值的下拉菜单。工作记忆约容纳7项;识别远比回忆容易。
7. 灵活性和使用效率
同时服务新手和专家:键盘快捷键、批量操作、保存的搜索、命令面板(Cmd+K)。渐进式披露对初学者保持简单,同时专家可访问全部功能。
8. 美学和极简设计
每个元素必须赢得其位置——当一切都在争夺注意力时,没有东西能突出。显示当前重要的,隐藏不重要的。每页一个主要行动号召。
9. 帮助用户识别、诊断和从错误中恢复
错误消息需要三部分:发生了什么、为什么以及如何修复。平实语言(“连接失败”而不是“ECONNREFUSED”)、具体(“密码必须至少8个字符”而不是“无效”)、绝不责备用户、保留他们的输入。
10. 帮助和文档
帮助应可搜索、以任务为中心(“如何...”而不是技术参考)、且上下文相关(工具提示、内联提示、引导式导览)。
参见:references/nielsen-heuristics.md 当针对特定启发式进行审计时——它将每条启发式扩展为良好实现/常见违规/严重性表格,包含文案模式和道德边界。
严重性评级量表
对审计中发现的每个问题评分:
| 严重性 | 评级 | 描述 | 优先级 |
|---|---|---|---|
| 0 | 不是问题 | 分歧,非可用性问题 | 忽略 |
| 1 | 外观 | 轻微烦恼,影响小 | 有时间再修复 |
| 2 | 次要 | 导致延迟或挫败感 | 安排修复 |
| 3 | 主要 | 显著任务失败 | 尽快修复 |
| 4 | 灾难性 | 阻止任务完成 | 立即修复 |
权衡三个因素:频率(发生频率)、影响(发生时严重程度)、持续性(一次性或持续)。
参见:references/audit-template.md 当运行完整的启发式评估时——一个结构化的每屏幕模板,以一致格式捕获问题、严重性和推荐修复。
常见错误
| 错误 | 为什么失败 | 修复 |
|---|---|---|
| 神秘肉导航 | 无标签图标迫使用户猜测 | 在图标旁添加文本标签 |
| 选择过多 | 决策瘫痪拖慢用户 | 减少到7±2项 |
| 无“您在这里”指示器 | 用户在层级中感到迷失 | 在导航和面包屑中高亮当前部分 |
| 无内联验证 | 提交、错误、滚动循环令人沮丧 | 在失焦时验证并给出具体消息 |
| 必填字段不明确 | 用户困惑哪些是必填 | 标记可选字段,而非必填 |
| 文字墙 | 没人阅读密集段落 | 用标题、项目符号、空白分隔 |
| 标签中的行话 | 用户不懂您的内部语言 | 用户测试所有标签,使用平实语言 |
| 无加载指示器 | 用户认为系统坏了 | 显示旋转器、进度条或骨架屏 |
| 点击目标太小 | 移动用户不断误点 | 最小44x44像素触摸目标 |
| 仅悬停信息 | 移动和键盘用户错过 | 不要将关键信息隐藏在悬停后面 |
| 无撤销 | 用户害怕采取任何操作 | 为所有非破坏性操作提供撤销 |
| 糟糕的错误消息 | “无效输入”对用户毫无帮助 | 解释哪里错了以及如何修复 |
| 低对比度文本 | 许多用户无法阅读 | WCAG AA最低(4.5:1对比度) |
| 导航位置不一致 | 用户找不到导航 | 固定位置,每页相同位置 |
| 返回按钮失效 | 违反浏览器契约 | 绝不劫持或破坏浏览器历史 |
参见:references/wcag-checklist.md 当审计可访问性时(对比度、键盘、屏幕阅读器、焦点)——完整的WCAG 2.1 AA清单及测试工具。参见 references/cultural-ux.md 当为全球受众设计时——从右到左布局、颜色含义、表单/姓名/日期约定以及本地化陷阱。
快速诊断
| 问题 | 如果否 | 操作 |
|---|---|---|
| 我能立即判断这是什么网站/页面吗? | 用户迷失 | 添加清晰的Logo、页面标题、面包屑 |
| 主要操作是否明显? | 用户不知道做什么 | 视觉层次、单一主要行动号召 |
| 导航是否清晰? | 用户找不到路 | 应用后备箱测试,添加“您在这里”指示器 |
| 我能找到搜索吗? | 目标驱动用户受阻 | 在页眉中显示搜索框 |
| 系统是否显示正在发生什么? | 用户失去信任并重复点击 | 加载状态、确认、进度 |
| 错误消息是否有帮助? | 用户卡住 | 平实语言并给出具体修复 |
| 用户能否撤销或返回? | 用户害怕操作 | 随处提供撤销、取消和返回选项 |
| 是否无需悬停即可工作? | 移动/键盘用户被排除 | 悬停交互的可见替代方案 |
| 所有交互元素是否都有标签? | 用户猜测图标含义 | 文本标签或描述性工具提示 |
| 是否有任何东西让我停下来想“嗯?” | 认知负荷过高 | 简化——如果需要解释,重新设计 |
启发式冲突
启发式有时相互矛盾。当出现时:
- 简洁 vs. 灵活性:使用渐进式披露
- 一致性 vs. 上下文:一致的模式,上下文相关的突出
- 效率 vs. 错误预防:优先撤销而非确认对话框
- 可发现性 vs. 极简主义:主要操作可见,次要操作隐藏
参见:references/heuristic-conflicts.md 当两条启发式方向相反且上述四条规则无法解决时——包含已解决权衡示例的解决框架。
暗模式识别
暗模式故意违反启发式以操纵用户:强制连续(难以取消)、蟑螂旅馆(易进难出)、确认羞辱(基于内疚的选项)、隐藏成本(结账时意外费用)。
参见:references/dark-patterns.md 当您怀疑设计操纵而非服务用户时——完整分类、道德替代方案和相关法规。
何时使用每种方法
| 方法 | 何时 | 时间 | 发现 |
|---|---|---|---|
| 启发式评估 | 用户测试前 | 1-2小时 | 主要违规 |
| 用户测试 | 启发式修复后 | 2-4小时 | 真实行为 |
| A/B测试 | 优化时 | 数天至数周 | 统计验证 |
| 分析审查 | 持续 | 30分钟 | 模式和问题 |
延伸阅读
基于Steve Krug和Jakob Nielsen开发的可用性原则:
- 《Don't Make Me Think, Revisited》 by Steve Krug
- 《Rocket Surgery Made Easy》 by Steve Krug(DIY可用性测试)
- 《10 Usability Heuristics for User Interface Design》 by Jakob Nielsen(尼尔森诺曼集团)
关于作者
Steve Krug 是一位可用性顾问,他的《Don't Make Me Think》(2000年,2014年修订)是网络可用性领域阅读最广泛的书籍。他证明了可用性测试不需要实验室或大预算——只需观察几个真实用户尝试完成任务。
Jakob Nielsen, PhD 是尼尔森诺曼集团的联合创始人,也是10条可用性启发式(1994年)的作者,这仍然是全球最常用的启发式评估框架。《纽约时报》称他为“网页可用性大师”。






