19 Lezione 21/5/04 Composizione dell'immagine 1 COMPOSIZIONE DELLIMMAGINE

19 Lezione 21/5/04 Composizione dell'immagine

1

COMPOSIZIONEDELL’IMMAGINE


2

Composizione: aspetti da considerare

• Equilibrio

• Direzione

• Ordine / disordine

• Densità dell’informazione

• User focus


3

Ordine / disordine

Immagini composte da elementi “in disordine” danno l’impressione di complessità


4


5


6


7


8


9


10


11


12

Densità dell’informazione

Informazione utile informazione totale

Se la densità è bassa:

• viene sprecato spazio video

• il tempo di accesso si allunga

• il carico cognitivo aumenta

/


13


14

INFORMAZIONE UTILE

RU

MO

RE


15


16


17


18


19


20

Contrasto e “user focus”

Con il contrasto (di forma, di colore, di dimensione) si richiama l’attenzione dell’utente (user focus) sugli elementi significativi


21


22

Esempio: finestra attiva


23


24

Esempio: scroll bar

(MAC OS 8)


25


26


27

Progettazione delle schermate:sintesi

• Evidenziare la struttura del messaggio, sfruttando le leggi della Gestalt

• Seguire il senso normale di lettura

• Evitare informazioni inutili o ridondanti

• Ridurre in ogni modo il carico cognitivo dell’utente


28

Esempi


29


30


31


32


33


34


35

Close? Print?


36


37


38

Documents

19 Lezione 21/5/04 Composizione dell'immagine 1 COMPOSIZIONE DELLIMMAGINE