Gli storyboard sono l'anello mancante nel processo di progettazione dell'esperienza utente?

Storyboard... è quello che gli sceneggiatori usano per creare film e programmi TV, giusto? Sì, è vero, ma gli storyboard non sono limitati al mondo dell'intrattenimento immaginario. Possono anche svolgere un ruolo importante nel processo di progettazione dell'esperienza utente.

In questo post, ho intenzione di entrare in tutto storyboard. Inizierò con una semplice definizione e lavorerò su come utilizzare gli storyboard per creare i viaggi degli utenti sul tuo progetto e, di conseguenza, progettare una migliore esperienza utente.

Cosa sono gli storyboard?

Gli storyboard sono un concetto abbastanza semplice. Fondamentalmente, sono semplici illustrazioni che si muovono attraverso una storia in sequenza. Come ho detto, sono conosciuti soprattutto per il loro uso come strumento per sviluppare le trame di film e opere teatrali.

Per una visualizzazione divertente di come funzionano gli storyboard applicati ai film, Flavorwire ha messo insieme un elenco di storyboard di alcuni film famosi. Ricordi quella famosa scena della tenda della doccia di Psycho? Ecco come appariva in forma di storyboard:

Ma gli storyboard non sono utili solo per tracciare trame immaginarie. Sono anche diventati un metodo popolare per visualizzare come un vero essere umano sperimenta un sito Web o un'app.

Quando si tratta del tuo sito web o della tua app, uno storyboard segue fondamentalmente il viaggio completo di una specifica persona dell'utente, partendo da loro alle prese con un problema e finendo con loro che interagiscono con la tua creazione e sperimentano una risoluzione positiva.

L'importante è che lo storyboard rappresenti una persona reale con un problema reale in un ambiente reale . Gli storyboard dovrebbero sempre sembrare autentici e radicati nella realtà.

Quindi come potrebbe essere questo in realtà? Ecco un esempio di Chelsea Hostetter all'Austin Center for Design:

Hai notato come lo storyboard di Chelsea descrive una storia completa dall'inizio alla fine? Non si concentra solo sull'uso dell'app Heartline da parte di Susan. Inizia con una situazione di vita reale, culmina con Susan che utilizza l'app per connettersi con Tom e termina con la risoluzione del problema nella vita reale.

In che modo gli storyboard aiutano a migliorare la progettazione dell'esperienza utente?

Al giorno d'oggi, c'è una grande attenzione per i big data. E mentre i dati rigidi e freddi sono certamente preziosi, eliminano completamente l'essere umano dal processo di progettazione. Lo storyboard può aiutare a riportare quell'elemento umano nel design.

Con lo storyboard, hai persone reali che completano azioni reali, piuttosto che descrizioni astratte delle funzionalità o dati analitici.

Oltre all'elemento umano, lo storyboard ti consente anche di rivedere e ripetere rapidamente le tue idee. Poiché tutto ciò che stai facendo è abbozzare il processo, devi investire molto meno tempo di quanto avresti bisogno per creare un prototipo funzionante della stessa funzionalità.

Ciò significa che puoi implementare le modifiche più rapidamente di quanto sarebbe possibile con un prototipo.

Suggerimenti per aiutarti a creare il tuo primo storyboard

Non è necessario essere un illustratore professionista per creare uno storyboard, ma ci sono alcune strategie che dovresti seguire per creare storyboard che siano effettivamente utili per il tuo processo di progettazione.

Ricorda, il tuo obiettivo è creare qualcosa di autentico e convincente. Se necessario, torna indietro e guarda di nuovo l'esempio di Heartline. Nota come la storia:

• È pieno zeppo di emozioni umane
• Si concentra sull'intero scenario, non solo sulla parte in cui i personaggi usano il tuo prodotto
• Ha una risoluzione chiara

Mentre il prodotto finale di Chelsea è un buon esempio, non sentirti come se avessi bisogno di passare direttamente da una pagina vuota a uno storyboard completo.

Invece, aiuta a costruire lentamente fino a quel prodotto finale.

Innanzitutto, ricorda che il tuo obiettivo è avere:

