winson-cognitive-design-audit

SKILL前端设计
前端设计 未标注权限 许可证不明确
安装这个技能

基于认知心理学的系统化UI设计审计框架,从视觉感知、信息组织、色彩可见性、用户行为模式、概念模型、时间响应六个维度审查界面设计,识别认知阻断点并输出可执行的改进建议。适用于Web、App、桌面软件、表单系统等任何交互界面。

一句话选型结论

按资料字段整理

winson-cognitive-design-audit是前端设计类的 Agent Skill,安装方式未标注,权限级别未标注,许可证不明确,有可直接复制的安装命令。技能本质是给模型读的说明书,效果取决于模型与客户端;装完先用一个小任务验证,再放进正式流程。

分类前端设计 安装方式未标注 权限级别未标注权限 许可证许可证不明确
累计安装 未标注 本周 未标注
GitHub 星标 未标注 仓库 未标注
下载量 未标注 技能市场下载数
权限级别 未标注权限 安装前请确认风险范围
许可证 许可证不明确 未说明

安装

未标注
在支持 Skills 的客户端里执行,装完问一句「你有哪些技能」验证
skillhub install user_add7f3d3/winson-cognitive-design-audit
  1. 1
    确认客户端支持

    确认你的客户端支持 Skills(Claude、Codex、Cursor 等),并升级到较新的版本。

  2. 2
    拿到技能文件

    执行上面的命令安装;也可以把仓库里的 SKILL.md 手动放进客户端的 skills 目录。

  3. 3
    刷新技能列表

    重新打开客户端,或刷新技能列表,让新放进来的技能被加载。

  4. 4
    验证是否生效

    问一句「你有哪些技能」,确认列表里出现它,再拿一个小任务试跑。

技能档案

前端设计
字段来自技能仓库与公开索引,中文说明由本站标注
作者 / 维护方user_add7f3d3仓库 未标注 · 版本 未标注
宿主客户端未标注技能可被这些客户端加载
安装方式未标注安装包 community
权限级别未标注权限安装前请确认风险范围
许可证未说明许可证不明确,商用前请自行确认条款
仓库可用性available技能仓库当前是否可访问
最近核验未标注上游最后核验时间 · 数据更新 1791691299
正文体量27.1 KBSKILL.md 原文大小,越大说明说明书写得越细

典型使用场景

3 类
按分类整理的常见用法,具体以 SKILL.md 为准
出页面与组件

按描述生成页面结构和组件草稿。

调整样式与布局

改间距、配色与响应式布局。

生成设计说明

把设计稿整理成开发能接的说明。

选择建议

装之前先看这几条
按条目字段给出的判断,不替你决定用不用

值得选的地方

  • 有可直接复制的安装命令,不用自己翻文档找入口。

先想清楚的地方

  • 没有标注权限级别,实际能做什么要装好后确认。
  • 许可证不明确,商用或二次分发前先到仓库确认条款。
  • 没有做站内核验,内容以作者仓库为准。
  • 技能只是说明书,实际效果取决于模型与客户端,装完先用小任务试一遍。

更适合

  • 需要在前端设计场景里给模型补一套做法的人。
  • 愿意先读一遍 SKILL.md、确认它会让模型做什么的人。

不太适合

  • 对许可证要求很严、必须明确可商用的人。
  • 只想装完就自动变强、不打算看说明书的人。

同类对比

6 个同类
同分类里挑最接近的几条,字段以各自详情页为准
技能权限级别安装方式累计安装宿主客户端安装命令
winson-cognitive-design-audit当前 未标注权限 未标注 未标注 未标注 有
前端设计 只读 GitHub 仓库 882.3 万 Codex、Claude、Cursor 有
Vercel 组合模式 联网访问 GitHub 仓库 385.9 万 Codex、Claude、Cursor 有
Vercel React native skills 前端 只读 GitHub 仓库 246.9 万 Codex、Claude、Cursor 有
adapt 搜索 浏览器控制 GitHub 仓库 202.7 万 Codex、Claude、Cursor 有
使用我的浏览器 浏览器控制 GitHub 仓库 184.8 万 Codex、Claude、Cursor 有

SKILL.md 全文

27.1 KB
模型实际读到的说明书原文,来自技能仓库

winson-cognitive-design-audit

> 适用场景:当你需要审查一个界面设计是否符合人类认知规律、找出用户"看不懂、找不到、用不顺"的根本原因时,启动本技能。


