Modello di User Flow
Aiuta i team UX e di prodotto a migliorare l'esperienza dell'utente con il diagramma di User Flow. Crea le condizioni per generare soluzioni creative.
Sul Modello di User Flow...
Un diagramma di user flow (noto anche come diagramma dell'interazione o del flusso delle attività) è un processo di mappatura visivo passo dopo passo che delinea ciò che un utente fa per portare a termine un'attività o completare un obiettivo attraverso il tuo prodotto o la tua esperienza.
La schematizzazione del flusso dell'utente può aiutare a interpretare la qualità o l'esperienza del percorso che un utente sceglie. Il flusso può anche rivelare quanti passaggi l'utente sceglie per completare un'attività e quali percorsi decide di seguire durante l'interazione con il tuo prodotto o servizio per risolvere un punto dolente.
Mentre questo tipo di diagramma si concentra su come un utente si muove attraverso un prodotto particolare, un modello di flusso dello schermo presenta un layout di pagina in stile wireframe sotto forma di un grafico di flusso.
Continua a leggere per saperne di più sui flussi dell'utente.
Cos'è un user flow?
I flussi dell'utente sono diagrammi che aiutano i team UX e di prodotto a mappare il percorso logico che un utente dovrebbe seguire durante l'interazione con un sistema. Come strumento visivo, il flusso dell'utente mostra la relazione tra la funzionalità di un sito o di una app, le azioni potenziali che un utente potrebbe intraprendere e il risultato di ciò che l'utente decide di fare.
Gli elementi principali di un user flow sono:
Un inizio o una fine: questo rende chiaro dove il flusso inizia o finisce
Processo o azione: mostra quali azioni compie l'utente, come il "login" o "l'acquisto"
Punti decisionali: mostra quando un utente deve fare una scelta
Frecce: mostrano dove l'utente è diretto in base alle decisioni prese
Prova un flusso dell'utente se il tuo team sta cercando di modificare o migliorare come l'esperienza dell'utente esistente può portare a tassi di conversione migliori del cliente.
Il processo può aiutarti a pensare al tuo utente e a delineare l'obiettivo aziendale, come un acquisto, un'iscrizione alla newsletter o la scelta di una prova gratuita.
Quando usare un modello di user flow
I diagrammi di flusso dell'utente possono aiutarti a:
Creare interfacce intuitive: il tuo flusso è facile da esplorare, efficiente da usare e intuitivo per l'utente?
Decidere se la tua interfaccia esistente è adatta allo scopo: cosa funziona, cosa non funziona o cosa ha bisogno di miglioramenti? Il flusso è fluido e sensato?
Presentare il tuo flusso di prodotto ai team interni o ai clienti: il tuo team di progettazione riesce a visualizzare cosa il tuo cliente dice o fa durante il processo di acquisto, iscrizione o log-in? I clienti possono ottenere una panoramica passo dopo passo per allinearsi alla tua visione?
Durante la creazione, o la nuova creazione, di un flusso dell'utente, chiedi a te stesso e al tuo team:
Cosa sta cercando di fare l'utente?
Cosa è importante per l'utente e fornirà la sicurezza necessaria per continuare?
Di quali informazioni aggiuntive avrà bisogno l'utente per avere successo?
Quali sono le esitazioni o le barriere dell'utente per portare a termine l'attività?
Una mappa di user flow può aiutare i designer (e i loro team o clienti) a rimanere orientati all'utente, anche durante la mappatura di processi complessi.
Come designer, puoi usare i diagrammi di flusso dell'utente per decidere come progettare le pagine, gli schermi o le superfici sul tuo sito o applicazione e ridefinire quali contenuti e attività di navigazione includere.
Crea il tuo user flow
La mappatura del tuo flusso dell'utente è facile. Lo strumento della lavagna digitale di Miro è la tela perfetta per creare e condividere il tuo diagramma. Inizia selezionando il modello di user flow, quindi segui i passaggi seguenti per crearne uno tuo:
Decidi gli obiettivi aziendali e gli obiettivi dei tuoi utenti.
Scopri verso dove vorresti che i tuoi utenti si dirigano. Se non ne hai già una (o hai bisogno di aggiornarla), usa una customer journey map per creare una visione condivisa della tua esperienza del cliente. Ogni membro del team può beneficiare da una comprensione condivisa dei sentimenti dei tuoi clienti in ogni potenziale punto di contatto con il tuo prodotto o servizio. La creazione di empatia con l'utente informerà ogni passo del tuo processo di flusso dell'utente.
Scopri cosa pensano i visitatori del tuo sito web.
Trovano il tuo prodotto o servizio attraverso il traffico diretto, la ricerca organica, la pubblicità pagata, i social media, i link o le e-mail? Questi punti saranno l'inizio del tuo diagramma di user flow, a seconda di cosa scopri.
Scopri di quali informazioni hanno bisogno i tuoi utenti e quando ne hanno bisogno.
Gli utenti convertono quando ricevono le informazioni giuste al momento giusto, quindi considera cosa il tuo cliente vuole dal tuo punto di contatto digitale e come potrebbe sentirsi. Il coinvolgimento, ad esempio un'interazione di chatbot, è ancora una potenziale metrica di successo: non tutto porta a un acquisto finale.
Mappa il tuo user flow.
Puoi modificare le forme e le frecce esistenti dal nostro modello di user flow per adattarlo alla ricerca dell'utente che hai scoperto nei passaggi precedenti. Dopo che il tuo cliente scopre il tuo primo punto di contatto, cosa farà? Quanti passaggi servono prima che completi un'attività? Usa il flusso di base dell'utente sul modello per iniziare a disegnare il tuo. Modifica i punti di contatto e i drop-off e le frecce direzionali delle linee di collegamento per adattarli meglio al tuo diagramma di user flow.
Ottieni feedback dal tuo team.
Invita il tuo team, i clienti o gli stakeholder interfunzionali a visualizzare la tua board di Miro. Puoi scegliere di lasciare il feedback in modo asincrono con sticky note o @menzioni per la revisione paritaria. Puoi anche accedere a una videochiamata nella tua board Miro e assegnare a qualcuno del tuo team il compito di prendere nota. Una volta che hai abbastanza input dal team, apporta le modifiche di conseguenza.
Condividi con altri stakeholder o clienti e continua a ripetere secondo necessità.
Il tuo user flow cambierà nel tempo mentre gli atteggiamenti e le motivazioni dei tuoi clienti si evolvono. Adattati di conseguenza, rimani incentrato sull'utente.
Qual è un esempio di user flow?
Immagina di sviluppare un sito per un evento. Se vuoi migliorare la tua esperienza utente, devi mappare tutte le fasi necessarie per la registrazione dell'evento e l'acquisto di biglietti. Puoi iniziare tracciando il flusso dei clienti e dove iniziano il loro percorso per acquistare i biglietti del tuo evento. Il diagramma di user flow ti aiuta a visualizzare in un colpo d'occhio in che modo il cliente completerà il tuo acquisto (obiettivo ultimo del tuo sito web), dalla registrazione alla pagina di pagamento.
Inizia ora con questo modello.
Modello di Wireflow
Ideale per:
UX Design, Product Management, Wireframe
Un wireflow rappresenta un layout multi-schermo che combina wireframe e diagrammi di flusso. Il risultato è un flusso end-to-end che mappa ciò che gli utenti vedono su ciascuna schermata e il modo in cui influenza il loro processo decisionale relativo al tuo prodotto o servizio. Pensando visivamente a ciò che i tuoi utenti guardano, puoi illustrare ai team, agli stakeholder e ai clienti interni le tue decisioni. Puoi anche usare un wireflow per trovare nuovi modi per rendere più fluida l'esperienza dell'utente, agevolando il percorso dall'inizio alla fine.
Modello dei 5 Perché
Ideale per:
Design Thinking, Operations, Mapping
Vuoi andare alla radice del problema? Non c'è modo più semplice di farlo che utilizzando la tecnica dei 5 perché. Inizierai con una semplice domanda: perché si è verificato il problema? Poi dovrai continuare a chiederlo, fino ad altre quattro volte, finché la risposta diventerà chiara e potrai lavorare a una soluzione. E le funzionalità di Miro migliorano l'approccio: puoi porre le domande ai membri del team in chat o @citarli nei commenti, e usare sticky note codificate per colore per evidenziare questioni centrali per il problema esaminato.
Modello di Backlog del Prodotto
Ideale per:
Metodologia Agile, Board Kanban, Product Management
I team di sviluppo spesso devono destreggiano tra molti prodotti contemporaneamente. Un backlog del prodotto è uno strumento per gestire i progetti che aiuta i team a monitorare i progetti in corso durante la creazione e l'iterazione, in modo da poter memorizzare le idee di tutti, pianificare blocchi di lavoro e assegnare priorità ai compiti. Le attività con priorità più alta sono in cima al backlog del prodotto, così il team sa su cosa dovrà iniziare a lavorare. I backlog del prodotto semplificano la pianificazione e l'allocazione delle risorse da parte dei team e forniscono anche una singola fonte d'informazioni per consentire a tutti di sapere su cosa stanno lavorando i team di sviluppo.
Modello di User Persona
Ideale per:
Marketing, Ricerca, User Experience
Una user persona è uno strumento per rappresentare e riassumere un pubblico target per il tuo prodotto o servizio che hai studiato od osservato. Sia che tu lavori nel marketing dei contenuti, nel marketing di prodotto, nella progettazione o nelle vendite, procedi con un target in mente. Forse è un cliente o potenziale cliente. Forse è qualcuno che trarrà vantaggio dal tuo prodotto o servizio. Di solito, è un'intera raccolta di personalità ed esigenze che si intersecano in modi interessanti. Tramite l'analisi dettagliata della tua conoscenza di un utente, puoi creare un modello per la persona a cui intendi rivolgerti: questa è una persona.
Modello della Scala di Fibonacci
Ideale per:
Metodologia Agile, Prioritizzazione, Flussi di Lavoro Agile
Quando gestisci un team, spesso devi valutare quanto tempo e sforzo richiede ogni attività per essere completata. Prova ciò che spesso usano i team Agile di tutto il mondo: utilizza come guida la scala di Fibonacci. Sulla base della sequenza di Fibonacci, dove ogni numero è la somma dei due numeri precedenti (0, 1, 2, 3, 5, 8, 13, 21, ecc.), questo modello può aiutarti a creare timeline come un pro, assicurandoti che il lavoro sia distribuito in modo uniforme e che tutti siano in grado di valutare tempo e risorse coinvolti.
Modello di Tela del Prodotto
Ideale per:
Ricerca, UX Design
Le tele del prodotto sono uno strumento conciso ma ricco di contenuti che trasmette ciò che è il tuo prodotto e come si posiziona strategicamente. Combinando Agile e UX, una tela di progetto integra le storie degli utenti con profili, storyboard, scenari, sketch di progettazione e altri artefatti UX. Le tele del prodotto sono utili perché aiutano i responsabili di prodotto a definire un prototipo. Creare una tela del prodotto è una prima fase importante per decidere chi sono gli utenti potenziali, il problema da risolvere, le funzionalità essenziali del prodotto le funzionalità avanzate che vale la pena di esplorare, i vantaggi competitivi e i potenziali guadagni del cliente derivanti dal prodotto.