其他

user-flows-and-guided-paths

dembrandt/dembr…t-skills

Guided multi-step paths and wizards. Use when designing onboarding, checkout, setup sequences or any multi-step journey.

  • 914 次安装
  • 174 星标
  • 收录于

安装命令

npx skills add https://github.com/dembrandt/dembrandt-skills --skill user-flows-and-guided-paths

SKILL.md

User Flows and Guided Paths

Related features that belong together should be experienced as a single coherent journey — not as separate screens the user has to navigate between manually. A well-designed flow feels inevitable: each step leads naturally to the next, the user always knows where they are and what comes next, and the path fits the product's information hierarchy.

When to Guide vs. When to Let Users Explore

Scenario Pattern
Linear process with a clear end goal (checkout, signup, setup) Guided step-by-step flow or wizard
Complex task that benefits from breaking into stages Wizard with progress indicator
Feature discovery across an existing product Contextual tooltips or coach marks
User returning to complete something they started Resume prompt with clear re-entry point
Open-ended exploration (dashboard, settings) Free navigation — do not force a flow

Only guide when the task genuinely has a natural order. Forcing a wizard onto a non-sequential task frustrates users who already know what they want.

The Wizard Pattern