一、核心哲学

1.1 唯一铁律

> 审计不是找"丑",是找"认知阻断点"。

一个视觉上"不够精致"但认知流畅的界面,远胜于一个视觉精美但让用户"看不懂、找不到、用不顺"的界面。本技能的所有审计维度都指向同一个问题:这个设计是否在迫使大脑做它不擅长的事?

1.2 三个底层认知

认知 说明
大脑是吝啬鬼 注意力是最稀缺的资源。大脑会优先处理自动化的、熟悉的、低能耗的任务,回避需要主动思考的路径。好设计就是让用户"不动脑子"。
感知先于认知 用户在看懂一个界面之前,视觉系统已经自动完成了分组、补全、层次判断。如果感知层面出了问题,认知层面再正确也无济于事。
准则是边界条件 每条设计准则都有适用边界。红色在西方表示错误,在中国表示喜庆;识别优于回忆,但搜索框的回忆输入反而更高效。审计的关键不是教条套用,而是理解每条准则背后的认知机制,判断当前场景是否满足其前提条件。

1.3 核心公式

界面认知流畅度 = 感知自动性 × 信息可发现性 × 操作可预期性 × 反馈及时性
                 ÷ 认知转换成本 ÷ 记忆负荷 ÷ 等待焦虑

任何一个因子的严重短板都会导致整体体验崩塌。审计的任务就是找到那个短板。

1.4 审计六维度总览

维度 对应认知问题 核心原则
维度一:视觉感知 用户"看到"了什么结构? 顺应格式塔原理,让视觉系统自动完成分组
维度二:信息组织 用户能"找到"目标信息吗? 用视觉层次引导扫描,降低定位成本
维度三:色彩可见性 重要信息能被"注意到"吗? 颜色+位置+符号叠加,不单一依赖
维度四:用户行为模式 用户"使用"时符合认知规律吗? 识别优于回忆,熟悉优于探索,反馈优于沉默
维度五:概念模型 用户能"学会"使用吗? 任务驱动概念,对象-操作映射直接,一致性两层
维度六:时间响应 系统节奏匹配人类感知吗? 0.1秒因果感知,用户掌控工作节奏

贯穿所有维度的根本原则:交互系统应尽可能减少用户不得不投入注意力去操作它们。设计的终极目标是释放用户的认知资源,让用户专注于任务本身而非工具。


二、完整执行流程

Phase 1:界面采集与上下文理解

Step 1.1:确认审计对象

输入:用户提供的界面截图、原型链接、或实际界面URL。

操作:
- 如果是截图 → 逐一识别界面中的所有可见元素(按钮、文字、输入框、图标、导航、图片)
- 如果是原型/实际界面 → 记录关键交互流程(点击路径、状态变化、反馈方式)
- 如果用户提供了用户画像或使用场景 → 记录目标用户群体和核心任务

Step 1.2:确定核心任务路径

操作:从用户视角,识别这个界面需要完成的核心任务是什么。

检验标准:能用一句话描述"用户来到这个界面,最想完成的一件事是___"。

输出:审计对象清单 + 核心任务描述。


Phase 2:六维度系统扫描

> 以下每个维度的检查项都附带:认知原理 → 检查问题 → 常见违例 → 修复方向。


维度一:视觉感知审计

认知原理:人类视觉是整体的。视觉系统自动对输入构建结构,在神经系统层面感知形状和图形,而不是看到互不相连的边、线和区域。格式塔原理为UI设计提供了基础。

检查清单
编号 检查问题 对应格式塔原理
V1 相关元素是否在空间上靠近?不相关的元素是否有足够间距? 接近性
V2 功能相似的元素是否在视觉上相似(颜色、形状、大小)? 相似性
V3 排列是否利用了视觉的连续性引导阅读方向? 连续性
V4 是否利用了封闭性让用户感知"一叠对象"或"不完整的整体"? 封闭性
V5 重要内容是否作为"主体"从背景中突出?还是被背景淹没? 主体/背景
V6 移动元素是否遵循共同命运(同方向移动=同组)? 共同命运
常见违例与修复
违例 严重度 修复方向
表单字段间距均匀,无法区分哪些字段属于同一组 P1 用间距或分割线将相关字段分组,组间间距 > 组内间距
按钮和文字链接视觉样式混用,用户分不清哪些可点击 P1 统一可交互元素的视觉语言(如所有可点击=蓝色+下划线 或 实心按钮)
带图案的背景干扰前景文字阅读 P0 移除装饰性背景,或降低背景不透明度至10%以下
进度条/步骤指示器的元素间距未体现分组关系 P2 当前步骤与已完成步骤靠近,与未开始步骤拉开距离
深度洞察

