ux-heuristics

ux-heuristics

热门

使用启发式分析评估和改进界面可用性。当用户提到“可用性审计”、“用户感到困惑”、“表单可用性”、“导航问题”、“尼尔森启发式”、“认知走查”或“这个容易用吗”时使用。也适用于审查设计中的可用性问题、提高表单完成率、或评估信息架构和导航。涵盖克鲁格定律、尼尔森10条启发式、严重性评级、暗模式识别和可访问性。如需视觉设计修复,请参见 refactoring-ui。如需转化导向的审计,请参见 cro-methodology。

1662Star
167Fork
更新于 2026/7/16
SKILL.md
readonly只读
name
ux-heuristics
description

使用启发式分析评估和改进界面可用性。当用户提到“可用性审计”、“用户感到困惑”、“表单可用性”、“导航问题”、“尼尔森启发式”、“认知走查”或“这个容易用吗”时使用。也适用于审查设计中的可用性问题、提高表单完成率、或评估信息架构和导航。涵盖克鲁格定律、尼尔森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开发的可用性原则:

关于作者

Steve Krug 是一位可用性顾问,他的《Don't Make Me Think》(2000年,2014年修订)是网络可用性领域阅读最广泛的书籍。他证明了可用性测试不需要实验室或大预算——只需观察几个真实用户尝试完成任务。

Jakob Nielsen, PhD 是尼尔森诺曼集团的联合创始人,也是10条可用性启发式(1994年)的作者,这仍然是全球最常用的启发式评估框架。《纽约时报》称他为“网页可用性大师”。