Mermaid Diagram

User Journey

Map user experience across steps and satisfaction levels

User Journey Maps

User journey diagrams map steps and satisfaction.

journey
    title Online Shopping Experience
    section Browse
        Visit homepage: 5: User
        Search for product: 4: User
        View product details: 5: User
    section Purchase
        Add to cart: 5: User
        Proceed to checkout: 4: User
        Enter shipping info: 3: User
        Payment processing: 2: User, System
    section Post-purchase
        Order confirmation: 5: User, System
        Receive tracking email: 4: User, System
        Package delivery: 5: User
journey
    title Developer Onboarding
    section Day 1
        Receive laptop: 5: Developer
        Setup dev environment: 3: Developer, IT
        Meet the team: 5: Developer, Team
    section Week 1
        Read documentation: 4: Developer
        First code commit: 3: Developer
        Code review feedback: 4: Developer, Senior
    section Month 1
        Ship first feature: 5: Developer, Team
        Present at demo day: 4: Developer

Back to overview.

โ† Back to overview