> 封闭性原理在GUI中被广泛应用于"堆叠对象"的表现——仅显示一个完整对象和其背后对象的一角,就足以让用户感知到一叠对象构成的整体。这个原理看似简单,但很多设计者在表现"多层级数据"时仍倾向于把所有层级完整展示,造成视觉拥挤。问自己:用户真的需要看到全部,还是只需要知道"后面还有"?


维度二:信息组织审计

认知原理:可视化信息显示的最重要目标之一是提供视觉层次——将信息分段、显著标记每段、以层次结构展示,使用户能从与其目标不相关的内容中立刻区分出更相关的内容,将注意力放在关心的信息上。

检查清单
编号 检查问题
I1 信息是否被分段?大块整段是否被分割为各小段?
I2 每个信息段和子段是否有显著标记,以便清晰确认各自的内容?
I3 是否以层次结构展示各段及其子段,使上层段比下层更突出?
I4 背景是否干净?有无图案/纹理干扰文字可读性?
I5 是否使用有限的、高度一致的词汇("直白的语言")?
I6 是否有数据专用控件替代简单文本输入(如日期选择器替代手输日期)?
I7 文字格式是否设计出视觉层次(标题、列表、加粗)以支持浏览?
常见违例与修复
违例 严重度 修复方向
整页平铺文字,无分段、无标题、无视觉层次 P0 按逻辑分段,每段加标题,用间距区分段落,用加粗/颜色标记关键词
所有文字同等字号同等字重,用户无法快速扫描定位 P1 建立标题(18px粗)>正文(14px常规)>辅助(12px浅色)的三级层次
日期/邮箱等结构化数据用单一文本框输入 P1 换用分段输入或专用控件(日期选择器、邮箱分段输入框)
使用行业术语而非用户语言,词汇不统一 P2 统一术语表,优先使用用户在任务分析中使用的词汇
深度洞察

> 视觉层次不是"大字+小字"这么简单。它的核心是让用户在不阅读的情况下就能判断每段讲什么、哪段更重要。你标记过"各自的内容"和"上层的段"——这两个概念是层次设计的灵魂:每个段落必须有可辨识的标签(各自的内容),且层级关系必须可感知(上层的段更突出)。如果用户需要逐字阅读才能找到目标信息,层次设计就是失败的。


维度三:色彩与可见性审计

认知原理:颜色单独不足以让重要信息被注意到——必须叠加位置、符号和形状。人类视觉对对比度敏感,对抗色(红绿、黄蓝)相邻会产生视觉振动。红色在交互系统中暗示警告,但存在文化差异。

检查清单
编号 检查问题
C1 关键信息(错误提示、当前步骤、必填项)是否仅依赖颜色区分?
C2 错误信息是否放在用户所看的位置(如表单字段旁、点击位置附近)?
C3 是否使用了错误符号(×、△、⚠)来标记错误,而非仅靠颜色?
C4 红色是否保留给错误/警告?是否被用于装饰或品牌色导致混淆?
C5 目标用户的文化背景下,颜色含义是否有冲突(如红色在中国=喜庆)?
C6 对抗色(红绿、黄蓝)是否被直接相邻放置?
C7 当前步骤/选中状态是否用了颜色+形状双重标记(而非仅颜色)?
C8 数据可视化是否在灰度模式下仍可区分(不依赖颜色)?
常见违例与修复
违例 严重度 修复方向
错误提示仅在字段边框变红,无文字说明、无符号 P0 红色边框 + ⚠符号 + 文字说明 + 放在字段旁
当前步骤仅用浅黄色背景标记,对比度太低 P1 加粗字体 + 提高饱和度 + 添加形状轮廓(如箭头)
红色品牌色与错误提示色冲突 P1 为错误选择非红色(如橙色),或为品牌主色让路
红绿按钮相邻放置 P1 拉开间距,或改用非对抗色组合
数据图表仅用颜色区分系列,灰度下无法辨别 P2 额外使用纹理/图案/标签区分
深度洞察

