🚶 Mermaid

Användarresa

Se din produkt med dina användares ögon

Öppna detta exempel i editorn Generera ett med AI

Vad är ett Användarresa?

En användarresa kartlägger stegen en användare tar för att nå ett mål, betygsatta efter nöjdhet vid varje steg. Den avslöjar omedelbart friktionspunkter i onboarding, kassa eller support.

Live-exempel

Mermaid-kod

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-exempel

När det ska användas

Kartlägg onboarding- och kassaupplevelser

Identifiera friktionspunkter med nöjdhetspoäng

Samordna produkt- och supportteam kring den verkliga användarresan

Grundläggande syntax

.mmd

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

Frågor om detta diagram

Vad betyder poängen?

Varje steg får en nöjdhetspoäng från 0 till 5 som visas som ett ansikte. Låga poäng visar exakt var användarna kämpar — din förbättringsbacklog, visualiserad.

Kan flera aktörer förekomma i en och samma resa?

Ja — ange flera aktörer efter poängen (t.ex. “Kassa: 3: Kund, Support”) för att visa vem som är inblandad i varje steg.

Utforska andra diagramtyper

🔀 Flödesschema 💬 Sekvensdiagram 🧩 Klassdiagram 🗄️ Entitetsrelationsdiagram 🔄 Tillståndsdiagram 📅 Gantt-schema 🥧 Cirkeldiagram 🧠 Tankekarta 🌿 Git-graf 🕰️ Tidslinje 🎯 Kvadrantdiagram

Skapa ditt Användarresa nu

Beskriv det på vanligt språk — AI:n skriver Mermaid-koden åt dig.

Öppna Mermaid Studio