PSICOLOGIA. della Gestalt applicata al web

Transcript

1 PSICOLOGIA della Gestalt applicata al web

2 Psicologia della Gestalt Applicata al web "L'insieme è più della somma delle sue parti" Kurt Koffka La psicologia della Gestalt è una corrente di psicologia incentrata sui temi della percezione e dell'esperienza visiva che nacque e si sviluppò agli inizi del XX secolo in Germania.

3 Psicologia della Gestalt Applicata al web PRINCIPI CHIAVE Visione globale (emergence) Reificazione e raggruppamento (reification) Figura / sfondo (multistability) Invarianza (invariance)

4 Visione globale (emergence) Principi chiave della Gestalt

5 Visione globale (emergence) Principi chiave della Gestalt Quando cerchiamo di identificare un oggetto, osserviamo l insieme, lo confrontiamo con i modelli che già conosciamo, dopodiché analizziamo i dettagli. WEB DESIGN E importante curare la visione d insieme di un progetto web poiché è la prima cosa che l utente percepirà.

6 Visione globale (emergence) Principi chiave della Gestalt

7 Reificazione (reification) Principi chiave della Gestalt

8 Reificazione (reification) Principi chiave della Gestalt Proprietà costruttiva della percezione che permette di riconoscere le forme da alcuni indizi del contesto. WEB DESIGN Grazie a questa proprietà è possibile inserire nell interfaccia indizi che permettano all utente di comprendere e di trovare ciò di cui ha bisogno.

9 Reificazione (reification) Principi chiave della Gestalt

10 Reificazione (reification) Principi chiave della Gestalt

11 Figura / sfondo (multistability) Principi chiave della Gestalt

12 Figura / sfondo (multistability) Principi chiave della Gestalt Proprietà che permette di percepire due scenari diversi e asincroni a seconda che si metta a fuoco l elemento in primo piano oppure lo sfondo. WEB DESIGN Proprietà che permette la creazione di elementi grafici di interpretazione multipla o layout incentrati sul rapporto tra primo piano e sfondo. Da evitare eventuali effetti non voluti.

13 Figura / sfondo (multistability) Principi chiave della Gestalt

14 Invarianza (invariance) Principi chiave della Gestalt

15 Invarianza (invariance) Principi chiave della Gestalt La mente riconosce un oggetto anche da punti di vista multipli (prospettiva, scala, rotazione) o in presenza di alterazioni cromatiche e deformazioni. WEB DESIGN Proprietà che consente di operare trasformazioni importanti sugli elementi grafici senza tuttavia renderli irriconoscibili. Proprietà utilizzata nei CAPTCHA tests.

16 Invarianza (invariance) Principi chiave della Gestalt

17 Psicologia della Gestalt Applicata al web LEGGI DELLA GESTALT Legge della somiglianza Legge della prossimità Legge della chiusura Legge della simmetria Legge del destino comune Legge della continuità di direzione Legge della pregnanza Legge dell'esperienza passata

18 Legge della somiglianza Leggi della Gestalt Quanto più determinati elementi sono simili tanto più vengono considerati parte dello stesso insieme. WEB DESIGN E opportuno utilizzare caratteristiche simili per elementi con funzionalità simili. (es. icone di una barra di navigazione)

19 Legge della somiglianza Leggi della Gestalt

20 Legge della prossimità Leggi della Gestalt Quanto più determinati elementi sono vicini tanto più vengono considerati parte dello stesso insieme. WEB DESIGN Tenere in considerazione questa legge per raggruppare elementi dell interfaccia utilizzando le distanze

21 Legge della prossimità Leggi della Gestalt

22 Legge della chiusura Leggi della Gestalt Grazie al principio del raggruppamento, la mente tende a completare (chiudere) le forme aperte. WEB DESIGN È possibile sfruttare questa legge per creare layout aperti e minimali che comunichino leggerezza senza tuttavia trasmettere incompletezza.

23 Legge della chiusura Leggi della Gestalt

24 Legge della simmetria Leggi della Gestalt Elementi simmetrici sono percepiti come appartenenti allo stesso gruppo. WEB DESIGN Questa legge permette di creare layout basati su elementi grafici diversi ma collegati da un aspetto comune: la simmetria.

25 Legge della simmetria Leggi della Gestalt

26 Legge del destino comune Leggi della Gestalt La mente percepisce come appartenenti allo stesso gruppo quegli elementi che sembrano muoversi nella stessa direzione. WEB DESIGN È possibile utilizzare questa legge per guidare l utente all interno di un interfaccia

27 Legge del destino comune Leggi della Gestalt

28 Legge della continuità di direzione Leggi della Gestalt La mente legge come uniti tra loro elementi disposti lungo una stessa linea. WEB DESIGN Questa legge ci aiuta nel design di mappe, infografiche e barre di navigazione, guidando l utente nella lettura.

29 Legge della continuità di direzione Leggi della Gestalt

30 Legge della pregnanza Leggi della Gestalt Ciò che determina l immediata riconoscibilità di una forma è la pregnanza da essa posseduta. Quanto più semplici, regolari, coesive, equilibrate sono tanto più s imporranno alla nostra percezione. WEB DESIGN E importante utilizzare forme facilmente Comprensibili per elementi destinati a veicolare informazioni precise (es. icone)

31 Legge della pregnanza Leggi della Gestalt

32 Legge della pregnanza Leggi della Gestalt

33 Legge dell esperienza passata Leggi della Gestalt La nostra esperienza visiva ci permette di riconoscere gli indizi altrimenti incomprensibili ed associarli ad una forma precisa. WEB DESIGN Qualora si scelga di far leva sulla questa legge della Gestalt, è importante assicurarsi che le forme utilizzate siano già parte dell esperienza visiva dell utente.

34 Legge dell esperienza passata Leggi della Gestalt