SuperAPI AI 工具集

ux-review

测试与质量

查看项目

更新于 10-16 01:37

技能介绍

用途:在组件或功能发布前、评审现有流程、涉及 UI/UX 代码的 PR、设计系统组件审查以及引导或结账流程优化时,从可用性、无障碍和交互设计多视角进行体验审查。纯视觉/美学评审应改用 ui-design-aesthetics。

主要能力与流程:先收集上下文(用户目标、组件在流程中的角色、目标用户、成功标准);再按 Nielsen 10 项启发式逐条扫描,包括系统状态可见性、与现实世界匹配、用户控制与自由、一致性与标准、错误预防、识别优于回忆、灵活性与效率、美学与极简设计、错误恢复、帮助与文档;然后分三视角分析。可用性视角关注用户流程、信息架构、认知负荷、心智模型;无障碍视角依据 WCAG 2.1 AA 检查键盘导航、屏幕阅读器、对比度(文字与 UI 元素需 4.5:1)、焦点管理;交互设计视角检查状态覆盖(加载、空、错误、成功)、反馈、过渡动画(有目的且低于 300ms)、渐进式披露。最后将发现分为 Critical(阻断可用性或不符合 WCAG AA,发布前必修)、High(当前迭代修复)、Enhancement(下个迭代)、Future(路线图)并输出结构化报告,包含摘要、严重问题、按类别建议表和后续步骤。

使用方式:可用 --focus 缩小范围,--focus=ux 聚焦用户流程、任务效率、错误恢复与可学习性;--focus=a11y 进行 WCAG 2.1 AA 审计、键盘导航、屏幕阅读器、对比度与焦点管理;--focus=interaction 检查状态覆盖、反馈时机、微交互与动画。最佳实践包括用真实内容测试、检查所有状态、不用鼠标 Tab 验证键盘流程、用浏览器开发工具进行 Lighthouse 无障碍审计、精简优先级。

限制:此为审查方法与流程技能,非自动修复工具;需要人工判断与真实内容测试;具体命令、代码细节与平台支持情况暂未提供。