Che cos'è lo storyboard nel web design?

Quando i creatori di un sito Web sono nel processo di progettazione, lo storyboard è spesso parte delle fasi iniziali. Uno storyboard è un modo per avere un'idea di come apparirà, si sentirà e si comporterà il sito web prima che arrivi alla fase di progettazione ufficiale o di scrittura della copia. Sia i professionisti creativi che quelli tecnici utilizzano gli storyboard, che possono semplificare il processo di progettazione e sviluppo.

Uno storyboard di un sito Web di solito inizia con una serie di rettangoli vuoti su una pagina, uno per ogni pagina del sito. A seconda dell'azienda e dei designer, potrebbe apparire dello spazio vicino alle schede vuote per note o domande. Un designer di informazioni, grafico o web designer compila lo storyboard con uno schizzo di base di ogni pagina per dimostrare come apparirà e si sentirà; può essere semplice come riquadri sulla pagina o complesso come uno schizzo completo. Gli storyboard aiutano un team di progettazione e/o clienti ad arrivare alla stessa comprensione di ciò che la pagina farà attualmente e ad apportare modifiche iniziali al design di base.

Uno dei ruoli più importanti di uno storyboard è fornire un diagramma wireframe di base di come apparirà ogni pagina. Il diagramma dovrebbe fornire informazioni sufficienti per dare un'idea di quanto spazio dovrebbe avere ogni elemento sulla pagina. Gli elementi in un diagramma di base includono la barra di navigazione, i collegamenti principali, l'area delle immagini e lo spazio per la copia del sito web. Un diagramma wireframe è una parte utile per valutare la gerarchia delle informazioni di una pagina; con un layout visivo, è più facile vedere se gli elementi principali avranno spazio sufficiente per attirare l'attenzione degli spettatori.

Il layout di un sito Web spesso guida i modi in cui gli utenti interagiranno con esso e come accederanno alle varie parti del sito. Uno storyboard può mostrare la direzione del movimento attraverso il sito Web disponendo i diversi pulsanti e collegamenti su ciascuna pagina. Quando si visualizza l'anteprima di un sito Web tramite uno storyboard, gli esperti cercano cose come i collegamenti che sono visibili senza l'utente deve scorrere verso il basso, cancellare i pulsanti di navigazione e un numero limitato di scelte in modo che gli utenti non lo siano sopraffatto. Lo storyboard dovrebbe dare un'idea dell'organizzazione e della struttura generali del sito Web e mostrare come tutte le pagine funzionano insieme.

Un sito Web potente fornisce solo le informazioni che l'utente può gestire contemporaneamente. Uno storyboard aiuta a segmentare la copia e le immagini in un modo che attiri il lettore, pezzo per pezzo. Disponendo ogni pagina, i designer possono avere un'idea di quante informazioni dovrebbero apparire. La maggior parte degli storyboard non contiene il testo e le immagini effettivi che saranno sul sito, ma offre uno schizzo generale che mostra il layout, la larghezza della linea e i collegamenti incorporati.