> 你在ITN.net案例旁写过"你当前处于问卷搭建中,还有问题是不推荐"——这说明你已经意识到:仅靠颜色标记当前步骤是不够的。ITN后来改进为颜色+箭头形状的双重标记,正是因为颜色单独不够。审计时要问:如果用户是色盲,如果屏幕是灰度,这个信息还能被感知到吗? 如果不能,就必须叠加非颜色信号。


维度四:用户行为模式审计

认知原理:人的注意力有限。我们偏好熟悉的路径而非探索新路径(因为熟悉=自动化=低能耗)。我们完成主要目标后经常忘记收尾工作(注意力转移导致短期记忆"滑落")。识别比回忆容易(GUI的基础)。人们更愿意为了少动脑子而多敲键盘。

检查清单
编号 检查问题 行为模式
B1 是否显示可选项供用户选择,而非强迫用户回忆并输入? 识别vs回忆
B2 回忆输入是否仅在用户能轻松记起时使用(如搜索框)? 识别vs回忆的边界
B3 是否使用图像/图标表达功能,触发相关记忆? 识别vs回忆
B4 是否遵循业界标准和用户已熟悉的交互惯例? 熟悉路径偏好
B5 是否显著标识系统状态和用户当前进度? 注意力管理
B6 是否在每次决策点提供清晰的信息"气味"引导向目标? 注意力管理
B7 是否避免让用户诊断系统问题(如网络故障)? 注意力管理
B8 是否尽量减少设置数量和复杂度? 注意力管理
B9 是否让用户用感觉而非计算(如滚动条替代页码计算)? 注意力管理
B10 是否让系统而非用户做计算? 注意力管理
B11 完成主目标后,系统是否提醒或自动完成收尾工作? 遗忘扫尾
B12 特殊模式使用后,是否自动恢复普通状态? 遗忘扫尾
常见违例与修复
违例 严重度 修复方向
命令行式交互,要求用户记住命令名称 P0 提供菜单/按钮/可选项列表
无进度指示,用户不知道当前在第几步 P0 添加步骤条/进度条,高亮当前步骤
公共电脑使用后无自动注销提醒 P1 添加超时提醒或自动注销
要求用户计算文档中间页码 P1 用滚动条/进度条替代
设置项过多且互相影响,用户难以找到最优组合 P1 提供默认配置 + 简化高级设置
错误提示要求用户自行诊断网络问题 P1 提供明确的"请检查网络连接"提示,而非显示技术错误码
深度洞察

> 你标记了那句经典引用"我赶时间,所以我走了远路",并特别标注了"多半"——用户明知可能有捷径仍选择保守路径。这不是用户愚蠢,而是大脑的节能策略:探索新路径需要解决问题,消耗大量注意力和短期记忆;走熟悉的路是自动的,几乎不消耗认知资源。审计时不要只看"有没有更高效的路径",要看"用户当前走的路径是否足够熟悉和自动化"。 如果系统强制用户换路径,必须有足够的引导和降低认知成本的补偿。


维度五:概念模型审计

认知原理:用户想要的操作与工具提供的操作之间存在"执行鸿沟"。缩小鸿沟的方法:任务分析→概念模型设计→界面设计三步法。概念模型应基于任务而非实现方式。一致性有两个层面:概念层面(对象-操作-属性映射)和按键层面(概念操作到物理动作的映射)。

检查清单
编号 检查问题
M1 界面中的概念(对象、操作)是否基于用户任务,而非技术实现?
M2 是否存在含义/功能重叠的概念(如"会员""订阅""访问权限""权利资格"混用)?
M3 同类对象是否有同类操作和属性?(概念层面一致性)
M4 同类概念的操作是否由同样的物理动作发起?(按键层面一致性)
M5 对象-操作映射是否直接?用户是否需要做额外的认知转换?
M6 是否存在仅供实现使用但暴露给用户的对象(如数据库记录、缓冲区)?
M7 新用户能否通过界面元素推断出可用操作,而无需阅读文档?
常见违例与修复
违例 严重度 修复方向
暴露技术实现概念(如"缓冲区""散列表")给普通用户 P0 隐藏实现细节,仅展示任务相关概念
多个概念含义重叠,用户无法区分 P1 合并概念,或用更清晰的命名区分
同类对象操作不一致(如文档A可拖拽,文档B不可) P1 统一同类对象的操作集合
快捷键在不同功能模块中含义不同(如Ctrl+S在A模块=保存,B模块=排序) P1 统一按键映射
用户需要理解软件架构才能完成任务 P0 重新设计概念模型,基于任务分析
三步法验证

