UX Design 是一个综合性用户体验设计技能，核心主张是：用户体验是基础，建立在糟糕 UX 之上的视觉美感终将失败。该技能确保在表面打磨之前先保证结构合理。
用途 该技能在涉及任何 UI/UX 工作时激活，提供从研究、信息架构、交互模式到无障碍设计的系统化指导。它适合在界面设计、产品设计、交互评审等场景中作为参考框架使用。
主要能力
- 设计思维框架：采用 Design Thinking 结构配合 Lean UX 速度，流程为 Empathize → Define → Ideate → Prototype → Test → Iterate，并循环迭代。每个阶段有明确目标与输出，例如共情阶段产出研究洞察与同理心地图，定义阶段产出问题陈述与人物画像，构思阶段产出草图、概念与用户流程，原型阶段产出线框图与可点击原型，测试阶段产出反馈与迭代优先级。
- 核心 UX 原则：包括用户控制与自由（提供取消、撤销、返回等出口，不困住用户，破坏性操作需确认但常规操作不过度确认）、一致性与标准（遵循平台惯例，内部一致，优先使用熟悉模式）、错误预防优于错误提示（禁用无效操作、使用约束、提供智能默认值）、识别优于回忆（展示选项、持久导航与上下文、最近使用项与搜索历史）、灵活性与效率（专家快捷键、新手引导、可定制工作流、渐进式披露）、反馈与可见性（每个操作需确认、系统状态可见、加载状态与进度指示、成功确认）、帮助用户恢复（清晰错误信息说明发生了什么、为什么、如何修复，保留用户输入，提供替代路径）。
- 信息架构：导航原则包括 7±2 规则（顶层项目限制在 5-9 个）、三次点击准则（主要内容在三次点击内到达，灵活而非僵化）、清晰标签（使用用户语言而非内部术语）、可见位置（用户始终知道自己在哪）。导航模式涵盖顶部导航栏、侧边栏、底部标签、汉堡菜单、标签栏、面包屑，并说明各自适用场景与平台。
- 实现模式：表单方面，单列布局优于多列，相关字段视觉分组，逻辑顺序合理；输入框标签置于字段上方而非仅用占位符，使用合适的输入类型，在字段失焦后而非输入时进行内联验证；操作方面，主操作视觉突出，破坏性操作需确认，无效时禁用提交并说明原因。反馈状态要求每个交互元素具备默认、悬停、聚焦、激活、禁用、加载、成功/错误等状态。加载与空状态方面，骨架屏优于旋转指示器，长操作使用进度指示，安全场景使用乐观 UI；空状态需解释为何为空并引导首次操作，不能只是空白。错误处理需清晰图标、说明问题与原因、提供主操作修复与次要帮助/重试，位置靠近来源，不指责用户，提供恢复路径。引导方面，延迟账户创建至必要时，价值优先、注册其次，渐进式资料收集优于长表单，允许回访用户跳过。
- 移动端 UX：触摸目标最小 44×44pt（iOS）或 48×48dp（Android），目标间留间距防止误触，主操作放在拇指区。手势包括滑动删除/归档（带撤销）、下拉刷新、捏合缩放，避免仅手势操作，需提供可见替代。移动导航使用底部标签栏作为主导航（不超过 5 项），层级内容使用堆栈导航，聚焦任务使用模态（带清晰关闭），避免汉堡菜单作为主导航。性能 UX 强调感知性能比实际性能更重要，即时反馈、后台处理、离线状态与优雅降级。
- 无障碍要点：可感知（图片替代文本、文本对比度 4.5:1、大文本 3:1、不单靠颜色传达信息）、可操作（完整键盘导航、可见焦点指示、触摸目标 ≥44px、无键盘陷阱）、可理解（清晰错误信息与恢复路径、所有表单输入有标签、导航一致）、健壮（语义化 HTML、仅在 HTML 不足时使用 ARIA）。完整 WCAG 2.2 AA 审计建议使用 accessibility-auditor 技能。
- 响应式设计：移动优先设计，内容决定断点而非设备，常见断点为 640px、768px、1024px、1280px。断点变化包括导航模式、网格列数、触摸与悬停交互、内容密度；保持一致的是核心功能、信息层级、品牌识别与无障碍。
- UX 反模式：涵盖导航、表单、反馈、引导、移动端与通用反模式，每项说明为何不好及替代方案。例如汉堡菜单作为主导航会隐藏关键选项、降低可发现性，替代为移动端底部标签或 Web 可见导航；占位符作为标签会消失并有无障碍问题，替代为字段上方标签；输入时验证会过早报错，替代为失焦验证；错误时清空表单会惩罚用户，替代为保留输入并高亮错误；静默失败让用户不知发生什么，替代为始终确认或解释失败；模态用于一切会打断流程，替代为成功用 toast、错误用内联；自动播放视频/音频会惊扰用户并消耗流量，替代为用户主动播放。
- UX 决策树：提供模态 vs 页面 vs 抽屉、标签 vs 手风琴 vs 分区、分页 vs 无限滚动、toast vs 内联 vs 模态等决策路径，帮助根据任务聚焦程度、内容互斥性、用户查找需求、消息类型等条件选择合适模式。
- UX 检查清单：在最终确定任何界面前检查结构（清晰信息层级、直观导航、用户始终知道位置、重要操作突出）、交互（每个操作有反馈、错误状态有帮助、加载状态存在、空状态引导用户）、无障碍（键盘可导航、屏幕阅读器兼容、足够颜色对比、触摸目标充足）、移动端（拇指区友好、触摸目标 ≥44pt、离线可用或优雅降级、无悬停依赖功能）。
使用方式 该技能在涉及任何 UI/UX 工作时激活。它提供参考文档以获取详细指导：references/design-thinking-process.md 涵盖完整流程、研究方法、构思与测试；references/information-architecture.md 涵盖站点结构、导航与内容组织；references/patterns.md 涵盖详细实现模式与决策指导；references/modern-patterns.md 涵盖 AI UX、深色模式、动画、国际化与数据可视化；references/accessibility.md 涵盖无障碍实现要点。
适用场景 适用于任何涉及界面与体验设计的工作，包括产品设计、交互设计、界面评审、设计系统建设、移动端与 Web 端设计等。
限制 该技能主要提供设计指导与原则，不包含具体代码实现。完整 WCAG 2.2 AA 审计需使用 accessibility-auditor 技能。相关技能还包括 aesthetic-ui-designer（UX 决策后的视觉执行）与 persona-creation（深度用户研究、人物画像、JTBD、旅程映射）。