I PRINCIPI DELLA GESTALT ED IL LORO

UTILIZZO NEI SITI WEB

Le leggi della Gestalt

La Gestalt è una corrente di pensiero, nata in Germania fra la fine

dell'Ottocento e gli inizi del Novecento.

I suoi sostenitori affermavano che la percezione di ciò che ci circonda non è

la semplice somma di elementi e sensazioni primarie, bensì un'unità

strutturata di esse.

“Il tutto è diverso della somma delle sue parti”

La corrente della Gestalt cerca di comprendere le leggi o principi con cui

strutturiamo le nostre percezioni.

Conoscendo questi principi è possibile sfruttarli anche per disporre i vari

elementi che compongono una pagina web in modo da rendere chiara la

struttura e l'organizzazione del proprio lavoro fin dalla prima occhiata.

Vicinanza:

All'interno di una scena visiva, gli elementi tra loro vicini vengono

percepiti come un tutto. Nell'esempio percepiamo prima di tutto

3 colonne verticali sottili, e non 2 colonne larghe o semplicemente 6 linee

verticali.

Nel design di un'interfaccia possiamo utilizzare questo principio per rendere

più chiara la struttura della pagina, avvicinando gli elementi che sono

concettualmente correlati e allontanando fra loro quelli che non lo

sono.

È un principio che spesso, senza accorgercene, utilizziamo nella

divisione in paragrafi di un testo.Un uso corretto del principio di

vicinanza lo possiamo vedere nella homepage di html.it.

Similitudine: All'interno di una stessa scena gli elementi tra loro simili per forma,

colore e dimensione vengono percepiti come collegati. Nell'esempio

percepiamo righe di punti pieni, alternate a righe di punti vuoti, benché

lo spazio fra punto e punto sia lo stesso, sia in orizzontale che in verticale.

Nell'impaginazione questo ha un riscontro molto comune: l'elenco

puntato.Riutilizzare elementi, colori o simboli

che visivamente collegano un'informazione ad un'altra, aiuta a

rendere accessibile e facilmente navigabile anche un sito con grandi

quantità di contenuti.

Chiusura:

Linee e forme familiari vengono percepite come chiuse e complete,

anche se graficamente non lo sono.

Descrivendo la figura dell'esempio, diremmo che vi sono rappresentati un cerchio e un quadrato con tratto non

continuo, ma la forma percepita e riconosciuta è quella della figura

completa. Allo stesso modo possiamo leggere la parola PRO anche se nessuna

delle lettere è chiusa e completa.

Questo principio ha molti riscontri nell'impaginazione. Primo fra tutti

l'allineamento: organizzare lo spazio secondo linee e rettangoli invisibili

aiuta il lettore a capire la strutturazione e l'organizzazione della pagina. Per questo motivo, in molte occasioni, è sconsigliabile l'uso dell'allineamento

centrato.

Ci si può avvalere di questo principio anche per sfruttare “virtualmente” lo spazio che realmente non abbiamo a

disposizione.

Come si è detto, la nostra percezione di un'immagine va oltre ciò che è

rappresentato sulla pagina, così quando lo spazio a disposizione è poco, possiamo sfruttare anche quello

“immaginato” da chi guarda.Eccone un esempio:

Organizzazione figura-sfondo:

Questa è la tendenza a distinguere una figura dal suo sfondo e viceversa.

Le figure vengono percepite prima di tutto in base al loro contorno, il resto

viene inteso come sfondo.

Guardando un'immagine percepiamo l'oggetto che sta in primo piano come figura principale e ciò che sta dietro

come sfondo.

Nell'esempio è rappresentato un classico delle illusioni ottiche: il vaso o

i due profili di Rubin. Possiamo vedere in nero due visi, uno

di fronte all'altro, su sfondo rosso oppure un vaso rosso su sfondo nero.A seconda di cosa percepiamo come “figura” classificheremo gli elementi

restanti come “sfondo”.

Questo principio si trasforma in grafica nel più famoso principio del contrasto.

Proprio perché le figure vengono riconosciute grazie al loro contorno, più la figura sarà in contrasto con lo sfondo (e con gli altri elementi), più facile sarà

riconoscerla e ricordarla, e maggiore sarà l'importanza che le verrà quindi

data.

Si può perciò utilizzare questo criterio per rafforzare i titoli e dare risalto agli elementi che gerarchicamente hanno

più importanza degli altri.

Ecco alcuni esempi:    

Nella figura 1 e 2 e 3 il testo è in contrasto sia con lo sfondo che con la sua “ombra”. Nella figura 3 il testo e

l'ombra non hanno contrasti fra di loro e l'ombra non viene percepita come tale

ma l'occhio tenta di leggere il testo specchiato come fosse un sottotitolo (è

infatti percepito come tale per la differenza di dimensione).