对界面进行概念模型审计时,按以下三步验证:

Step 1 — 任务分析验证:
- 这个界面支持的用户目标是什么?
- 用户要完成这个目标,需要哪些对象和操作?
- 这些对象和操作是否来自用户任务领域,而非软件实现领域?

Step 2 — 概念模型验证:
- 列出界面中所有用户可见的对象
- 列出每个对象可执行的操作
- 检查对象-操作矩阵:是否有空行(对象无操作)或空列(操作无对象)?
- 检查是否有重叠概念可以合并?

Step 3 — 一致性验证:
- 概念层面:所有"文档"类对象是否都有"打开/编辑/删除"操作?
- 按键层面:所有"删除"操作是否都用同样的按键/手势触发?

深度洞察

> 你用大括号圈注了任务分析的13个问题中的前9个,并下划线标注了"工具概念与任务概念映射越直接,用户越少做转换,越容易学习"。这揭示了一个核心审计逻辑:好界面对象来自用户的任务世界,坏界面对象来自程序员的代码世界。 审计时,对每个界面元素问一个问题——"这个词/这个操作,是用户在完成真实任务时会想到的,还是只有程序员才理解的?" 如果答案是后者,就是执行鸿沟。


维度六:时间响应审计

认知原理:人类感知有时间阈值。0.1秒是因果感知的边界——超过这个时间,用户不再觉得"我的操作直接导致了结果"。1秒是对话间隔——超过后开始等待。10秒是单位任务——超过后注意力可能转移。系统应在0.1秒内确认收到操作,长时间操作应告知预计时长并允许取消,最终让用户掌控自己的工作节奏。

检查清单
编号 检查问题 时间阈值
T1 用户操作后,系统是否在0.1秒内给出确认反馈? 0.1s
T2 短暂等待(0.1-1s)是否有视觉反馈(如按钮按下状态)? 0.1-1s
T3 中等等待(1-10s)是否有进度指示(如加载动画、进度条)? 1-10s
T4 长时间操作(>10s)是否告知预计时长? >10s
T5 长时间操作是否允许用户取消? >10s
T6 等待期间是否允许用户做别的事情? >1s
T7 动画是否平滑清晰,无卡顿跳跃? 0.1s
T8 用户是否能掌控自己的工作节奏(而非被系统拖着走)? —
时间阈值速查表
时间 感知边界 设计含义
0.001s 最短可察觉的沉默间隔 音频无缝衔接的下限
0.01s 前意识视觉感知、最短笔墨延迟 输入延迟必须低于此值
0.1s 因果关系感知、感知-运动反馈、自动行为 操作确认反馈必须在此之内
1s 谈话间隔、有准备的视觉-运动反应 超过后用户从"自动"进入"等待"
10s 单位任务、不可打断的注意力 超过后需要进度反馈+可取消
100s 紧急关键决策时间 长流程应分解为多个单位任务
常见违例与修复
违例 严重度 修复方向
点击按钮后无任何反馈,1秒后结果才出现 P0 0.1s内显示按钮按下状态/loading指示
长时间加载无进度提示 P0 添加进度条/百分比/预计剩余时间
长时间操作不可取消 P1 提供取消按钮
动画卡顿不连贯 P1 优化至60fps,或简化动画
系统自动推进流程,用户无法控制节奏 P1 提供暂停/继续/手动确认步骤
深度洞察

> 你圈注了"对因果关系的感知"并下划线标注了"尽可能让用户来掌控自己的工作节奏"。这两个标记覆盖了时间设计的两个极端:微观层面——0.1秒内确认操作以维持因果感知(让用户觉得"我控制着系统");宏观层面——把节奏控制权交给用户(让用户决定何时推进)。两者共同指向一个目标:消除用户的失控感。审计时,如果一个界面让用户感觉"我在等系统"而不是"系统在响应我",就是时间响应层面的失败。


Phase 3:违规定级

Step 3.1:严重度分级标准

