SuperAPI AI 工具集

laws-of-ux

设计与创作

查看项目

更新于 10-16 01:12

技能介绍

用途:本技能让 AI 依据 21 条 UX 法则审查和构建用户界面,分为两种模式:审查模式分析现有 UI 代码是否违反 UX 原则并给出改进建议;指导模式在开发新功能时应用 UX 法则,使界面更易用直观。

法则按用户体验层面分为三类:认知与决策(用户如何思考和加工信息)、视觉与感知(用户如何看和解读布局)、行为与交互(用户如何操作和响应界面)。审查代码时先查 Review Checklist 快速定位相关法则,再参阅详细章节获取指导与示例。

主要能力:提供检查清单,将每项检查映射到具体法则,例如导航顶层项不超过 7 个(Miller's Law)、每步选择最少化(Hick's Law)、点击目标不小于 44x44px(Fitts's Law)、400ms 内出现加载反馈(Doherty Threshold)、表单接受灵活输入格式(Postel's Law)、一个主 CTA 视觉突出(Von Restorff Effect)、相关内容视觉分组(Proximity、Common Region)、多步流程显示进度(Zeigarnik、Goal-Gradient)、关键操作置于列表首尾(Serial Position Effect)、遵循平台惯例(Jakob's Law)、系统承担复杂度(Tesler's Law)、优先常用功能(Pareto Principle)等。

使用方式:将本技能加载到 AI 工作流中,把待审查的 HTML/CSS/JS 代码交给 AI,按其检查清单与法则逐项比对;新建功能时要求在实现前套用相关法则。资料未提供具体安装命令、URL 之外的引入步骤或平台接入方式。

适用场景:UI 代码可用性审查、设计评审、构建表单与导航等多步流程时前置应用 UX 法则。

限制:内容以法则定义、代码示例和审查标记为主;资料暂未提供收费、价格、支持平台或效果数据。