| name | ux |
| description | Product management UX skill for designing user journeys, information architecture, interaction flows, wireframe-level specs, usability heuristics, and experiment-driven iteration. Use for tasks like refining PRDs with UX requirements, defining success metrics, writing microcopy, accessibility considerations, and conducting user testing plans. |
ux
Use this skill for PM 视角的 UX 设计与评审：从需求到体验闭环。
Outputs (choose what the task needs)
- User journeys / storyboards
- Information architecture (IA) + navigation map
- Key flows (happy path + edge cases) with states
- Wireframe-level spec (components, behavior, copy)
- UX acceptance criteria (可测试的验收标准)
- Metrics and experiment plan (A/B, funnel, retention)
Workflow
- Clarify users and jobs
- ICPs, triggers, JTBD / Job Story.
- Define “success” in measurable outcomes.
- Map journeys and flows
- Identify critical journeys; pick 1–2 primary flows first.
- Define states: empty/loading/error/success/permission denied.
- Define drop-off points and recovery paths.
- Information architecture
- Group content by user mental model.
- Keep navigation shallow; avoid hidden complexity in MVP.
- Name things consistently with domain language.
- Interaction design principles
- Reduce cognitive load: progressive disclosure, sensible defaults.
- Make system status visible (progress, confirmations, undo).
- Prevent errors; when errors happen, provide recovery.
- Keep copy short, specific, and action-oriented.
- Accessibility & inclusivity
- Keyboard/gesture alternatives where applicable.
- Color contrast, dynamic text, screen reader labels.
- Avoid relying on color alone to convey meaning.
- Metrics & experiments
- Define funnel events and North Star Metric.
- Prioritize experiments tied to a hypothesis with guardrails.
- Usability testing plan
- Script tasks, success criteria, and note-taking template.
- Recruit target users; run quick iterative rounds (5–8 users).
UX acceptance criteria template
- Given [context], when [user action], then [expected behavior].
- Empty state: [copy + CTA + example].
- Error state: [message + retry + fallback].
- Loading: [skeleton/spinner + timeout handling].
