Lo user flow è un diagramma che rappresenta il percorso completo che un utente compie all'interno di un prodotto digitale per raggiungere un obiettivo specifico. È il diagramma più tecnico e operativo della cassetta degli attrezzi UX: a differenza della customer journey (che è strategica e cross-canale), lo user flow è puntuale, focalizzato su un singolo task, e usato per costruire prodotto.
In questo articolo: cos'è esattamente, in cosa differisce da user journey e task flow, i 5 step per costruirne uno, gli errori comuni, i tool più usati nel 2026 e una checklist per validare se il tuo user flow è pronto per il design.
Cos'è uno user flow
Uno user flow è un flowchart che mostra:
- Le schermate che l'utente attraversa (rappresentate come box rettangolari o wireframe miniaturizzati)
- Le azioni che compie su ognuna (frecce che collegano i box)
- Le decisioni con più rami (rappresentate come diamanti)
- I punti di entry e exit del flusso
Esempio classico: lo user flow del checkout di un e-commerce mostra cart → form spedizione → form pagamento → conferma → grazie. Ogni step ha uscite alternative (annulla, salva per dopo, login).
User flow vs user journey vs task flow
Confusione comune tra questi tre concetti. La differenza:
User journey: vista strategica, cross-canale (offline + online), cross-touchpoint, copre tutto il ciclo di vita customer (awareness → loyalty). Tempo di lettura: ore.
User flow: vista operativa, dentro a un singolo prodotto digitale, da un entry point a un goal specifico. Mostra azioni alternative e branching. Tempo di lettura: 10-30 minuti.
Task flow: vista lineare, mostra solo il "happy path" (la sequenza minima senza ramificazioni) per completare un task. Sotto-set dello user flow.
Nella pratica progettuale, journey definisce la strategia di prodotto, user flow definisce l'architettura del flusso, task flow definisce i wireframe del singolo step. Si usano in cascata.
Quando costruire uno user flow
Sempre, prima dei wireframe. Costruire wireframe senza prima avere chiaro lo user flow è come iniziare a costruire una casa senza la planimetria.
Più nello specifico, lo user flow è critico in 3 momenti:
- Design di nuove feature: prima di disegnare schermate, capire come si concatenano
- Re-design di flussi esistenti: per identificare punti di drop-off e ottimizzare
- Allineamento con sviluppo: lo user flow è il documento condiviso designer↔dev su tutti gli stati edge case
I 5 step per costruire uno user flow
Step 1 — Definisci l'obiettivo dell'utente. Non "lo user flow del checkout" ma "lo user flow di un cliente B2C che acquista 1 prodotto da €50 su mobile, da entry su categoria a conferma ordine". Più specifico è, meglio funziona.
Step 2 — Identifica entry e exit. Dove parte l'utente (homepage? email? notification push? deep link?) e dove finisce (conferma ordine? errore di pagamento? abbandono carrello?). Questi sono i bordi del tuo flusso.
Step 3 — Lista le schermate intermedie. Tra entry e exit, quali touchpoint esistono? Per il checkout: cart, login (opzionale), spedizione, pagamento, riepilogo, conferma.
Step 4 — Mappa le decisioni. Dove l'utente ha più opzioni? Punti decisionali tipici: ospite vs login, paypal vs carta, indirizzo nuovo vs salvato. Ogni decisione è un diamante con 2+ rami.
Step 5 — Aggiungi gli stati error e edge case. Cosa succede se la carta è rifiutata? Se la connessione cade? Se il prodotto è esaurito durante il checkout? Sono questi che separano un flow "ok" da uno "robusto".
I 5 errori più comuni
1. Iniziare a disegnare schermate senza flow. 70% dei rework di design viene da flow non chiariti prima.
2. Ignorare gli error states. "Disegniamo solo l'happy path" è la frase che precede 4 settimane di rework con sviluppo che chiede "e se fallisce?".
3. User flow troppo astratti. Box "Pagamento" non basta — il flow deve specificare quali campi, quali validazioni, quali stati di loading.
4. Non distinguere user flow da architettura informativa. Lo user flow è temporale (sequenza azioni), l'IA è strutturale (gerarchia contenuti). Sono due cose diverse.
5. Non aggiornarli quando cambia il design. Lo user flow è un documento vivo. Se è disallineato col prodotto è peggio che non averlo.
Tool consigliati nel 2026
- FigJam (Figma): nativo in Figma, ottimo per workshop remoti, integrato con design file. Migliore per team già su Figma.
- Whimsical: il più amato dai designer per user flow. Setup veloce, output professionale.
- Miro: simile a FigJam, più orientato a workshop ampi.
- Lucidchart: classico, integrato con Google Workspace, buono per documentazione tecnica.
- Overflow: nicchia, specifico per user flow con screenshot reali. Premium.
Checklist di validazione del tuo user flow
Prima di passare ai wireframe, lo user flow è pronto se:
- ✅ Ha un entry point e un exit point chiaramente definiti
- ✅ Ogni decisione ha tutti i rami coperti (incluso "torna indietro")
- ✅ Gli stati di errore sono mappati per ogni step critico
- ✅ Gli stati di loading e success sono espliciti
- ✅ I dev possono leggerlo senza dover chiedere chiarimenti
- ✅ Il PM riconosce ogni step come parte della spec
Se manca qualcuna, il flow non è pronto.
Domande frequenti
Quanti user flow servono per un'app?
Tipicamente uno per ogni "user goal" rilevante. Un'app e-commerce media ha 8-15 user flow (signup, login, browse, search, add to cart, checkout, manage account, ecc.). Per app più semplici 4-6 bastano.
User flow per mobile e desktop sono uguali?
Mai. Mobile ha più step (form più lunghi spezzati su più screen, navigation diversa). Sempre fare flow separati per ogni device se il prodotto è multipiattaforma.
Devo essere designer senior per costruirne uno valido?
No, è uno dei tool più democratici. Junior, PM e dev possono contribuire. Quello che richiede esperienza è capire quali edge case meritano un branch e quali si possono ignorare nella v1.
User flow è la stessa cosa del sitemap?
No. Sitemap è la struttura statica delle pagine (gerarchia). User flow è dinamica (sequenza temporale di azioni). Sitemap risponde a "cosa esiste sul sito", user flow a "come l'utente lo attraversa".
Posso saltare lo user flow se faccio prototipi Figma cliccabili?
Solo per progetti molto piccoli. Per progetti seri, lo user flow è ancora utile come documento di alto livello, leggibile senza aprire Figma, condivisibile con stakeholder non-design.
Prossimi passi
Lo user flow è skill core dell'Interaction Designer. Il Corso di Interaction Design di CorsoUX copre 8 capitoli con 50 lezioni: dai principi di flusso alla prototipazione in Figma con auto-layout. Mentor 1:1 corregge ogni esercizio. Per un percorso completo dalla research al design system, il Corso UX Design Completo.
Per approfondire i concetti correlati: come costruire wireframe efficaci, architettura informazione e customer journey map.
