Come creare un diagramma di flusso utente

I diagrammi di flusso dell'utente sono indispensabili per padroneggiare l'esperienza dell'utente. Ti consentono di capire in che modo gli utenti interagiscono con la tua app o sito Web, i passaggi che eseguono per completare un'attività o raggiungere un obiettivo sul tuo sito Web. Ciò ti aiuterà a creare un'esperienza utente superiore per l'utente e a soddisfare le sue esigenze in modo più efficiente.

In questa guida, daremo un'occhiata al ruolo importante che i diagrammi di flusso utente svolgono nella progettazione dell'esperienza utente, a come creare un diagramma di flusso utente e alle best practice da tenere a mente. Ti abbiamo anche coperto con alcuni modelli utili che puoi utilizzare durante il processo di progettazione del flusso utente.

Che cos'è un diagramma di flusso utente

Un flusso utente può essere interpretato in molti modi. Può essere considerato come una panoramica che descrive dove gli utenti possono navigare nel tuo prodotto. Può anche significare la qualità e l'esperienza effettive del percorso che gli utenti intraprendono per portare a termine un'attività.

Oppure può indicare l'effettiva sequenza di passaggi che l'utente esegue per completare un'attività. I diagrammi di flusso possono essere utili per visualizzare questi percorsi che gli utenti prendono quando utilizzano la tua soluzione (ad es. sito Web o app).

Tali strumenti che aiutano a tracciare visivamente i passaggi dell'interazione tra le azioni dell'utente e le interfacce del programma sono chiamati diagrammi di flusso utente o mappe di flusso utente .

Aiutano a elaborare il percorso logico che un utente dovrebbe intraprendere quando interagisce con il sistema e descrivono le relazioni tra la funzionalità del sistema, le potenziali azioni dell'utente e le conseguenze associate.

I diagrammi di flusso utente possono avere aspetti diversi in base alla fase del processo di progettazione in cui ti trovi. Se hai già realizzato i wireframe per la tua app o il tuo sito Web, puoi utilizzarli per creare il diagramma di flusso. Tali diagrammi di flusso wireframe sono chiamati Wireflow.

I diagrammi di flusso utente sono indicati anche come flussi di interazione, flusso di attività, flusso dell'interfaccia utente, flusso di navigazione o diagrammi di flusso delle attività .

I simboli del diagramma di flusso utente sono i seguenti

Fare riferimento a questa risorsa per comprendere più simboli del diagramma di flusso che potrebbero essere utili durante la creazione di diagrammi di flusso utente.

Importanza di un diagramma di flusso dell'utente

• I diagrammi di flusso degli utenti sono utili quando vuoi comprendere i tuoi progetti in base agli obiettivi dei tuoi utenti.
• Possono essere utilizzati per comunicare il flusso previsto di utenti mentre navigano tra le pagine del tuo sito web o attraverso le azioni nella tua app
• Ingegneri, designer e architetti possono utilizzarli per comprendere le complessità, l'ambito e i percorsi della progettazione di un sistema, nonché per identificare lacune, dipendenze e carenze in esso.

Come creare un diagramma di flusso utente

Senza ulteriori indugi, discutiamo come creare un diagramma di flusso utente.

Passaggio 1: comprendere il percorso del cliente

Un flusso utente si basa su ciò che fa l'utente, quindi capire chi sono, le loro motivazioni, esigenze e comportamenti è fondamentale per creare un diagramma di flusso utente efficace.

Può sembrare un passaggio aggiuntivo, ma condurre un'adeguata ricerca sugli utenti e progettare i personaggi degli utenti ti aiuterà a creare flussi utente più fluidi.

Abbiamo già spiegato come creare una persona dell'utente in un post precedente, consultalo per imparare come creare una persona dell'acquirente in pochi semplici passaggi. Oppure, se hai già familiarità con il processo, ecco un modello con cui iniziare.

Una volta creato il profilo cliente, sei un passo avanti nella comprensione del tuo percorso utente.

Puoi utilizzare una mappa del percorso del cliente qui per analizzare correttamente ciò che i tuoi clienti fanno, sentono e si aspettano quando interagiscono con la tua attività (ad esempio visitando il tuo sito Web), i vari punti di contatto e punti deboli.

Abbiamo anche coperto il processo di creazione di una mappa del percorso del cliente in 6 semplici passaggi. Dai un'occhiata.

Il resto della fase di creazione di un flusso utente sarà più semplice una volta che conosci il percorso dell'utente.

Passaggio 2: identifica i tuoi obiettivi e gli obiettivi del tuo utente

Il passo successivo è avere un'idea degli obiettivi della tua attività e di quelli dei tuoi utenti.

Potresti già essere a conoscenza degli obiettivi della tua attività; es. per aumentare la conversione sul tuo sito web, per aumentare la vendita del tuo prodotto, ecc. Di solito è il risultato finale delle azioni che vuoi che i tuoi utenti intraprendano.

D'altra parte, gli obiettivi dei tuoi utenti includono i desideri e le esigenze che vogliono soddisfare. E anche utenti diversi possono avere obiettivi diversi in mente. È qui che i personaggi degli utenti e le mappe del percorso del cliente che hai creato in precedenza ti aiuteranno a capire quali sono.

Passaggio 3: identifica da dove provengono i tuoi utenti

