Si è trattato di coniugare le scelte di accessibilità e usabilità con un’impaginazione che non fosse troppo scarna, connotasse fin dall’inizio il sito, permettesse l’inserimento di testi e immagini in modo equilibrato e la presentazione delle eventuali novità in modo immediatamente comprensibile per il visitatore.
Da qui la scelta di lavorare con box che rientrassero visivamente gli uni dentro gli altri, a partire dal bordo della pagina web che funziona da ulteriore contenitore, accentuando l’effetto riquadro solo per la testata e per il contenitore principale.
Inizialmente ho definito un layout con un box testata (nel quale inserire la denominazione del nostro Circolo), un box centrale nel quale trovassero posto i contenuti e un box laterale per il menu di navigazione.
A questi ho poi aggiunto le due piccole barre, agganciate al box centrale, nelle quali potessero trovare spazio la navigazione a “briciole di pane” (nella home page, la data dell’ultimo aggiornamento) e la o le e mail di riferimento alle quali inviare comunicazioni riguardo al sito.
La scelta dei colori ha tenuto conto dei contrasti cromatici necessari per garantire una buona accessibilità; per connotare il sito ho inserito delle immagini ricavate da lavori dei bambini.
Inizialmente, la testata si presentava con la scritta Direzione didattica o SMS in bianco e sovrapposta alle immagini (inserite come sfondo): una scelta graficamente gradevole, ma poco leggibile per chi avesse problemi visivi.
Costruire un’immagine ad hoc che fungesse da intestazione poteva risolvere il problema, ma avrebbe poi pregiudicato la corretta visualizzazione del sito a impostazioni dello schermo diverse o in caso di ridimensionamento della finestra di navigazione.
D’altra parte, togliere le immagini o inserirne solo qualcuna significava perdere l’impatto iniziale di freschezza e dare a tutto il sito un’impaginazione meno allegra: la scelta è stata quella di sdoppiare immagini e testata in modo da rendere più leggibili i dati dell’intestazione e valorizzare i disegni dei bambini.