Il Web è un mezzo a ricezione variabile Variabilità hardware (computer, monitor) Variabilità connessione (più o meno veloce) Variabilità delle preferenze nell'uso del monitor Variabilità della piattaforma e del sistema operativo Variabilità delle preferenze di sistema Variabilità del software * Browser * Add on (plug in e player) * Variabilità preferenze browser Progettazione fluida Liquid design che assorba con eleganza le differenze. Nessuno ha il controllo delle condizioni di fruizione dellutente. Come assicurare una buona esperienza- utente in queste condizioni? progettare fluido vuol dire controllare questa assenza di controllo

Out of control? Certamente no... Lasciare allutente, obbligatoriamente: Dimensione dei font: il layout deve sopportare una certa variazione della dimensione dei font. Dimensione del monitor: certo non ne acquisterà uno nuovo solo perché abbiamo realizzato un sito per 1024 x 786 Possibilità di usare il browser che preferisce. Possibilità di escludere tutte le nostre scelte visuali per fruire il sito in forma solo testuale (potrebbe avere problemi visivi, usare uno screen reader o aver bisogno di una fruizione diversa: è ciò che si chiama accessibilità). progettare fluido vuol dire assicurare una buona esperienza alla maggior parte degli utenti e la fruibilità delle informazioni a tutti gli utenti. Lasciare allutente, preferibilmente: Dimensionamento della finestra (lay-out proporzionale) Possibilità di scegliere una visualizzazione più adatta a lui (soprattutto in unottica di accessibilità) Non lasciare allutente Il compito di ricordarsi cosa ha cliccato un minuto fa e di farsi uno schema mentale del funzionamento del sito

Linterfaccia non è solo grafica La grafica a stampa Osserva regole estetico-culturali, basate su convenzioni Lutente ha ragionevole certezza sullidentità dellemittente Design in funzione di caratterizzazione, comunicazione e fruizione di contenuti Il design non determina a priori la modalità o lordine di fruizione (anche se li influenza) Linterfaccia non deve essere originale deve essere chiara… se non lha mai fatto nessuno probabilmente è perché è sbagliato… Linterfaccia deve seguire gli standard de facto del web. Lutente non può imparare nuove regole per ogni sito. Linterfaccia Necessità di ricordare ad ogni pagina chi è lemittente (contesto con-fuso) Il design determina la fruizione e la rende possibile, nellordine previsto dal progettista Il design deve dar conto della posizione rispetto al sito, e di quello che si può fare Le variazioni del design indicano variazione di funzionalità

Struttura e visualizzazione Struttura: files (x)html Informazioni testuali correttamente strutturate con uso di titoli, paragrafi e altri marcatori adeguati. Link Richiamo alle immagini Struttura concettuale di lay out e/o Questo aiuta: la pulizia del codice, la compatibilità dei siti (verso i browser futuri) la manutenzione (si interviene su un unico file per tutto il sito). la stampa del documento Dà la possibilità di caricare fogli di stile diversi sulla stessa pagina (per maggiore accessibilità). Visualizzazione: fogli di stile Tipo, colore, dimensione dei font Colori della pagina e delle diverse aree della pagina e Colore e comportamento dei link Dimensioni e posizionamento dei vari contenitori. Bordi, margini e padding