Les 6 lleis principals de la Gestalt il·lustrades pel lloc web UX-Republic

El nostre cervell funciona de tal manera que processem la informació visual que rebem en forma de blocs, conjunts simplificats, sense percebre immediatament el detall en aquests conjunts:

● Veiem un armari i taulers no muntats

● Veiem un bosc i no terra, fulles, branques

● Veiem una línia de punts i no diverses petites línies...

Veiem el tot més que la suma de les parts ; això és el que treuen a la llum les diferents lleis de la Gestalt. Molta gent ja ha sentit a parlar de les lleis de la Gestalt, pocs saben a què corresponen i sobretot que s'hi enfronten cada dia. Has jugat mai al joc d'observar formes als núvols? És un exemple típic dels principis que regeixen la manera de veure i interpretar el nostre entorn. Aquestes lleis expliquen l'esquema mental de l'home, la manera com ell percep el món.

Pel que fa a UX, l'aplicació d'aquestes lleis fa que els llocs siguin més llegibles i intuïtius. Cada web està dissenyada amb unes regles tan arrelades que són automàtiques: els elements que van junts s'ajuntaran a la pàgina, respectem una certa alineació per encaixar en formes conegudes (quadrat, rectangle, etc.)... A més, quan aquestes lleis no es respecten, de seguida ens perdem al lloc i molt sovint sortim de la pàgina. Aquestes lleis, quan es respecten, garanteixen comoditat a l'usuari, faciliten la usabilitat de la interfície.

Per il·lustrar les 6 lleis fonamentals, vaig fer una ullada ràpida al lloc web d'UX-Republic :

Llei de la bona forma
Aquesta primera llei, que és la més evident de totes, il·lustra el principi d'identificar una forma que només existeix mitjançant la disposició de diverses formes, per tal de percebre un tot coherent, una simplificació dels elements. També sovint és la causa de les il·lusions òptiques.

Al lloc d'UX Republic, podem prendre l'exemple de visualitzacions estadístiques: veus cercles? El nostre cervell enllaça la part vermella del cercle amb la part blanca del cercle per percebre només una forma (més o menys plena).

Llei de proximitat

Quan identifiquem una forma que només existeix gràcies a les diferències d'espai entre diversos elements, estem sota la influència de la llei de proximitat! Aquí es presenten les diferents metodologies sense estar delimitades explícitament, però les distingim clarament de manera independent.

llei de continuïtat

En relació amb la llei de proximitat, la llei de continuïtat implica que la unió d'elements condueix a una il·lusió de continuïtats entre ells. Això és el que ens permet identificar frases com a llistes, llegir de nou a la línia en lloc de buscar més enllà. Per exemple, aquí identifiquem el text relacionat amb el títol "Recerca d'usuaris" llegint els 3 punts, abans de passar a llegir la part "Dissenyador d'IU". Si no estiguéssim sotmesos a la llei de continuïtat, podríem llegir “Ell qüestiona el Ell posa la imatge en el qual està inscrit Ell porta el”.

 

La llei del destí comú ens permet identificar una forma per la seva trajectòria, trencant amb la trajectòria d'altres conjunts.
En desplaçar-se per la pàgina, el menú esdevé un “menú enganxós”: no es mou, mentre que la resta de la pàgina es desplaça... Per tant, s'identifiquen 2 formularis: la pàgina que conté tots els articles, i el menú immòbil que sempre queda visible. . Aquests 2 conjunts d'elements s'interpreten com 2 formes diferents gràcies a la llei del destí comú que s'aplica al rotllo.

llei de tancament

Quan identifiquem un conjunt assimilant-lo a una forma coneguda (cercle, rectangle, rombe,...) posem en pràctica la Llei del tancament.
Al lloc d'UX-Republic, els clients que ens han demanat proves d'usuari estan disposats de manera que es pugui pensar en un quadrat, mentre que no apareix cap delimitació externa explícita.

Llei de semblança

Finalment, la llei de la semblança és l'aplicació del famós adagi "com atreu semblants": s'espera que els elements que s'assemblen tinguin el mateix comportament o el mateix objectiu.
Aquí, al blog UX-Republic, tots els articles es presenten de la mateixa manera: la imatge de l'esquerra, el títol més gran i atrevit, la data en gris i l'autor en vermell. Així, es facilita la nostra identificació dels diferents articles.

Per concloure, us convido a fer una ullada als vostres llocs i aplicacions preferits per identificar com es posen en pràctica (o no!) aquestes lleis.


Florine AUFFRAIT, UX Researcher @UX-Republic


Els nostres propers entrenaments