级别 名称 定义 用户体验影响
P0 认知阻断 违反核心认知原理,用户无法完成核心任务或频繁出错 用户"看不懂""找不到""用不了"
P1 效率降低 增加用户认知负荷,任务可完成但效率显著下降 用户"能搞定但很累""经常出错"
P2 体验不佳 不影响任务完成,但降低用户满意度和信任感 用户"能用但不够爽"

Step 3.2:定级判断依据

对每个发现的违例,按以下问题定级:

  1. 这个违例是否阻止用户完成核心任务? → 是 = P0
  2. 这个违例是否导致用户频繁出错或需要反复尝试? → 是 = P0 或 P1
  3. 这个违例是否显著增加用户完成任务的时间? → 是 = P1
  4. 这个违例是否仅在特定场景或特定用户群体中产生影响? → 是 = P1 或 P2
  5. 这个违例是否主要影响主观感受而非任务效率? → 是 = P2

输出:每个违例标注严重度级别。


Phase 4:改进建议生成

Step 4.1:建议生成原则

原则 说明
认知机制优先 每条建议必须说明"修复后降低了哪种认知负荷",而非仅说"改成XX样式"
最小改动优先 优先建议能以最小改动解决认知问题的方案
多方案对比 对P0级违例,提供至少两个修复方案并说明各自取舍
边界条件标注 如果修复建议有适用前提(如文化差异、用户群体),必须标注

Step 4.2:建议模板

对每个违例,按以下格式输出:

【违例编号】V-I-C-B-M-T + 序号
【维度】维度名称
【严重度】P0/P1/P2
【违例描述】用具体语言描述问题,引用界面中的实际元素
【认知机制】这个问题违反了哪个认知原理,导致什么后果
【修复方案A】(推荐)具体操作 + 预期效果
【修复方案B】(备选)具体操作 + 取舍说明
【边界条件】如有

输出:完整的违例清单与改进建议。


Phase 5:优先级排序与总结

Step 5.1:优先级排序

将所有违例按以下顺序排列:

  1. 所有 P0 级违例(按影响用户数从多到少)
  2. 所有 P1 级违例(按修复成本从低到高)
  3. 所有 P2 级违例(按用户主观影响从大到小)

Step 5.2:审计总结

输出一段总结,包含:

  • 界面认知流畅度评分(1-5分,基于六维度整体表现)
  • 最严重的三个认知阻断点(一句话描述 + 修复方向)
  • 整体印象(这个界面在"释放用户认知资源"方面做得如何)

三、审计输出模板

# 认知设计审计报告

## 审计对象
- 界面名称:___
- 审计日期:___
- 核心任务:用户来到这个界面,最想完成的一件事是___

## 六维度扫描结果

| 维度 | 检查项总数 | 通过 | 违例 | 维度评分 |
|------|----------|------|------|---------|
| 视觉感知 | 6 | _ | _ | _/5 |
| 信息组织 | 7 | _ | _ | _/5 |
| 色彩可见性 | 8 | _ | _ | _/5 |
| 用户行为模式 | 12 | _ | _ | _/5 |
| 概念模型 | 7 | _ | _ | _/5 |
| 时间响应 | 8 | _ | _ | _/5 |

## 违例详情

### P0 级(认知阻断)
[按模板逐一列出]

### P1 级(效率降低)
[按模板逐一列出]

### P2 级(体验不佳)
[按模板逐一列出]

## 审计总结
- 界面认知流畅度评分:___/5
- 最严重的三个认知阻断点:
  1. ___
  2. ___
  3. ___
- 整体印象:___

四、常见陷阱与避坑指南

陷阱 表现 后果 修正
审美优先陷阱 审计变成"视觉设计评审",关注好看而非认知流畅 遗漏真正的认知阻断点 每个发现必须关联一个认知原理
教条套用陷阱 机械套用准则,不考虑场景和边界条件 建议不实际或反而降低体验 每条建议必须验证前提条件是否满足
维度割裂陷阱 六维度分别检查但不交叉分析 遗漏跨维度的复合问题 对每个P0级违例,检查是否在其他维度也有表现
忽略文化差异陷阱 默认红色=错误、从左到右扫描 对非西方用户给出错误建议 审计前确认目标用户的文化背景
跳过任务分析陷阱 直接看界面元素,不先理解用户任务 审计方向偏离用户真实需求 Phase 1 必须先确定核心任务路径
过度修复陷阱 P2级违例也建议大改 修复成本远超收益 严格按严重度分配修复精力

五、场景适配指南

