Modello di Wireflow
Verifica gli elementi visualizzati sullo schermo durante lo user flow e ricava informazioni sull'interazione degli utenti. Migliora l'esperienza di tutte le piattaforme.
Sul Modello di Wireflow...
I wireflow sono una combinazione di wireframe e diagrammi di flusso. Il flusso end-to-end mappa ciò che gli utenti visualizzano su ciascuna schermata e il modo in cui influisce sul loro processo decisionale relativo al tuo prodotto o servizio. Con queste informazioni a disposizione, puoi spiegare meglio le decisioni che hai preso in merito al tuo progetto d'interazione.
Usa il modello di wireflow per trovare nuovi modi per rendere più fluida l'esperienza dell'utente, agevolando il percorso dall'inizio alla fine.
Se ti interessa sviluppare ulteriormente il tuo lavoro ed entrare nel mondo dello UX design, in cui puoi mostrare il percorso dell'utente sotto forma di diagramma di flusso con testi e simboli anziché schermate, potrebbe interessarti il modello di user flow.
Continua a leggere per saperne di più sui wireflow.
Cos'è un wireflow?
Un wireflow rappresenta un layout multi-schermo, collegato come un diagramma di flusso per mappare i punti del processo decisionale di un utente e i suoi movimenti, dall'inizio alla fine.
I soli wireframe non offrono un contesto che possa rappresentare come potrebbe essere uno user flow interattivo, pagina per pagina. I flussi UX, da soli, sono più astratti e non possono mostrarti ciò che il tuo utente sta guardando davvero.
I wireflow combinano i punti di forza di entrambi i metodi e ti aiutano a creare un caso per mostrare l'impatto che ciò che l'utente vede sortisce sull'esperienza che fa con il tuo prodotto o servizio.
Quando usare i wireflow
I wireframe aiutano i team UX e di prodotto a immaginare il percorso dell'utente come un flusso completo, anziché una serie di schermate. Il wireflow si concentra sulle schermate stesse e sull'interazione dell'utente con il tuo servizio o prodotto.
Un designer può mappare un flusso dello schermo quando ha bisogno di ...
Assicurarsi che non vi siano scenari mancanti: mappando un percorso end-to-end, puoi considerare tutti i potenziali casi di utilizzo applicabili alle esigenze dell'utente.
Migliorare le interazioni degli utenti: scopri il tuo utente attraverso tutte le occasioni offerte dal flusso, come registrazioni, conferme o pop-up.
Migliorare la comunicazione interfunzionale: riunisci i designer e gli sviluppatori, incoraggiandoli a pensare all'esperienza completa anziché alle singole schermate.
Impegnarsi nell'istruzione degli stakeholder: se i clienti o i team non hanno mai considerato ciò che l'utente vede durante il percorso o l'esperienza con il prodotto, seguire un flusso aiuta a sviluppare l'empatia per i punti deboli sofferti dall'utente.
Crea il tuo wireflow
Realizzare il tuo wireflow è facile. Lo strumento lavagna digitale di Miro è la tela perfetta per crearlo e condividerlo. Inizia selezionando il modello di wireflow, dopodiché segui i passaggi qui sotto per crearne uno tuo.
Definisci la tua storia dell'utente
Prima di iniziare a mappare una sequenza visiva, descrivi le esigenze dei tuoi utenti e i punti deboli da risolvere. Questa è la base per poter cominciare a sviluppare un wireflow.
Decidi come saranno le schermate principali
Rifletti sull'inizio e sui punti finali del percorso. Hai bisogno di una landing page? Di una schermata di registrazione? Di una pagina di conferma? Identifica le modifiche o le fasi aggiuntive del processo, come le pagine da dividere o le schermate da aggiungere. Se hai bisogno d'ispirazione, la biblioteca dei wireframe di Miro ha oltre 15 componenti UI che puoi aggiungere facilmente al tuo flusso.
Collega le schermate Aggiungi e sposta le frecce tra le schermate per far progredire l'utente attraverso l'attività, utilizzando il tool Linea di collegamento di Miro. Puoi anche includere punti decisionali e mostrare ciò che avviene in ogni caso possibile per l'utente.
Condividi il wireflow con il tuo team o gli stakeholder per ricevere un feedback Puoi usare la funzionalità Citazione di Miro per taggare il tuo team o singole persone e ricevere rapidi feedback, critiche o giudizi prima dei workshop live con i clienti. Puoi anche condividere la tua board di Miro con chi vuoi (anche con chi ancora non è registrato/a!) cliccando il pulsante Invita membri.
What is screen flow in UX?
A screen flow helps you analyze your user’s interactions, focusing mainly on your product screens. It combines the best of wireframing and flowcharts, giving you a more detailed overview of your customer flow and, therefore, more data to build a better user experience.
Inizia ora con questo modello.
Modello della Voce del Cliente
Ideale per:
Marketing, Ricerca, User Experience
L'identificazione della voce del cliente è una parte cruciale di qualsiasi strategia d'esperienza del cliente. La voce del cliente è semplicemente un framework per comprendere le esigenze, i desideri, le preferenze e le aspettative dei tuoi clienti, mentre interagiscono con il tuo brand. La valutazione della tua voce del cliente ti permette di immergerti in ciò che i tuoi clienti pensano, sentono e dicono in merito ai tuoi prodotti e servizi, in modo da creare una migliore customer journey. Usa il modello di voce del cliente per registrare le risposte alle domande chiave sul tuo cliente, tra cui: Cosa dice sul nostro prodotto? Di cosa ha bisogno? Come possiamo soddisfare questa necessità? E di quale "persona" si tratta?
Modello di Flusso di Lavoro della Produzione
Ideale per:
Flussi di Lavoro Agile, Metodologia Agile, Project Management
Che tu stia producendo un podcast, una campagna di marketing, uno spettacolo televisivo o dei contenuti, stabilire un flusso di lavoro della produzione è importante. Un flusso di lavoro della produzione crea una guida visiva alle diverse fasi in un processo. Può essere utilizzato per formare nuovi membri del team o per fornire una panoramica di alto livello agli stakeholder. Sebbene i flussi di lavoro della produzione varino a seconda del team e dell'azienda, generalmente contengono informazioni su chi sono gli stakeholder, come fai il brainstorming delle idee, quali sono le tempistiche e di quali risorse hai bisogno per avere successo.
Modello di Storyboard
Ideale per:
Design Thinking
Anche se lo storyboard è generalmente associato alla pianificazione delle scene di un film o di uno spettacolo TV, è stato ampiamente adottato anche nel mondo degli affari. Uno storyboard è una sequenza di illustrazioni utilizzate per sviluppare una storia. Puoi usare il modello di storyboard tutte le volte che desideri metterti nei panni dei clienti o degli utenti e comprendere come pensano, si sentono e agiscono. Questa tattica può essere utile soprattutto in presenza di un problema o un'inefficienza all'interno di un processo. Puoi costruire uno storyboard per pianificare come vorresti che determinati attuali processi o flussi di lavoro diventassero in futuro.
Modello Grafico KWL
Ideale per:
Educazione, Brainstorming, Retrospettive
Condividere e imparare nuove cose è ciò che alimenta le ambizioni del tuo team o della tua azienda. Un grafico KWL è un organizzatore grafico che aiuta il processo di apprendimento. Questo template ti aiuta a crearne uno con le tre colonne tipiche: Know (cosa sappiamo già), Want to Know (cosa vorremmo sapere), Learned (appreso). Con il tuo team, riempi ogni colonna seguendo tre passaggi: fai il punto di ciò che sai già, documenta quello che vuoi sapere e, infine, prendi nota di quello che hai imparato.
Modello di Use Case Diagram
Ideale per:
Marketing, Ricerca di Mercato, Diagrammi
Un diagramma degli use case è uno strumento visivo che ti aiuta ad analizzare le relazioni tra le persone e i casi di utilizzo. I diagrammi degli use case in genere rappresentano il comportamento previsto del sistema: cosa accadrà e quando. Un diagramma degli use case è utile perché ti permette di progettare un sistema dal punto di vista dell'utente finale. È uno strumento prezioso per comunicare il comportamento desiderato del sistema nel linguaggio dell'utente, specificando tutti i comportamenti del sistema visibili esternamente.
Modello di Working Backwards
Ideale per:
Desk Research, Strategic Planning, Product Management
Amazon ha introdotto l'approccio del lavoro a ritroso basato su uno dei loro principi chiave: la celebrazione dell'ossessione dei clienti. Working backwards è un framework per pensare a un prodotto senza una roadmap dettagliata. Il tuo team di prodotto dovrà lavorare a ritroso partendo da un'immagine mentale del cliente per lanciare il tuo prodotto in un modo che li serva davvero. Il metodo richiede a chiunque abbia una nuova idea di prodotto o di funzionalità di articolare il suo obiettivo nella maniera più chiara possibile. Se la presentazione dell'idea colpisce la leadership, il passo successivo è mappare ciò di cui il team ha bisogno per arrivare al lancio del prodotto o delle funzionalità.