Taula de continguts
Una de les teories psicològiques més influents en els camps de l'UX i el disseny d'interacció és la teoria de la Gestalt. La teoria va ser fundada per psicòlegs alemanys i la paraula "Gestalt" significa forma o forma en alemany. Com el seu nom indica, la idea darrere dels principis de la Gestalt és que els humans perceben els grups d'objectes com a patrons en lloc d'objectes individuals.
Hi ha molts articles sobre els principis de la Gestalt, però no tants d'ells t'ajuden a entendre com apliqueu-los al vostre treball com a dissenyador UX/UI. Aquest article us donarà algunes idees sobre com utilitzar els principis de la Gestalt per crear millors dissenys d'UX i d'IU que ajudaran les persones a assolir els seus objectius amb menys esforç.
Vegeu també: Idees inspiradores de disseny de tatuatgesLa llei de la semblança
El principi de semblança estableix que quan els objectes són físicament semblants tendim a agrupar-los i suposar que tenen el mateixa funcionalitat . Per exemple, a la imatge següent és bastant fàcil distingir la línia que conté cercles vermells bordeus de la resta de la imatge a causa del seu color diferent.
Un exemple del principi de semblança. Foto de l'autor.
Utilitzar la similitud en UX i disseny d'IU
Imaginem que la vostra empresa va desenvolupar un aplicació anomenada "Il Mio Chef" que fan servir els aficionats a la gastronomia italiana als Estats Units i al Canadà (l'utilitzarem per alresta d'aquest article). Un informe recent que us va lliurar el vostre investigador d'UX indica que quan es tracta de demanar menjar italià, els usuaris es preocupen sobretot per quins restaurants són els més propers. Al cap i a la fi, a tots voldríem que ens enviïn la lasanya o la pizza mentre encara estigui fresca i calenta, oi?
Per facilitar que els usuaris de l'aplicació vegin quins són els restaurants més propers a ells. pot utilitzar el principi de semblança destacant aquests restaurants a la IU. A la imatge següent podeu veure com ressaltar aquestes opcions en groc (a la dreta) marca una gran diferència en destacar visualment la diferència entre els restaurants més propers i els que estan més lluny. Així és com podeu utilitzar el principi de semblança per ajudar els vostres usuaris a trobar ràpidament el que busquen.
Utilitzar el principi de semblança Gestalt. Imatge de l'autor.
La llei de la proximitat
El principi de la proximitat estableix que els objectes que es troben a prop els uns dels altres aparenten ser més relacionats que els objectes que estan més separats. Per exemple, la primera imatge i la segona imatge tenen la mateixa quantitat de cercles. Tanmateix, a la segona imatge certes columnes estan més a prop les unes de les altres i creen la impressió de tenir tres grups diferents en lloc d'un gran grup.
Proximitat - exemple 1 - un grup gran. Imatge de l'autor.
Proximitat - exemple 2 - tres grups diferents. Imatge de l'autor.
Ús de la proximitat en el disseny d'UX i UI
Prenguem un exemple del camp de visualització de la informació.
Aquesta vegada, imaginem que sou un executiu i voleu veure com funciona la vostra aplicació “Il Mio Chef”. Voleu mirar els KPI que mesuren el rendiment financer, la implicació dels usuaris i la satisfacció. Al principi, el vostre especialista en visualització d'informació crea el quadre de comandament a continuació que fa que vosaltres i tots els altres executius us perdeu en els números i feu encara més preguntes. Després d'un mes, molts de vosaltres deixeu d'utilitzar aquest tauler.
Tauler KPI - Il Mio Chef. Imatge de l'autor.
En aquest moment, torneu al vostre especialista en visualització d'informació i li demaneu que redissenyeu el tauler de control per facilitar la comprensió de la imatge general. El principi de proximitat és útil en aquest cas, i podeu veure el nou disseny a continuació. Conté tres grups dividits pel tipus de KPI i ajuda a tothom a entendre com funciona l'aplicació en termes de rendiment financer, compromís i satisfacció. Agrupar objectes i utilitzar més espai en blanc entre els grups pot ajudar els usuaris a digerir la informació més ràpidament.
Utilitzar el principi Gestalt de proximitat en el disseny del tauler de control. Imatge de l'autor.
La llei deContinuïtat
El principi de continuïtat estableix que un cop l'ull comença a seguir un objecte, continuarà seguint el "moviment" en aquesta direcció fins que es trobi amb un altre objecte. Aquest moviment ens ajuda a percebre l'objecte com a part del mateix camí pel qual hem de recórrer per trobar informació. La imatge següent mostra com podem utilitzar el principi de continuïtat per crear aquests patrons visuals que guiïn l'ull en una direcció determinada.
Un exemple del principi de continuïtat. Imatge de l'autor.
Ús de la continuïtat en UX i disseny d'IU
El vostre investigador d'UX va presentar un nou informe que mostra que la principal motivació dels usuaris per utilitzar l'aplicació “Il Mio Chef” és l'exploració d'aliments, ja que els permet accedir a nous restaurants de cuina italiana cada setmana. Mireu la mètrica que mostra quantes vegades la gent llisca per les seves opcions amb el disseny actual de la interfície d'usuari a la imatge de sota (costat esquerra) i comproveu que mai llisca més de dues vegades de mitjana per veure quines opcions tenen disponibles.
Usant el principi de continuïtat (costat dret de la imatge següent), el vostre dissenyador d'UX va ajudar a augmentar aquest nombre a uns 10 cops de mitjana. Com va passar això? En amagar part de la imatge i ressaltar el fet que necessiteu lliscar cap a l'esquerra o cap a la dreta per veure què hi ha allà dins, els ulls dels vostres usuaris es van guiar per crear literalment el moviment de "lliscar" i van ser mésmotivat per explorar més restaurants i el que ofereixen. Això és una cosa el disseny anterior no us va motivar gens a fer-ho, fins i tot si ja esteu inherentment motivats per fer-ho.
Vegeu també: Com dissenyar la mercaderia
Utilitzar el principi Gestalt de continuïtat en el disseny d'UX/UI. Imatge de l'autor.
En resum , utilitzar els principis de la Gestalt que es presenten en aquest article al vostre disseny d'UX i d'IU pot ajudar els vostres usuaris a trobar la informació més ràpidament i a digerir millor això. A més, pot augmentar la seva satisfacció amb el vostre producte motivant-los a fer les accions que més els agraden.
La portada inclou obres d'art de Miklos Philips, editades a Vectornator.
