Come fare uno storyboard per il Web Design

March 15

Storyboarding tuo sito web garantisce un flusso coesa ed elimina vicoli ciechi. Monitoraggio tutte le pagine utilizzate nel tuo sito web ti dà la possibilità di vedere quali sezioni hanno bisogno di più lavoro e offre una vista big-picture. Non importa quale metodo utilizzato per scrivere il vostro storyboard, il semplice diagramma di flusso rende facile per gli altri che possono essere familiarità con Web design per capire le vostre idee. Spiegare come pagine collegano ad un'altra è facile con l'uso di uno storyboard.

istruzione

1 Creare una casella nella parte superiore del vostro diagramma di flusso per rappresentare la home page, o di un indice. Questa è la pagina principale del tuo sito web, e tutte le altre pagine defluire da esso. Considerare la disposizione dei collegamenti, informazioni di contatto e la rappresentanza dei prodotti in questa pagina, e pensare a questa pagina come modello per tutte le altre pagine ramificazione da esso.

2 Elencare tutte le pagine che puntano dalla home page in un ramo, molto simile a un albero genealogico. Sono pagine di secondo livello. I colori e il layout di queste pagine dovrebbe essere molto simile alla home page, ma il contenuto sarà diverso.

3 Si diramano tutte le pagine di terzo livello al di sotto le pagine di secondo livello per indicare sottocategorie dei link che portano dalla home page. Continuare dirama per ogni sotto-categoria. Questo documenta il flusso di navigazione del sito.

4 Disegnare un mock-up, o un prototipo, del layout di ogni pagina su pagine separate. Ogni pagina web deve avere una propria rappresentazione di banner, annunci, link e foto, disposte con i segnaposto visivi. Questo permette ad altri di vedere ciò che il sito finale sarà simile. Esso prevede inoltre la possibilità per gli altri di contribuire commenti e suggerimenti prima che la fase di progettazione e di codifica.

Consigli e avvertenze

  • Nel presentare uno storyboard per i colleghi o il vostro capo, far sembrare professionali e ordinati per ridurre la confusione e cambiamenti.