Cos'è lo storyboarding nel web design

Quando i creatori di un sito web si trovano nella fase di progettazione, lo storyboarding fa spesso parte degli stadi iniziali. Uno storyboard è un modo per farsi un'idea di come il sito web apparirà, si comporterà e funzionerà prima di arrivare alla fase di design ufficiale o di copywriting. Sia i professionisti creativi che quelli tecnici utilizzano gli storyboard, che possono snellire il processo di design e sviluppo.

Formato

Uno storyboard per un sito web inizia solitamente con una serie di rettangoli vuoti su una pagina, uno per ogni pagina del sito. A seconda dell'azienda e dei designer, può esserci spazio vicino alle tavole per note o domande. Un information designer, graphic designer o web designer compila lo storyboard con uno schizzo basilare di ogni pagina per dimostrare come apparirà; può essere semplice come caselle sulla pagina o complesso come uno schizzo completo. Gli storyboard aiutano il team di design e/o i clienti ad arrivare a una comprensione comune di cosa farà la pagina e ad apportare modifiche iniziali al design di base.

Diagramma Wireframe

Uno dei ruoli più importanti di uno storyboard è fornire un diagramma wireframe basilare di come apparirà ogni pagina. Il diagramma dovrebbe fornire informazioni sufficienti per dare un'idea dello spazio che ogni elemento sulla pagina dovrebbe occupare. Gli elementi in un diagramma basilare includono la barra di navigazione, i link principali, l'area delle immagini e lo spazio per il copy del sito. Un diagramma wireframe è utile per valutare la gerarchia dell'informazione di una pagina; con un layout visivo, è più facile vedere se gli elementi principali avranno abbastanza spazio per attirare l'attenzione degli utenti.

Comportamento del sito web

Il layout di un sito web guida spesso il modo in cui gli utenti interagiranno con esso e come raggiungeranno le varie parti del sito. Uno storyboard può mostrare la direzione del movimento attraverso il sito disponendo i diversi pulsanti e link su ogni pagina. Durante l'anteprima di un sito web tramite uno storyboard, gli esperti cercano elementi come link visibili senza dover scorrere, pulsanti di navigazione chiari e un numero limitato di scelte per non sopraffare gli utenti. Lo storyboard dovrebbe dare un senso dell'organizzazione e della struttura complessiva del sito, mostrando come tutte le pagine lavorano insieme.

Informazione

Un sito web efficace fornisce solo la quantità di informazione che l'utente può gestire in una volta. Uno storyboard aiuta a segmentare il copy e le immagini in modo da coinvolgere il lettore, pezzo per pezzo. Disponendo ogni pagina, i designer possono farsi un'idea di quanta informazione dovrebbe apparire. La maggior parte degli storyboard non contiene il testo e le immagini effettivi del sito, ma offre uno schizzo generale che mostra il layout, la larghezza delle righe e i link incorporati.