SuperAPI AI 工具集

critique-affordance

通用与其它

查看项目

更新于 10-15 22:37

技能介绍

用途:Critique Affordance 是一个交互设计评审技能,用于分析某个屏幕界面中交互元素是否在视觉上可被识别,状态是否传达清楚,主操作是否一目了然,并标记可供性缺陷、提出具体修复建议。

主要评审维度:

  1. 可点击信号——按钮、链接和控件是否通过颜色、形状、下划线或阴影与静态内容区分;是否存在看起来可交互但实际不可交互的假可供性,或可交互却显得静态的缺失可供性;移动端触摸目标是否至少 44×44px。
  2. 状态可见性——默认、悬停、激活、聚焦、禁用、选中状态是否视觉可区分;聚焦状态是否可见且高对比;异步内容是否有加载与骨架状态;禁用状态是否不仅依赖颜色传达。
  3. CTA 清晰度——每个视图是否有单一主导 CTA;主 CTA 是否用实心样式而次要操作用幽灵或文字样式;标签是否具体且面向动作;位置是否符合预期(表单在右下、内容块后内联)。
  4. 操作可发现性——操作是否藏在移动端无法访问的悬停或提示中;上下文操作(编辑、删除、分享)是否可见或有所指示;空状态是否可操作;破坏性操作是否与建设性操作在视觉上区分。

输出方式:对上述四个维度分别给出观察(中立事实)、问题(哪里坏了、为何重要)、修复(具体可执行的改动),并对每个维度评级为通过、小问题或大问题。

常见失败模式包括:低对比背景下幽灵按钮边框不可见;用 outline: none 抑制聚焦环且无替代状态;一屏多个实心 CTA 让用户不知按哪个;编辑与删除藏在悬停后面,触摸端不可达;空状态不解释也不给出下一步。

限制:该技能关注视觉与交互可供性评审,不涉及具体实现代码或自动化测试;资料未提供安装方式、使用命令、计费与平台信息。