🚶 Mermaid

User journey

Bekijk je product door de ogen van je gebruikers

Open dit voorbeeld in de editor Genereer er een met AI

Wat is een User journey?

Een user journey brengt de stappen in kaart die een gebruiker zet om een doel te bereiken, met per stap een tevredenheidsscore. Hij legt direct de frictiepunten bloot in onboarding, afrekenen of support.

Live voorbeeld

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 voorbeeld

Wanneer gebruik je het

Onboarding- en afrekenervaringen in kaart brengen

Frictiepunten identificeren met tevredenheidsscores

Product- en supportteams uitlijnen op het echte gebruikerspad

Basissyntaxis

.mmd

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

Vragen over dit diagram

Wat betekenen de scores?

Elke stap krijgt een tevredenheidsscore van 0 tot 5, weergegeven als gezichtje. Lage scores tonen precies waar gebruikers vastlopen — je verbeterbacklog, gevisualiseerd.

Kunnen meerdere actoren in één journey voorkomen?

Ja — noem meerdere actoren na de score (bijv. “Afrekenen: 3: Klant, Support”) om te laten zien wie bij elke stap betrokken is.

Verken de andere diagramtypen

🔀 Flowchart 💬 Sequentiediagram 🧩 Klassediagram 🗄️ Entiteit-relatiediagram 🔄 Toestandsdiagram 📅 Gantt-grafiek 🥧 Cirkeldiagram 🧠 Mindmap 🌿 Git-graaf 🕰️ Tijdlijn 🎯 Kwadrantgrafiek

Maak nu je User journey

Beschrijf het in gewone taal — de AI schrijft de Mermaid-code voor je.

Mermaid Studio openen