🚶 Mermaid

User journey

See your product through your users’ eyes

Open this example in the editor Generate one with AI

What is a User journey?

A user journey maps the steps a user takes to accomplish a goal, scored by satisfaction at each step. It instantly reveals friction points in onboarding, checkout or support experiences.

Live example

Mermaid code

journey
    title Checkout experience
    section Browse
      Find product: 5: Customer
      Compare options: 3: Customer
    section Purchase
      Add to cart: 4: Customer
      Enter payment: 2: Customer
      Confirm order: 5: Customer

Live example

When to use it

Map onboarding and checkout experiences

Identify friction points with satisfaction scores

Align product and support teams on the real user path

Basic syntax

.mmd

journey
    title My journey
    section Phase
      Step name: 5: Actor

Questions about this diagram

What do the scores mean?

Each step gets a 0–5 satisfaction score shown as a face. Low scores highlight exactly where users struggle — your improvement backlog, visualized.

Can several actors appear in one journey?

Yes — list multiple actors after the score (e.g. “Checkout: 3: Customer, Support”) to show who is involved at each step.

Explore other diagram types

🔀 Flowchart 💬 Sequence diagram 🧩 Class diagram 🗄️ Entity-relationship diagram 🔄 State diagram 📅 Gantt chart 🥧 Pie chart 🧠 Mind map 🌿 Git graph 🕰️ Timeline 🎯 Quadrant chart

Create your User journey now

Describe it in plain language — the AI writes the Mermaid code for you.

Open Mermaid Studio