用途
Generic UX Designer 提供适用于任何项目类型的专业 UX 能力,并会根据项目的具体约束进行调整。它用于设计新功能或流程、改进现有用户体验、开展设计评审与批评、评估用户流程和交互、做出可访问性决策,以及在多个设计备选方案之间进行选择。
当工作涉及视觉 UI 设计决策时,资料建议同时使用 ui-research 技能,先进行研究与灵感收集:
Skill(ui-research) # Research inspiration first
该技能引用以下参考资料:UX 方法论见 UX_PRINCIPLES.md,视觉研究见 UI_INSPIRATION_SOURCES.md。
不适用场景:视觉样式/令牌请使用 generic-design-system;代码架构请使用 generic-feature-developer;代码质量评审请使用 generic-code-reviewer。
主要能力
设计思维流程
- 共情——理解用户需求、痛点与旅程
- 定义——问题陈述、人物画像、成功指标
- 构思——头脑风暴解决方案、探索备选方案
- 原型——先做低保真、验证假设
- 测试——可用性测试、依据数据迭代
研究决策指南
何时研究、何时直接交付:
| 情况 | 行动 |
|---|---|
| 新产品/新功能 | 完整研究(访谈 + 测试) |
| 增量改动 | 快速批评(启发式评审) |
| 缺陷修复 | 无需研究 |
| A/B 决策 | 分析数据 + 小规模测试 |
| 有争议的设计 | 先做利益相关方对齐 |
方法选择:需要用户动机则用访谈;需要可用性反馈则用测试;需要快速质量检查则用启发式评估;需要定量数据则用问卷/分析;尚无用户则用竞品分析 + 原型人物画像。
按信心程度决定研究范围:信心高(已有成熟模式)可跳过研究;信心中(存在不确定性)做快速批评;信心低(全新领域)做完整研究。详细方法框架见 UX_PRINCIPLES.md。
用户心理学应用
认知负荷:减少选项(希克定律)、分块信息(米勒定律)、渐进披露、最小化记忆负担。
视觉层级:尺寸表示重要性、对比吸引注意、留白对元素分组、F 型/Z 型阅读模式。
交互模式
导航模式:顶部导航用于简单站点、少于 7 个条目;侧边导航用于复杂应用、分区较多;底部导航用于移动应用、少于 5 个条目;标签页用于相关内容分区。
表单:单列布局、内联校验、智能默认值、进度指示器。
反馈模式:Toast 用于非阻塞信息;模态用于阻塞/重要信息;内联用于上下文反馈;骨架屏用于加载状态。
移动端注意事项
触控目标最小 44x44px;目标之间 8px 间距;适合拇指操作的位置;使用底部操作表承载操作。
可访问性(UX 视角)
视觉:高对比度、可缩放文本。运动:大目标、键盘导航。认知:语言简单、结构清晰。听觉:字幕、视觉提示。
使用方式
实践中的启发式评估
快速扫描(5 分钟)检查项:可见性——当前状态是否明显;反馈——每个操作是否都有响应;一致性——相似事物外观/行为是否一致;错误预防——用户是否容易出错;恢复——用户能否撤销/修复错误。
常见违规点:隐藏系统状态(加载无指示器)、静默失败(操作无反馈)、模式不一致(同一操作使用不同按钮)、破坏性操作无确认(删除无撤销)、面向用户的文案使用术语。
呈现发现的格式:
Issue: [What's wrong]
Heuristic: [Which violated]
Impact: [User consequence]
Suggestion: [How to fix]
Priority: P0/P1/P2
设计批评框架
可用性:用户能否完成任务;清晰度:目的是否立即清晰;一致性:是否遵循既有模式;层级:最重要的内容是否突出;反馈:用户是否知道系统状态;可访问性:是否对所有人都可用。
UX 模式
空状态:说明此处会有什么、引导第一个操作、展示示例内容。
加载状态:骨架屏优于旋转指示器;长时间操作显示进度;在安全时使用乐观 UI。
错误状态:说明发生了什么、建议如何修复、不要归咎用户。
适用场景
适用于设计新功能或流程、改进现有体验、设计评审与批评、评估用户流程与交互、可访问性决策、设计备选方案取舍。涉及视觉 UI 工作时,可结合 ui-research 技能先做研究灵感收集。
限制
本技能不覆盖视觉样式与令牌、代码架构、代码质量评审,这些应分别使用 generic-design-system、generic-feature-developer、generic-code-reviewer。项目特定约束需参考项目自身的 CLAUDE.md。
检查清单
UX 输出检查清单(在给出 UX 建议前):用户问题是否清晰定义;方案是否解决根因而非症状;是否考虑可访问性;是否识别边界情况;是否注明实现复杂度;是否定义成功指标。
设计评审检查清单:主任务是否可完成;视觉层级是否清晰;是否可键盘导航;触控目标尺寸是否达标;文案是否清晰有帮助。