Se stai progettando un sito web, potresti voler sapere da dove provengono i tuoi clienti o in altre parole quali sono i punti di ingresso. Questi di solito includono,

• Traffico diretto
• Ricerca organica
• Social media
• Pubblicità a pagamento
• E-mail
• Siti di riferimento
• Stampa o notizie

Puoi utilizzare Google Analytics per ottenere le percentuali per questi punti di ingresso. Possono anche indicare diversi comportamenti dell'utente.

Ad esempio, un visitatore diretto cercherà il nome del tuo marchio, mentre un visitatore di ricerca organica cercherà prima su Google il prodotto che desidera prima di scoprirti come venditore adatto.

Ed è importante mappare questi diversi flussi di utenti in base ai diversi punti di ingresso. È fondamentale per sviluppare un'esperienza migliore per gli utenti.

Passaggio 4: identificare le informazioni di cui il visitatore ha bisogno

Per progettare il miglior flusso di utenti possibile, devi metterti nei panni dei tuoi clienti.

Ciò significa capire a memoria quali sono i loro bisogni e le loro motivazioni. Quindi devi sapere quali problemi hanno, i loro dubbi, esitazioni, quali domande hanno sul prodotto e quali risposte cercano.

Poiché hai già creato le tue Buyer Personas e la mappa del viaggio, questo passaggio è più facile da completare.

Passaggio 5: visualizza i flussi utente

Ormai sei a conoscenza degli utenti per i quali stai creando il flusso utente, quali sono i loro obiettivi e da dove provengono. Il passaggio successivo consiste nel creare il flusso utente.

Pensa a cosa fanno i tuoi utenti prima e dopo aver visitato una determinata pagina del tuo sito web. Cosa vedono, quale azione intraprendono per raggiungere il loro obiettivo. Questo ti aiuterà a identificare le pagine che devi creare, quali informazioni/contenuti devi fornire e come dovrebbero essere collegati tra loro.

Presta attenzione all'inizio e alla fine di ogni attività. Questo può cambiare in base all'obiettivo di diversi utenti.

Dopo aver filtrato le informazioni necessarie, visualizzale con un diagramma di flusso utente.

Passaggio 6: crea un prototipo del flusso

Puoi utilizzare prototipi a bassa fedeltà (wireframe o mockup dell'interfaccia utente) per testare il flusso utente descritto nel passaggio precedente. Il prototipo aiuta ad aggiungere più dettagli al flusso e ti aiuta a comprendere il flusso tra le azioni dell'utente e il contenuto.

Ti aiuterà anche a convalidare che il tuo prodotto è progettato in base agli obiettivi tuoi e dei tuoi utenti.

Passaggio 7: rivedere, perfezionare e testare

Puoi condividere i tuoi diagrammi di flusso utente con le parti interessate e discutere dove è necessario apportare modifiche.

E una volta che un prototipo ad alta fedeltà è pronto, puoi anche testarlo con utenti reali.

In questo modo puoi raccogliere dati su ogni fase del flusso utente e capire come i tuoi utenti navigano attraverso il tuo prodotto. È quindi possibile identificare le aree di miglioramento e applicare soluzioni prima del rilascio del prodotto finale.

Migliori pratiche da tenere a mente

Attenersi alle migliori pratiche di seguito per assicurarsi che i diagrammi di flusso utente che crei siano effettivamente efficaci nell'aiutarti.

• Assegna sempre al diagramma di flusso utente un nome che ne descriva lo scopo. Questo aiuterà chiunque ne faccia riferimento a capirne le basi.
• Attenersi a una direzione quando si disegna il diagramma di flusso. Poiché il grafico traccia una storia, aiuta a leggerla e comprenderla meglio quando la mappa scorre in una direzione.
• Limita il numero di punti decisionali per renderlo privo di ingombri/meno complicato.
• Assicurati che l'ambito del diagramma di flusso utente copra una singola attività o un singolo obiettivo del tuo utente. Se il flusso utente copre solo metà dell'attività o traccia i passaggi per coprire più di un obiettivo utente, non servirà al suo scopo.
• Assicurati di aggiungere solo le informazioni necessarie ed evita qualsiasi altro dettaglio che non ti aiuti a descrivere il flusso e le azioni dell'utente.
• Usa uno strumento per diagrammi di flusso digitali come Creately per accelerare il processo. Inoltre, ti consentirà di ottenere il contributo di altri e mantenere il tuo lavoro salvato in un unico posto e nel cloud, il che ti consentirà di fare riferimento ad esso e lavorarci da qualsiasi luogo. Inoltre, ti aiuterà a risparmiare spazio con la sua area di tela infinita; in caso contrario, potrebbe occupare diverse pareti della tua sala conferenze!

Modelli di diagramma di flusso utente

Pronto a creare il tuo diagramma di flusso utente?

I flussi utente sono uno strumento potente nel toolkit di un designer. Consentono ai designer di vedere più facilmente il quadro generale: quali pagine devono creare e come devono essere collegate. Abbiamo praticamente coperto tutto ciò che devi sapere per creare un diagramma di flusso utente, inclusi i modelli che puoi utilizzare per iniziare subito.

Ora vorremmo conoscere la tua opinione sui diagrammi di flusso degli utenti? Digita nella sezione commenti qui sotto.