Flusso utente nell’UX design: come migliorare il tuo ecommerce

A volte gli utenti seguono percorsi tortuosi per raggiungere la loro destinazione su un sito web. Potresti pensare che il tuo negozio online sia strutturato in modo intuitivo, ma seguire davvero i visitatori mentre navigano il tuo sito può rivelare ostacoli e vicoli ciechi di cui non sapevi l'esistenza.

I flussi utente tracciano le azioni degli utenti e mappano i percorsi che trovano mentre tentano di completare attività importanti sul tuo sito web. Questi strumenti analitici aiutano i designer UX a progettare la struttura dell'interfaccia in fase di sviluppo. Sul versante operativo, i quality tester utilizzano i flussi utente per migliorare i design esistenti.

In questo approfondimento, scoprirai come un flusso utente è incentrato sulla visualizzazione della navigazione dal punto di vista dell'utente, e come può aiutare i designer UX a rendere le interfacce più intuitive.

Cos'è un flusso utente?

Un flusso utente mostra graficamente i passaggi che un utente compie per completare un'attività mentre naviga un sito web o utilizza un'app. Generalmente assume la forma di un diagramma di flusso o di uno schema.

I flussi utente aiutano product manager, sviluppatori e designer dell'esperienza utente (UX) a comprendere quanto sia facile navigare un sito web o un'app mobile quando un utente tenta di eseguire un'azione essenziale. In questo modo, possono progettare prodotti più efficienti per migliorare l'UX in anticipo, prima di mettere online il sito.

Come funzionano i flussi utente

Ogni diagramma di flusso o schema di flusso utente mostra un percorso dai punti di partenza ai punti di uscita, dove l'attività specifica o l'azione finale viene completata. I percorsi possono diventare complessi nei diagrammi di flusso utente, poiché le decisioni si ramificano in diverse direzioni. Questo li distingue dalla diagrammazione più granulare chiamata "flussi di attività".

Supponiamo che un cliente voglia iscriversi a una prova gratuita o sfogliare il tuo catalogo e acquistare un prodotto. I flussi utente ti aiutano a creare percorsi facili da usare e intuitivi per ciascuno di questi potenziali clienti.

I flussi utente si concentrano sull'obiettivo dell'utente mentre punta a completare un processo particolare. Probabilmente non agiranno sempre allo stesso modo e tenderanno a muoversi lungo percorsi diversi verso gli obiettivi dell’utente. Se i tuoi flussi utente includono una varietà di scenari ricchi di tutti i diversi punti di ingresso e ramificazioni, puoi assicurarti che il tuo sito o app sembri un open space anziché un labirinto.

Vantaggi dei flussi utente

• Comprendi meglio il comportamento dell’utente
• Rendi le interfacce più intuitive
• Condividi una storia di prodotto chiara con gli stakeholder

Una volta compresi i flussi utente, puoi ottimizzare un sito web o un'app. La quantità di vantaggi che otterrai ti ripagheranno da tutto il tempo e l’impegno investiti.

Comprendi meglio il comportamento dell’utente

I flussi utente ti aiutano a capire meglio come gli utenti interagiscono effettivamente con il tuo sito web o app mobile. Invece di vedere un processo dal punto di vista interno, impari a vederlo dalla prospettiva dell'utente. Sapere come il cliente ragiona attraverso i passaggi di navigazione e le decisioni ti aiuterà a identificare i punti su cui lavorare per migliorare la navigazione.

Rendi le interfacce più intuitive

I flussi utente descrivono il movimento attraverso le pagine del sito o le schermate dell'app. Vedrai dove le interfacce diventano colli di bottiglia, ovvero dove generano quel tipo di confusione e frustrazione che riduce l'engagement. Scoprirai anche dove le interfacce creano un flusso naturale attraverso ogni passaggio completato per concludere un'attività.

Condividi una storia di prodotto chiara con gli stakeholder

I flussi utente sono dimostrazioni pratiche che puoi condividere con clienti e stakeholder per comunicare la necessità di specifiche modifiche al design. Una storia di design convincente ed efficace rende più facile generare consenso da più parti interessate.

Percorso utente, flusso utente e flusso di attività

• Percorso utente
• Flusso utente
• Flusso di attività

I concetti di flusso utente e percorso utente sono correlati, ma non sono esattamente la stessa cosa. L'ambito dell'UX può coprire diversi livelli di flussi. La mappatura del percorso utente adotta una visione grandangolare del design UX, mentre i flussi di attività adottano una visione più granulare su attività particolari. I flussi utente si collocano nel mezzo.

Percorso utente

Il percorso utente, spesso chiamato customer journey map, è onnicomprensivo. Le mappe del percorso cliente ritraggono l'esperienza dell'utente da qualsiasi canale o punto di contatto, ovvero tutte le interazioni che diversi stakeholder possono avere con l'azienda.

