mcpField
D
design-evaluation-audit

design-evaluation-audit

github.com/lyndonkl设计与 UI18787 次安装9 周前更新
代码仓库

关于 design-evaluation-audit

用于依据认知设计标准系统评审界面和数据可视化的 skill,面向设计评审者。它按严重程度分类问题并给出优先级修复建议,不用于创建设计或替代用户测试。

主要功能

  1. 01覆盖八个认知维度的检查清单
  2. 02按四项标准评估可视化
  3. 03问题严重程度分类与排序
  4. 04基于证据的可执行修复建议
  5. 05整合界面与可视化评审

适用场景

  1. 01发布前评审界面
  2. 02审查仪表板中的图表
  3. 03排列可用性与无障碍问题的修复优先级

安装

复制下面的命令,在终端中运行。

$npx skills add https://github.com/lyndonkl/claude --skill design-evaluation-audit

安装后在 Claude Code 中输入/design-evaluation-audit确认已加载。

包含的文件

除 SKILL.md 外,安装时一起下载的参考资料和脚本。

resources/
cognitive-checklist.md
visualization-audit.md
resources/evaluators/
rubric_design_evaluation.json

详细介绍

设计评估与审计

目录


技能边界

以下情况请改用其他技能:

  • 从头创建新设计:使用 cognitive-design
  • 学习认知理论:使用 cognitive-design 路径 1
  • 检测具有误导性的可视化:使用 cognitive-fallacies-guard

设计评审工作流

用时: 根据范围而定,为 30–90 分钟

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

Design Evaluation Progress:
- [ ] Step 1: Systematic Assessment
- [ ] Step 2: Visualization Quality Audit (if applicable)
- [ ] Step 3: Severity Classification & Prioritization
- [ ] Step 4: Fix Recommendations
步骤 1:系统化评估

使用认知设计检查清单评估全部 8 个维度:可见性、视觉层级、分块、简洁性、记忆支持、反馈、一致性、扫描模式。逐项检查,并为每个维度记录通过/不通过及具体依据。

资源: 认知设计检查清单

步骤 2:可视化质量审计(如适用)

如果设计包含数据可视化,请使用 4 项标准可视化审计。为每项标准打 1–5 分:清晰度、效率、完整性、美观度。计算平均分并找出最薄弱的维度。

资源: 可视化审计框架

步骤 3:严重程度分类与优先级排序

按严重程度对每项发现进行分类:

  • 严重: 完整性违规、无障碍访问失败、用户无法完成核心任务。立即修复。
  • 高: 妨碍使用的清晰度/效率问题、关键操作缺少反馈、工作记忆过载(>10 项未分组内容)。上线前修复。
  • 中: 非最优模式、美观问题、轻微不一致。在下一轮迭代中修复。
  • 低: 细微优化、润色事项。方便时修复。

优先级规则: 优先修复基础问题——先处理感知,再处理连贯性;先处理完整性,再处理美观;先处理严重问题,再处理高优先级问题。

步骤 4:修复建议

针对每项发现,记录:

  1. 问题所在 — 提供具体描述和依据
  2. 重要性 — 说明违反了哪项认知原则
  3. 修复方法 — 给出具体、可执行的建议
  4. 预期结果 — 修复后会有哪些改善
  5. 工作量估算 — 快速修复(几分钟)、适中(几小时)、重大(几天)

确认修复不会损害其他维度。


路径选择菜单

路径 1:运行认知设计检查清单

适用情况: 评估任何界面、布局、内容页、表单或通用设计。

你将获得: 8 个认知维度的通过/不通过结果、测试方法、常见失败情况,以及按严重程度分类的发现。

用时: 20–40 分钟

→ 前往认知设计检查清单


路径 2:运行可视化审计

适用情况: 评估数据可视化——图表、示意图、仪表板、信息图。

你将获得: 清晰度、效率、完整性、美观度的 1–5 分评分,并附通过/不通过门槛。

用时: 每项可视化需 15–30 分钟

→ 前往可视化审计框架


路径 3:综合评审

适用情况: 对界面元素和数据可视化进行全面评审。

流程: 先运行认知设计检查清单,再对每个数据组件运行可视化审计,合并发现并生成统一的修复清单。

用时: 45–90 分钟

→ 从认知设计检查清单开始,再进行可视化审计


快速参考

3 问快速检查

1. 注意力——“是否一眼就能看出应该先看哪里?”

  • 如果否:存在层级和可见性问题

2. 记忆——“用户是否需要记住本可以显示出来的信息?”

  • 如果否:存在记忆支持和信息分块问题

3. 清晰度——“不熟悉相关内容的人能否在 5 秒内理解?”

  • 如果否:存在简洁性和理解问题

全部为“是” = 认知设计可能合理。任何一项为“否” = 针对未通过的部分运行完整检查清单。


边界说明

不在范围内: 创建设计、讲授理论、提供领域指导、替代用户测试,或涵盖完整的无障碍合规要求。

在范围内: 根据认知原则进行系统评估、按严重程度分类问题、提供优先级明确的修复建议,以及对可视化质量进行评分。

评论

支持 Markdown