• Personaggi autentici
• Un problema di vita reale
• Un modo logico e autentico per risolvere quel problema tramite il tuo prodotto
• Una risoluzione reale alla fine dello storyboard

Per assicurarti di raggiungere tutti questi elementi, è più facile iniziare con descrizioni di testo semplice che delineano le basi della storia. Collegali insieme in un arco narrativo, ma non preoccuparti di andare ancora troppo in profondità.

Quindi, torna indietro e riscrivi la tua storia introducendo emozioni più dettagliate. Cosa provano i tuoi personaggi in ogni fase del viaggio? Loro sono felici? Triste? Indifferente?

Una volta che la narrazione e le emozioni sono abbozzate in testo semplice, sei pronto per tradurle in uno storyboard reale. Per farlo, suddividi ogni azione della storia in una cornice individuale e disegnala usando illustrazioni reali.

Se hai le capacità artistiche, prova a portare effettivamente l'emozione nelle tue illustrazioni quando disegni lo storyboard.

Strumenti per aiutarti a creare storyboard

Prima di approfondire alcuni strumenti per aiutarti a creare storyboard dell'esperienza utente, dovrei iniziare con il fatto che probabilmente hai già strumenti sufficienti seduti in un armadio da qualche parte.

Cioè, non hai necessariamente bisogno di qualcosa di speciale per creare uno storyboard. Andare lo-fi con carta e penna va benissimo se vuoi essere l'unico a guardare lo storyboard. Oppure puoi sempre adottare un approccio digitale usando qualcosa come PowerPoint per metterlo insieme in una storia coerente.

Ma se hai intenzione di collaborare con altri membri del team, potresti voler creare storyboard dall'aspetto un po' più raffinato e professionale di quanto consentito da carta e penna o PowerPoint. In queste situazioni, i seguenti strumenti possono aiutare...

Storyboard Quello

Anziché disegnare a mano, Storyboard That ti consente di creare storyboard fotogramma per fotogramma utilizzando elementi di trascinamento della selezione predefiniti. Dopo aver abbozzato la tua storia con testo semplice, puoi utilizzare questi elementi per creare un prodotto finale più raffinato.

Lo strumento è abbastanza semplice da usare. Tutto quello che devi fare davvero è:

• Scegli uno sfondo per la tua scena
• Aggiungi personaggi
• Inserisci testo o elementi

Ad esempio, sono stato in grado di creare questo storyboard di base in un paio di minuti:

Anche se dubito che vincerò un concorso di storyboard, è molto più veloce che disegnare a mano (almeno per me). L'unico aspetto negativo è che perdi la capacità di esprimere emozioni con le espressioni facciali dei tuoi personaggi.

Lo strumento Storyboard That di base è gratuito, sebbene abbiano anche piani premium che offrono più funzionalità.

schede

Boords è uno strumento più elegante e high-tech che ti aiuta a creare storyboard da illustrazioni esistenti.

Sebbene non ti aiuti effettivamente a creare quelle illustrazioni, ti aiuta a organizzarle, aggiungere note e condividere i tuoi storyboard su Internet o PDF:

Quindi, se hai intenzione di collaborare con altri sul tuo storyboard, Boords rende molto più facile l'adattamento al volo.

C'è un piano gratuito di base che ti consente di avere fino a due storyboard gratuitamente. Ma dopo, dovrai pagare per Pro.

Avvolgendo

Gli storyboard non sono solo per film e spettacoli. Ti aiutano a scorrere più velocemente, a comprendere meglio i tuoi utenti e a dare un volto umano all'intero processo di progettazione.

Ricorda solo che i tuoi storyboard devono essere autentici e convincenti. Disegnare una situazione da cervello in cui il tuo prodotto salva il mondo potrebbe farti sentire bene, ma non è questo l'obiettivo dello storyboard. Mantienilo realistico e concentrati sul raccontare la storia completa dall'inizio alla fine.

Ora tocca a te: usi gli storyboard nel tuo processo di progettazione? Se è così, pensi che valgano il tempo che impiegano per fare?

Immagine in miniatura dell'articolo di CharacterFamily / shutterstock.com