Parti dal golden path
Il golden path è il percorso ideale dall'ingresso a un obiettivo, per esempio salvare una destinazione in un viaggio. Disegnalo per primo, in linea retta da sinistra a destra, senza niente intorno.
- Prendi un rettangolo dallo strumento Shape e mettilo sulla lavagna.
- Duplicalo tenendo premuto ⌥ Option su Mac o Alt su Windows mentre trascini, oppure usa il + accanto alla forma.
- Scrivi un passaggio in ogni forma e collegale con i connettori, dall'ingresso all'obiettivo.
Poi le diramazioni
Le persone vere non seguono sempre il percorso ideale. C'è chi non ha ancora un account, chi ha dimenticato la password, chi arriva su una pagina senza contenuti. Aggiungi questi percorsi sotto il golden path.
- Cerchiquello che fa la persona: tocca, sceglie, scrive
- Rettangolile schermate dell'app
- Connettori con etichettadoppio clic su una linea per scrivere la scelta, come sì o no
Questa differenza tra azioni e schermate è quello che rende uno user flow più di una mappa del sito. La mappa elenca le pagine, lo user flow mostra come le persone si muovono tra una e l'altra.
Mettiti nei panni dell'utente
Prima di passare ai wireframe, fatti una domanda: so quali contenuti mostrerà questo prodotto? Una schermata destinazione disegnata con il lorem ipsum sembra perfetta finché non arriva il testo vero. Chiedi almeno un esempio reale di contenuto, e progetta intorno a quello.
Prova tu
- Disegna il golden path della tua app di viaggi, dall'apertura dell'app a un viaggio salvato.
- Aggiungi la diramazione per chi non ha fatto l'accesso, con Login e Sign Up.
- Aggiungi il recupero password e un caso di errore, poi scrivi ogni scelta sui connettori.
Da ricordare
- Prima il golden path, poi le diramazioni.
- I cerchi sono azioni, i rettangoli schermate.
- Metti un'etichetta sui connettori dove c'è una scelta.
- Conosci i contenuti veri prima del primo wireframe.