errors-mistakes
Compare original and translation side by side
🇺🇸
Original
English🇨🇳
Translation
ChineseMistakes: errors of intention
错误类型:意图错误
A mistake happens when the user's action matched their intent — but the intent was wrong because their model of the situation was wrong. They misread an alarm; misjudged a chart; chose the wrong option from a menu they misunderstood. Unlike slips, mistakes are usually unrecognized at the moment they happen — the user is confident they're doing the right thing.
The design responses for mistakes work upstream of action: better information, clearer system state, training, conventions that match user expectations.
当用户的操作符合其意图,但该意图因用户对情境的认知模型错误而出现偏差时,就会产生意图错误。比如用户误读警报、误判图表、从误解的菜单中选择错误选项。与操作失误(slips)不同,意图错误通常在发生时不会被用户察觉——用户坚信自己在做正确的事。
针对意图错误的设计应对措施需在用户操作前介入:提供更清晰的信息、明确系统状态、开展培训、采用符合用户预期的设计惯例。
The three mistake subtypes (from the book)
三种意图错误子类型(源自书籍)
Perception mistakes
感知错误
Wrong action because of misread information.
Design responses:
- Improve situational awareness (clear, distinctive feedback).
- Show trends and historical data, not just point-in-time values.
- Provide clear and distinctive feedback at decision points.
html
<!-- Point-in-time only — perception-mistake-prone -->
<p>CPU: 45%</p>
<!-- With trend — clearer -->
<div class="metric">
<p>CPU: 45%</p>
<span class="trend trend--up">↑ Rising over last hour</span>
<canvas class="sparkline"></canvas>
</div>因误读信息而采取错误操作。
设计应对措施:
- 提升情境感知能力(清晰、独特的反馈)。
- 展示趋势和历史数据,而非仅显示实时单点数据。
- 在决策节点提供清晰、独特的反馈。
html
<!-- 仅显示实时数据——易引发感知错误 -->
<p>CPU: 45%</p>
<!-- 附带趋势信息——更清晰 -->
<div class="metric">
<p>CPU: 45%</p>
<span class="trend trend--up">↑ 过去一小时持续上升</span>
<canvas class="sparkline"></canvas>
</div>Decision mistakes
决策错误
Wrong action under stress, bias, or overconfidence.
Design responses:
- Minimize information and environmental noise.
- Use checklists and decision trees for high-stakes decisions.
- Train on error recovery and troubleshooting.
- Reduce time pressure where possible.
A monitoring console for production incidents that surfaces a checklist of likely causes ("Check service X first, then Y, then Z") reduces decision mistakes during stressful incidents.
在压力、偏见或过度自信下采取错误操作。
设计应对措施:
- 减少信息干扰和环境噪音。
- 针对高风险决策使用检查表和决策树。
- 开展错误恢复和故障排查培训。
- 尽可能降低时间压力。
例如,用于生产事件的监控控制台可展示可能原因的检查表(“先检查服务X,再检查Y,最后检查Z”),从而减少压力场景下的决策错误。
Knowledge mistakes
认知错误
Wrong action because of missing knowledge.
Design responses:
- Memory and decision aids in context.
- Standardized naming and operational conventions.
- Training using case studies and simulations.
- Mnemonic devices.
A new user encountering an unfamiliar feature for the first time benefits from inline help, walkthroughs, or progressive-disclosure of complexity.
因知识缺失而采取错误操作。
设计应对措施:
- 提供上下文内的记忆辅助和决策辅助工具。
- 采用标准化命名和操作惯例。
- 通过案例研究和模拟开展培训。
- 使用记忆辅助装置。
首次接触陌生功能的新用户可受益于内嵌帮助、引导流程或逐步展示的复杂功能。
Common mistake-prevention patterns
常见的错误预防模式
Surfacing system state
展示系统状态
Many mistakes flow from invisible system state. The user thinks the system is in mode A; it's actually in mode B; their action is correct for A but wrong for B.
Design response: make state visible. Modal indicators, status bars, breadcrumbs all help.
html
<header class="env-banner env-banner--prod">
⚠ Production environment — actions affect live customers
</header>A visible "PROD" banner on production tools prevents the mistake of running staging-style commands against real customer data.
许多意图错误源于不可见的系统状态。用户认为系统处于模式A,但实际处于模式B;他们的操作对模式A是正确的,但对模式B则是错误的。
设计应对措施:让系统状态可见。模态指示器、状态栏、面包屑导航等都能起到帮助作用。
html
<header class="env-banner env-banner--prod">
⚠ 生产环境——操作会影响真实客户
</header>生产工具上显示醒目的“PROD”横幅,可防止用户针对真实客户数据执行 staging(预发布)环境下的命令这类错误。
Decision trees and guided flows
决策树与引导流程
For complex decisions, walk the user through. Each step narrows the option space.
Are you trying to...
(•) Fix a customer issue
( ) Make a code change
( ) Run a migration
[Continue]Then based on the answer, the next set of options is contextual. The user can't easily make a mistake by picking from a flat list of 30 options because the context narrows the space.
针对复杂决策,引导用户逐步操作。每一步都缩小选项范围。
您想要...
(•) 解决客户问题
( ) 进行代码修改
( ) 执行迁移
[继续]然后根据用户的选择,展示下一组上下文相关的选项。用户不会轻易从30个选项的扁平列表中选错,因为上下文已经缩小了选择范围。
Trend-aware displays
趋势感知型展示
Replace point-in-time displays with trend-aware ones. The single number "23%" hides a trajectory; the sparkline reveals it.
将实时单点展示替换为趋势感知型展示。单一数字“23%”隐藏了变化轨迹,而迷你折线图(sparkline)则能揭示这一轨迹。
Checklists
检查表
Borrowed from aviation and medicine. A checklist forces the user to verify each prerequisite explicitly. Surgical "time-out" checklists, pilot pre-takeoff checklists, and software pre-deployment checklists all prevent decision and knowledge mistakes by externalizing memory.
源自航空和医疗领域。检查表强制用户明确验证每个前提条件。手术中的“暂停确认”检查表、飞行员起飞前检查表以及软件部署前检查表,都通过外部化记忆来防止决策错误和认知错误。
Conventions and standards
设计惯例与标准
When users encounter unfamiliar systems, they apply conventions from familiar ones. If your system honors conventions (cmd-K opens command palette, Esc closes overlays), users transfer prior knowledge correctly. If you violate them, users transfer prior knowledge incorrectly — knowledge mistakes ensue.
当用户接触陌生系统时,会套用熟悉系统的惯例。如果您的系统遵循惯例(如cmd-K打开命令面板、Esc关闭弹窗),用户就能正确迁移已有知识。如果违背这些惯例,用户就会错误迁移已有知识——进而引发认知错误。
Inline help in context
上下文内嵌帮助
Don't rely on documentation pages users won't visit. Surface help in the moment: a "?" icon next to ambiguous fields with a tooltip, an info-banner explaining a section's purpose, contextual onboarding hints.
不要依赖用户不会访问的文档页面。在关键时刻展示帮助:模糊字段旁的“?”图标及提示框、解释某部分用途的信息横幅、上下文引导提示。
Mistake-prone contexts
易引发意图错误的场景
- Novel situations — the user's model doesn't apply.
- Ambiguous information — multiple plausible interpretations.
- High-stakes decisions under stress — judgment narrows.
- Cross-domain transfers — applying conventions from one domain to another that doesn't share them.
- Edge cases — situations the user hasn't seen before.
- First-time users of any feature — knowledge gap.
- 全新场景——用户的认知模型不适用。
- 模糊信息——存在多种合理解读。
- 高压下的高风险决策——判断力受限。
- 跨领域迁移——将某一领域的惯例应用到不兼容的另一领域。
- 边缘情况——用户从未遇到过的场景。
- 首次使用某功能的用户——存在知识缺口。
Anti-patterns
反模式
- Hidden system state. User assumes the system is in one state; it's actually in another.
- Cryptic error messages that don't help the user understand what's wrong.
- Conventions violated without warning. A "Save" button that doesn't save, or saves to a different location.
- Onboarding for new users that's just a tour. Watching demo videos doesn't transfer knowledge as well as guided practice.
- Single-point-in-time displays for trending phenomena. Hides the trajectory.
- 隐藏系统状态。用户认为系统处于某种状态,但实际并非如此。
- 晦涩的错误提示——无法帮助用户理解问题所在。
- 无预警地违背惯例。比如“保存”按钮不执行保存操作,或保存到其他位置。
- 仅为新用户提供演示式引导。观看演示视频的知识迁移效果远不如实操引导。
- 针对趋势性现象仅展示实时单点数据——隐藏了变化轨迹。
Heuristics
启发式原则
- The "what's the user's model?" check. Before designing a flow, ask what model the user is likely to bring. Designs that match it prevent mistakes; designs that violate it cause them.
- The state-visibility audit. What state are users in right now? Can they see it? If not, they can mistake.
- The novel-situation walkthrough. For unfamiliar features, walk a new user through. Note where their model diverges from the system; design responses there.
- “用户的认知模型是什么?”检查。在设计流程前,先思考用户可能持有的认知模型。与其匹配的设计可防止错误;与之相悖的设计则会引发错误。
- 系统状态可见性审核。用户当前处于何种系统状态?他们能否看到该状态?如果不能,就可能引发错误。
- 全新场景走查。针对陌生功能,引导新用户走查流程。记录用户认知模型与系统不符的地方,并在这些位置设计应对措施。
Related sub-skills
相关子技能
- (parent).
errors - — the complementary error type; execution rather than intention.
errors-slips - — mistakes flow from wrong models; mental-model design prevents them.
mental-model - — when the system violates expectation, mistakes follow.
expectation-effect - — system state must be visible to be reasoned about.
visibility - — borrowing conventions reduces knowledge-mistakes.
mimicry
- (父项)。
errors - ——互补的错误类型;属于执行错误而非意图错误。
errors-slips - ——意图错误源于错误的认知模型;认知模型设计可防止此类错误。
mental-model - ——当系统违背用户预期时,就会引发错误。
expectation-effect - ——系统状态必须可见才能被用户正确判断。
visibility - ——借鉴惯例可减少认知错误。
mimicry