cognitive-design

认知设计原则

目录

• 概述
• 工作流
  • 应用认知原则工作流
  • 快速验证工作流
• 路径选择菜单
  • 路径 1：了解认知基础
  • 路径 2：应用设计框架
  • 路径 3：获取特定领域的指导
  • 路径 4：查阅快速参考
  • 路径 5：探索来源概况
  • 路径 6：退出
• 相关技能

---

概述

此技能提供有效设计的认知科学基础——感知、注意力、记忆和决策原则，用以解释某些设计为何有效。它帮助你以研究成果（Tufte、Norman、Ware、Cleveland & McGill、Mayer）为设计决策提供依据，应用系统化框架（认知设计金字塔、设计反馈循环、三层模型），选择适当的视觉编码，并管理注意力、记忆限制和认知负荷。

**相关技能：**使用 design-evaluation-audit 进行系统化评审，使用 cognitive-fallacies-guard 检测误导，使用 visual-storytelling-design 进行数据新闻创作，使用 information-architecture 组织内容，使用 d3-visualization 实现 D3.js。

---

工作流

应用认知原则工作流

**适用场景：**从头创建新的界面、仪表板、可视化或教育内容

**耗时：**1-2 小时

复制此清单并跟踪进度：

Cognitive Design Progress:
- [ ] Step 1: Orient to cognitive principles
- [ ] Step 2: Structure design thinking with frameworks
- [ ] Step 3: Apply domain-specific guidance
- [ ] Step 4: Validate against quick reference

步骤 1：了解认知原则

从认知基础开始，深入了解设计为何有效（感知、记忆、格式塔原则）；或使用快速参考快速入门（20 条核心原则和决策规则）。认知基础为你提供理论依据；快速参考则能帮助你更快上手。

步骤 2：使用框架构建设计思路

使用设计框架应用系统化方法：认知设计金字塔（4 层质量评估）、设计反馈循环（交互周期）和三层可视化模型（数据传达保真度）。这些框架为设计决策提供可重复使用的结构。

步骤 3：应用特定领域的指导

选择领域：数据可视化适用于图表/仪表板，UX 产品设计适用于界面/应用，教育设计适用于在线学习/培训。针对具体情境应用相应的认知原则。

步骤 4：根据快速参考进行验证

使用快速参考，通过 3 个问题检查（注意力？记忆？清晰度？）和 20 条核心原则核验设计。确认设计符合基本的认知原则。

**后续步骤：**使用 design-evaluation-audit 技能进行系统化评估，使用 cognitive-fallacies-guard 检查是否存在误导。

---

快速验证工作流

适用场景： 需要快速做出通过或不通过的决定、抽查更改，或在主动设计过程中根据认知基础进行验证

耗时： 5-10 分钟

复制此检查清单并跟踪进度：

Quick Validation Progress:
- [ ] Step 1: Three-question rapid check
- [ ] Step 2: Spot checks if issues found

步骤 1：三问快速检查

使用快速参考并检查：（1）注意力——“第一眼应该看哪里，是否一目了然？”（视觉层级清晰、主要元素突出、扫描顺序可预测）；（2）记忆——“是否要求用户记住本可以直接显示的信息？”（状态清晰可见、选项一目了然、符合 4±1 个组块）；（3）清晰度——“不熟悉的人能否在 5 秒内理解？”（目的易于理解、没有不必要的装饰、术语熟悉）。如果全部为“是” → 认知设计可能合理。

步骤 2：发现问题时进行抽查

如果任何问题未通过，请查阅相关的认知基础：注意力未通过？请查看认知基础中的层级和视觉显著性。记忆未通过？请检查组块和记忆限制。清晰度未通过？请检查简化原则和标签指南。

---

路径选择菜单

根据当前需求选择路径：

路径 1：理解认知基础

适用场景： 想要了解有效设计背后的核心认知心理学原理（注意力、记忆、知觉、格式塔分组、视觉编码层级）。

你将获得： 基于研究，深入理解某些设计为何有效。

耗时： 20-40 分钟

→ 前往认知基础资源

---

路径 2：应用设计框架

适用场景： 想要使用系统化框架来构建设计思路。

你将获得： 三个相辅相成的框架：

• 认知设计金字塔（4 个层级：知觉效率 → 认知连贯性 → 情感参与 → 行为一致性）
• 设计反馈循环（感知 → 解读 → 决策 → 行动 → 学习）
• 三层可视化模型（数据 → 视觉编码 → 认知解读）

耗时： 30-45 分钟

→ 前往框架资源

---

路径 3：获取特定领域的指导

适用场景： 正在处理特定类型的设计，并希望获得量身定制的认知原则。

选择你的领域：

3a. 数据可视化（图表、仪表板、分析）

→ 前往数据可视化资源

涵盖内容： 通过任务与编码匹配来选择图表、仪表板层级与分组、用于探索的渐进式呈现、叙事式数据可视化

---

3b. 产品/UX 设计（界面、移动应用、Web 应用）

→ 前往 UX 产品设计资源

涵盖内容： 通过熟悉的模式提升易学性、提高任务流程效率、管理认知负荷、设计引导流程、处理错误

---

3c. 教育设计（在线学习、培训、教学材料）

→ 前往教育设计资源

涵盖内容： 多媒体学习原则、双重编码、示例演练、提取练习、分段、一致性原则

---

路径 4：查阅快速参考

适用场景： 需要快速的设计指导、核心原则摘要或快速验证检查。

你将获得： 20 条核心原则、三问检查、常见决策规则、设计启发式

耗时： 5-15 分钟

→ 前往快速参考资源

---

路径 5：了解研究脉络

适用场景： 想要了解认知设计原则背后的研究传统和重要作者。

你将获得： 重要研究者（Tufte、Norman、Ware、Cleveland & McGill、Mayer、Nielsen）、他们的贡献，以及引用他们的时机。

耗时： 10-20 分钟

→ 前往研究脉络资源

---

路径 6：退出

**适用情形：**你已完成设计工作，或已收集到所需信息。

退出前：

• 你是否已达成此次会话的目标？
• 需要评估设计？→ 使用 design-evaluation-audit 技能
• 需要检查是否存在误导？→ 使用 cognitive-fallacies-guard 技能
• 需要讲述数据故事？→ 使用 visual-storytelling-design 技能

---

相关技能

技能	用途
design-evaluation-audit	使用认知检查清单和可视化审查进行系统化设计评审
cognitive-fallacies-guard	检测图表垃圾、误导性坐标轴、认知偏见和数据完整性违规
visual-storytelling-design	数据新闻、演示文稿、信息图和叙事可视化
information-architecture	内容组织、导航设计、分类体系和可查找性
d3-visualization	使用 D3.js 实现交互式数据可视化