Flusso utente

Mentre il percorso cliente è l'intero film, il flusso utente riguarda una sola scena. I flussi utente non sono in contrasto con i percorsi utente, ma lavorano in sinergia. I flussi utente si concentrano sul processo decisionale che un utente attraversa per raggiungere obiettivi particolari sul sito web o sull’app, mentre una customer journey map riunisce tutti questi flussi utente, raccontando la storia dell'esperienza di un utente nel suo complesso. Il percorso utente è la visione macro dell'UX, mentre i flussi utente sono microcosmi di diversi scenari UX.

Flusso di attività

Nella gerarchia dei tipi di flusso UX, i flussi di attività sono più granulari dei flussi utente, e anche più semplici e lineari. Non contengono logica condizionale, ma solo una sequenza di passaggi per descrivere come un'attività particolare viene compiuta sul sito o sull’app. In altre parole, i flussi di attività creano flussi utente, che poi creano l'intero percorso utente.

Quando dovresti creare flussi utente nel processo di design UX?

Gli sviluppatori con poco tempo e budget potrebbero pensare che i flussi utente non siano indispensabili, ma questo approccio è sconsigliato. Così come non dirigeresti un film senza uno storyboard e non prepareresti un pasto senza una ricetta, allo stesso modo dovresti creare un flusso utente ogni volta che una nuova funzionalità o un importante cambiamento dell'interfaccia è in lavorazione.

Esistono molti strumenti per progettare i flussi utente. Cerca uno strumento che includa funzionalità di creazione di diagrammi, forme e icone personalizzabili, di controllo delle versioni, di collaborazione come commenti e feedback, e un'interfaccia drag-and-drop semplice.

I flussi utente sono utili in molte fasi del processo di design, tra cui:

• Ricerca e pianificazione. Nelle prime fasi di design della ricerca utente, un flusso di base ti permette di fare brainstorming e sperimentare vari scenari di utilizzo per diversi tipi di utenti e tendenze comportamentali. Potrebbe consistere in un diagramma di flusso di base.

• Sviluppo. Questa fase richiederà flussi utente più dettagliati e precisi. Avrai bisogno di più dettagli per contribuire allo sviluppo di prototipi e wireframe per progetti di gerarchia del sito e flussi logici.

• Test. Nella fase di test utente, i flussi utente catturano le interazioni di diversi utenti con il sito o l’app. Aiutano anche a identificare problemi di usabilità cruciali e fastidiosi punti dolenti dove l'engagement del cliente è molto basso.

• Miglioramento. Un report User Flow di Google Analytics ti aiuterà a identificare i percorsi comuni che gli utenti prendono sul tuo sito web. Puoi determinare il volume di traffico dei clienti a ogni passaggio ed esaminare molti punti di ingresso, flussi UX comuni e punti di uscita. Una volta che hai una migliore comprensione del percorso dell'utente, puoi adattare il processo di design UX di conseguenza.

Esempio di flusso utente

Prendi come esempio un cliente ecommerce ipotetico e visualizza il suo flusso utente. Innanzitutto, le mappe del percorso del tuo sito fanno un elenco di potenziali punti di ingresso per il tipo di cliente in questione. Pensa a come diversi tipi di clienti potrebbero entrare da varie fonti di traffico. I punti di ingresso potrebbero essere da traffico diretto, ricerca organica o clic attraverso un link sui social media.

Immagina che il punto di ingresso di un cliente sia la homepage. Da lì, il cliente ha più opzioni. Può passare direttamente alla ricerca di un prodotto, sfogliare il catalogo prodotti, cercare informazioni aggiuntive sull'azienda, o andare sulla pagina Contatti.

Ora ipotizza che il cliente decida di cercare un prodotto, scorrere la pagina dei risultati, filtrare usando opzioni di ricerca a faccette e atterrare su un prodotto che potrebbe voler acquistare. Il flusso utente raffigurerebbe queste azioni. Poi arriva il processo di checkout. Il cliente rivede tutti gli articoli nel carrello, modifica la quantità, le informazioni di spedizione, le informazioni di pagamento e finalizza la transazione.

Quando crei il diagramma di una sequenza di acquisto in un flusso utente, puoi vedere almeno sette pagine web distinte coinvolte: homepage, pagina dei risultati di ricerca, pagina prodotto, carrello, pagina di accesso/registrazione cliente, pagina del checkout, pagina di conferma del pagamento e pagina del pagamento completato. Per ogni passaggio dal punto di partenza al punto finale, il diagramma del flusso utente mostrerebbe le opzioni e disegnerebbe linee per mappare il percorso.