Anatomia di una pagina web

Oggi vediamo che elementi deve avere una pagina web. Il lavoro da svolgere e’ simile a quello di comporre una frase utilizzando lettere magnetiche sulla porta del frigo. Si possono comporre milioni di combinazioni tra le parole, ma solo alcune hanno un senso compiuto. I magneti, nel nostro caso, sono i componenti o moduli di una pagina web. La quantita’ di questi elementi dipende dalla dimensione e dal genere del sito web che dobbiamo creare. Esaminiamo da vicino i singoli blocchi fondamentali per la nostra pagina web.

BLOCCO CONTENITORE

Ogni pagina web prevede un blocco contenitore che e’ il tag body. La presenza di questo contenitore garantisce la possibilita’ di inserire correttamente il contenuto nella pagina. La larghezza del blocco puo’ essere fluida, cioe’ puo’ espandersi per tutta la finestra del browser, o fissa e in questo caso il contenuto della pagina occupa sempre la stessa larghezza.

BLOCCO LOGO

I designer identificano una determinata azienda con un logo o colori che contraddistinguono la stessa. Molte persone associano l’identita’ di un’azienda con il suo marchio. L’identita’ di un’azienda e’ in realta’ un sottoinsieme di branding, dato che ne sottolinea esclusivamente gli aspetti di visibilita’ all’esterno. Il blocco logo che compare nel sito web deve contenere il logo o il nome dell’azienda e deve trovarsi nella parte superiore di ogni pagina del sito.

BLOCCO NAVIGAZIONE

Il sistema di navigazione deve essere semplice da individuare e da utilizzare. Gli utenti sono abituati a trovarlo all’inizio della pagina. Potete mettere a punto menu’ verticali o orizzontali, ma in entrambi i casi gli strument di navigazione devono essere il piu’ vicino possibile all’inizio del layout.

BLOCCO CONTENUTO

Il contenuto e’ il re della pagina web. Chi non trova quello che cerca passa ad un’altro sito. Il blocco del contenuto deve essere sempre nella parte centrale del design del sito, in modo che chi visita le pagine possa individuare le informazioni che sta cercando.

BLOCCO FOOTER

Ben visibile in fondo pagina, questo blocco contiene i dati del copyright, i modi per i contatti e le altre informazioni legali.

BLOCCO WHITESPACE

Spazio bianco, senza testo e senza illustrazioni. I design esperti lo usano spesso, mentre quelli alle prime armi vogliono riempire ogni singolo centimetro della pagina. E’ necessario studiare molto bene la disposizione degli spazi vuoti, altrimenti la pagina assume un’aspetto troppo stipato, come una stanza piena di persone. Lo spazio bianco deve dare respiro al design della pagina accompagnando l’occhio dell’utente che visualizza oltre a creare equilibrio e uniformita’.

Abbiamo analizzato l’anatomia essenziale di una pagina web. Che ne dite?

Alla prossima!