场景 重点审计维度 说明
表单/问卷系统 色彩可见性 + 信息组织 + 时间响应 错误提示、字段分组、提交反馈是关键
数据仪表盘 信息组织 + 视觉感知 + 色彩可见性 层次结构、格式塔分组、数据可视化可读性
导航/流程类界面 用户行为模式 + 时间响应 + 视觉感知 熟悉路径、进度反馈、步骤分组
内容阅读型页面 信息组织 + 视觉感知 分段、层次、背景可读性、词汇一致性
工具/编辑器类界面 概念模型 + 用户行为模式 对象-操作映射、一致性、识别vs回忆
移动端App 视觉感知 + 色彩可见性 + 时间响应 小屏幕分组、触控反馈、加载状态
多步骤向导 用户行为模式 + 时间响应 进度指示、收尾提醒、节奏控制

六、质量检验清单

完成审计后,逐项检查:

审计完整性

  • [ ] 六个维度是否全部扫描?有无跳过的维度?
  • [ ] 每个维度的检查项是否逐一回答?有无遗漏?
  • [ ] 核心任务路径是否在Phase 1中明确?

违例质量

  • [ ] 每个违例是否标注了严重度级别?
  • [ ] 每个违例是否说明了违反的认知机制?
  • [ ] P0级违例是否提供了至少两个修复方案?
  • [ ] 修复建议是否标注了边界条件(如适用)?

建议可操作性

  • [ ] 修复建议是否具体到可以直接执行(而非"改善一下""优化一下")?
  • [ ] 建议是否说明了修复后的预期认知效果?
  • [ ] 是否优先推荐了最小改动的方案?

整体判断

  • [ ] 审计总结是否给出了认知流畅度评分?
  • [ ] 是否识别了最严重的三个认知阻断点?
  • [ ] 整体印象是否回答了"这个界面是否在释放用户认知资源"?

七、执行原则

  1. 认知机制是审计的灵魂:每个发现必须回答"这违反了什么认知原理",而非仅说"这样不好看"。没有认知机制的审计不是认知设计审计。
  2. 任务先于界面:永远先理解用户要完成什么任务,再看界面是否支持这个任务。脱离任务的审计是无意义的挑刺。
  3. 准则有边界:每条设计准则都有适用前提。审计的价值不在于教条套用,而在于判断当前场景是否满足准则的前提条件。
  4. P0优先:审计报告的第一读者关注的是"最严重的问题是什么",而非"所有问题列表"。P0级违例必须在报告最前面。
  5. 最小改动原则:好建议是用最小的改动解决最大的认知问题。如果一个P2级违例需要重构整个界面才能修复,它就不值得在当前阶段修复。
  6. 文化敏感性:颜色含义、扫描方向、符号认知都受文化影响。审计前必须确认目标用户的文化背景。
  7. 跨维度交叉:一个认知阻断点往往在多个维度都有表现。对P0级违例,必须检查它是否是跨维度问题的交汇点。

关于作者

字段 内容
公众号 @鸢飞鱼游
专栏/理念 AI as Dasein
通讯邮箱 winson_dasein@163.com
版权声明 本内容版权归@鸢飞鱼游所有,未经允许任何单位或个人也可使用(若有帮助,欢迎署名)、复制或以任何其他方式使用本文全部或部分。

常见问题

5 问
答案由本站依据条目字段整理
winson-cognitive-design-audit怎么安装?

在支持 Skills 的客户端里执行:skillhub install user_add7f3d3/winson-cognitive-design-audit。安装方式为未标注。装完刷新技能列表或重开客户端。

winson-cognitive-design-audit支持哪些客户端?

资料没有标注宿主客户端,但只要客户端支持 Skills(Claude、Codex、Cursor 等),一般都能加载。

winson-cognitive-design-audit权限高吗,安全吗?

权限级别为未标注权限。安装前先看它会读取或写入哪些内容。

winson-cognitive-design-audit收费吗?

本站不代收费用,也没有标注具体价格。是否收费取决于技能本身和所用的模型或客户端,正式使用前按作者说明确认。

winson-cognitive-design-audit用什么许可证?

许可证标注为 未说明(许可证不明确)。商用或二次分发前请到仓库确认条款原文。

热门专题

按场景挑技能
全部专题 →

技能内容以作者仓库为准;分类、权限级别与许可证状态的中文说明为中文整理,最近核验 未标注。