Che cos'è lo storyboard nel web design?
Quando i creatori di un sito Web sono in fase di progettazione, lo storyboard fa 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 progettazione ufficiale o alla fase di scrittura del testo. Sia i professionisti creativi che quelli tecnici utilizzano storyboard, che possono semplificare il processo di progettazione e sviluppo.
Formato
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, vicino alle bacheche bianche potrebbe apparire spazio per appunti o domande. Un designer dell'informazione, un grafico o un web designer compila lo storyboard con uno schizzo di base di ogni pagina per dimostrare come apparirà e come sarà; può essere semplice come riquadri sulla pagina o complesso come uno schizzo completo. Gli storyboard aiutano un team di progettazione e/o i clienti a raggiungere la stessa comprensione di ciò che la pagina farà attualmente e ad apportare modifiche iniziali al design di base.
Diagramma Wireframe
Uno dei ruoli più importanti di uno storyboard è fornire un diagramma wireframe di base di come apparirà ciascuna 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 della valutazione della 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.
Comportamento del sito web
Il layout di un sito Web spesso guida i modi 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 Web disponendo i diversi pulsanti e collegamenti su ciascuna pagina. Durante la visualizzazione in anteprima di un sito Web tramite uno storyboard, gli esperti cercano cose come collegamenti visibili senza che l'utente debba scorrere verso il basso, pulsanti di navigazione chiari e un numero limitato di scelte in modo che gli utenti non siano sopraffatti. Lo storyboard dovrebbe dare un'idea dell'organizzazione generale e della struttura del sito Web e mostrare come tutte le pagine funzionano insieme.
Informazioni
Un sito Web potente fornisce solo tutte 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, lo spessore della linea e i collegamenti incorporati.