ux

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 r

SKILL.md

GitHub

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

  1. Clarify users and jobs
  • ICPs, triggers, JTBD / Job Story.
  • Define “success” in measurable outcomes.
  1. 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.
  1. Information architecture
  • Group content by user mental model.
  • Keep navigation shallow; avoid hidden complexity in MVP.
  • Name things consistently with domain language.
  1. 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.
  1. Accessibility & inclusivity
  • Keyboard/gesture alternatives where applicable.
  • Color contrast, dynamic text, screen reader labels.
  • Avoid relying on color alone to convey meaning.
  1. Metrics & experiments
  • Define funnel events and North Star Metric.
  • Prioritize experiments tied to a hypothesis with guardrails.
  1. 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].