Percorso utente

Mappa le esperienze e le interazioni degli utenti attraverso i punti di contatto. Eccellente per il design UX e la mappatura del percorso cliente.

DiagrammiApri l'editor principale

Cos'è Percorso utente?

I diagrammi del percorso utente mappano l'esperienza completa che un utente ha quando interagisce con un prodotto o servizio attraverso molteplici punti di contatto. Visualizzano azioni, emozioni, punti di attrito e opportunità in ogni fase del percorso del cliente. Questi diagrammi sono essenziali per il design UX, aiutando i team a costruire empatia e identificare aree di miglioramento nell'esperienza utente.

Modifica e anteprima

Costruisci un Percorso utente con la sintassi Mermaid e visualizza le modifiche istantaneamente.

Editor

100%

Example

User journey example

A Mermaid journey map covering diagram creation, preview, and sharing.

Mermaid code

journey
    title Mermaid Editor User Journey
    section Create
      Open editor: 5: User
      Paste Mermaid code: 4: User
    section Review
      Check live preview: 5: User
      Fix syntax: 3: User
    section Share
      Export PNG: 5: User
      Add to docs: 5: User

Casi d'uso comuni

Ricerca UX

Documenta i risultati delle interviste agli utenti e dei test di usabilità. Visualizza i pattern di comportamento degli utenti e le risposte emotive attraverso il percorso del prodotto.

Design dell'esperienza cliente

Mappa le esperienze cliente omnicanale attraverso web, mobile, email e punti di contatto fisici. Identifica problemi di coerenza e opportunità.

Sviluppo del prodotto

Guida la prioritizzazione delle funzionalità identificando i punti di attrito ad alto impatto. Costruisci prodotti centrati sull'utente comprendendo le esigenze degli utenti in ogni fase.

Design dei servizi

Visualizza esperienze di servizio end-to-end. Mappa i punti di contatto del cliente, le interazioni dei dipendenti e i processi di backend.

Funzionalità principali

Fasi del percorso

Suddividi il percorso in fasi logiche come consapevolezza, considerazione, acquisto, utilizzo e promozione.

Azioni dell'utente

Documenta cosa fanno gli utenti in ogni fase. Cattura clic, ricerche, conversazioni e azioni fisiche.

Punteggi emotivi

Valuta la soddisfazione o la frustrazione dell'utente in ogni punto di contatto. Visualizza gli alti e bassi emotivi durante il percorso.

Supporto multi-attore

Mostra percorsi da diverse prospettive utente o ruoli che interagiscono con lo stesso sistema.

Migliori pratiche

Basati sulla ricerca

Fonda le mappe del percorso su ricerche utente reali, non su supposizioni. Usa interviste, analitiche e osservazioni.

Concentrati su una persona

Crea mappe del percorso separate per diversi segmenti di utenti. Ogni persona ha esigenze e comportamenti diversi.

Identifica i punti di attrito

Evidenzia i momenti di frizione e frustrazione. Queste sono le tue maggiori opportunità di miglioramento.

Rendilo attuabile

Non limitarti a documentare — identifica opportunità specifiche e assegna la responsabilità per i miglioramenti.

Esplora altri tipi di diagramma

Diagrammi di flusso

Visualizza processi, flussi di lavoro e algoritmi con nodi e frecce direzionali. Perfetti per processi aziendali e alberi decisionali.

Diagrammi di sequenza

Documenta le interazioni tra diversi attori o sistemi nel tempo. Ideali per la documentazione API e la progettazione di sistemi.

Diagrammi delle classi

Modella sistemi orientati agli oggetti con classi, attributi e relazioni. Essenziali per la pianificazione dell'architettura software.

Diagrammi di stato

Rappresenta le transizioni di stato nei sistemi o nelle applicazioni. Ottimi per modellare stati del ciclo di vita e flussi di lavoro.

Diagrammi di Gantt

Pianifica e monitora le tempistiche dei progetti con attività e dipendenze. Perfetti per la gestione dei progetti e la pianificazione.

Diagrammi ER

Progetta schemi di database con entità e relazioni. Ideali per la modellazione e la documentazione dei database.

Grafi Git

Visualizza le strategie di branching Git e le cronologie dei commit. Utili per spiegare i flussi di lavoro del controllo versione.

Mappe mentali

Organizza idee, fai brainstorming di concetti e crea strutture visive gerarchiche. Perfette per la pianificazione e la mappatura delle conoscenze.

Grafici a torta

Visualizza distribuzioni proporzionali di dati con grafici circolari. Ideali per mostrare percentuali e quote di mercato.

Linee temporali

Visualizza eventi cronologici e traguardi lungo un asse temporale. Ottimi per cronologie di progetto e roadmap.

Board Kanban

Organizza le attività in colonne che rappresentano le fasi del flusso di lavoro. Perfetto per la gestione agile e il monitoraggio delle attività.

Grafici a quadranti

Posiziona elementi su una griglia a due assi per confrontare e prioritizzare. Ideale per la prioritizzazione delle funzionalità e l'analisi strategica.

Diagrammi di Sankey

Visualizza le quantità di flusso tra nodi con frecce proporzionali. Perfetti per flussi energetici, allocazione di budget e funnel di conversione.

Grafici XY

Crea grafici a barre e grafici a linee con assi personalizzabili. Ideali per la visualizzazione dei dati e l'analisi delle tendenze.

Diagrammi a blocchi

Costruisci layout strutturati con blocchi disposti in colonne e righe. Ottimi per architetture di sistema e panoramiche dei componenti.

Diagrammi di architettura

Progetta architetture cloud e di sistema con icone di servizio e connessioni. Perfetti per la documentazione dell'infrastruttura.

Diagrammi di pacchetto

Visualizza le strutture dei pacchetti dei protocolli di rete con layout dei campi a livello di bit. Essenziali per la documentazione dei protocolli di rete.