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 di Applicazioni per iPhone
Ideale per:
UX Design, Wireframe, Ricerca
Percentuali incredibili di utenti che usano lo smartphone in tutto il mondo hanno scelto un iPhone (inclusi alcuni dei tuoi clienti esistenti e potenziali), e amano le app. Progettare e creare un'applicazione per iPhone da zero può veramente spaventare ed essere un compito che richiede molti sforzi. Non qui: questo template facilita il tutto. Sarai in grado di personalizzare i progetti, creare protocolli interattivi, condividere il progetto con i tuoi collaboratori e, infine, sviluppare un'applicazione per iPhone che i tuoi clienti adoreranno.
Modello di Prioritizzazione RICE
Ideale per:
Project Management, Pianificazione Strategica, Prioritizzazione
Quando si sviluppa una roadmap di prodotto, può essere facile perdersi. RICE, che sta per Reach, Impact, Confidence ed Effort (portata, impatto, sicurezza e sforzo) ti aiuta a valutare e ordinare le idee per priorità. Trovare nuove idee per entusiasmare i clienti può essere gratificante, ma anche un compito gravoso. Tu e il tuo team potreste essere tentati di immergervi nelle idee più stimolanti, senza mai considerare l'impatto. Il framework RICE permette al tuo team di analizzare con attenzione ciascun potenziale progetto e valutare la sua fattibilità.
Modello STAR
Ideale per:
Prioritizzazione, Pianificazione Strategica
STAR è un framework che sta per Situation, Task, Action, Result (situazione, compito, azione, risultato). Usa questa strategia per rispondere alle domande dei colloqui di lavoro con esempi concreti e dimostrare così di possedere le competenze e l'esperienza necessarie. Molti responsabili delle assunzioni o commissioni esaminatrici pongono ai potenziali dipendenti domande basate sulle competenze, come ad esempio "Mi racconti di una volta in cui..." o "Mi faccia un esempio di situazione in cui …" Se sei un datore di lavoro, puoi usare STAR per chiarire con il tuo team quali competenze e tratti di personalità rendono un individuo un professionista di successo e di alto livello.
Modello di Diagramma di Flusso del Sito Web
Ideale per:
Flowcharts, Mapping, User Experience
Un diagramma di flusso del sito web, noto anche come mappa del sito, mappa la struttura e la complessità di qualsiasi sito web attuale o futuro. Il diagramma di flusso può anche aiutare il tuo team a identificare le lacune delle conoscenze per i contenuti futuri. Quando stai creando un sito web, vuoi assicurarti che ogni parte del contenuto fornisca agli utenti risultati di ricerca accurati in base alle parole chiave associate ai tuoi contenuti web. I team di prodotto, UX e dei contenuti possono usare i diagrammi di flusso o le mappe del sito per comprendere tutto ciò che è contenuto in un sito web e pianificare di aggiungere o ristrutturare i contenuti per migliorare l'esperienza dell'utente di un sito web.
Modello per il Brand Sprint di Tre Ore
Ideale per:
Pianificazione Sprint, Marketing, Workshop
Prima dei clienti, a credere nel tuo brand deve essere il tuo team. Ed è proprio a questo che servono i brand sprint. Reso famoso dal team di Google Ventures, un brand sprint aiuterà il tuo brand a passare in rassegna tutte le varie idee sul tuo brand e ad allinearsi sui suoi elementi fondamentali: valori, destinatari, personalità, missione, roadmap e altro ancora. Sia che tu stia creando un nuovo brand o voglia rinnovarne uno già esistente, i brand sprint sono ideali per avviare eventi come la scelta del nome della tua azienda, la progettazione di un logo, l'assunzione di un'agenzia o la scrittura di un manifesto.
Modello di Prototipo Low-Fi
Ideale per:
Design, Ricerca, Wireframe
I prototipi a bassa fedeltà servono come pratica visione primaria del tuo prodotto o servizio. I prototipi condividono solo alcune funzionalità con il prodotto finale, e sono ottimi per testare concetti ampi e validare le idee. I prototipi low fi aiutano i team UX e prodotto a studiare la funzionalità di un prodotto o servizio concentrandosi sulla iterazione rapida e sui test dell'utente per informare la progettazione futura. Mappare i contenuti, i menù e il comportamento dell'utente aiuta designer (e non) a partecipare al processo di creazione dell'interfaccia. Invece di ideare schermi interattivi connessi, i prototipi a bassa fedeltà si concentrano sulle esigenze dell'utente, la visione del designer e l'allineamento agli obiettivi degli stakeholder.