Care sunt principiile Gestalt & Cum să le aplici

Una dintre cele mai influente teorii psihologice în domeniul UX și al designului de interacțiune este teoria Gestalt. Teoria a fost fondată de psihologi germani, iar cuvântul "Gestalt" înseamnă formular sau formă După cum sugerează și numele, ideea care stă la baza principiilor Gestalt este că oamenii percep grupurile de obiecte ca modele, mai degrabă decât obiectele individuale.

Există multe articole despre principiile Gestalt, dar nu atât de multe dintre ele te ajută să înțelegi cum să le aplici în munca ta de designer UX/UI. Acest articol îți va oferi câteva idei despre cum să folosești principiile Gestalt pentru a crea designuri UX și UI mai bune, care să ajute oamenii să își atingă obiectivele cu mai puțin efort.

Legea similitudinii

Principiul similarității afirmă că atunci când obiectele sunt asemănătoare din punct de vedere fizic avem tendința de a să le grupeze împreună și să presupunem că au aceeași funcționalitate De exemplu, în imaginea de mai jos, este destul de ușor de distins linia care conține cercuri de culoare roșie burgundă de restul imaginii datorită culorii sale diferite.

Un exemplu de principiu al similitudinii. Fotografie de autor.

Utilizarea similitudinii în proiectarea UX și UI

Vezi si: Top 9 instrumente software de marketing pentru a vă ajuta să vă dezvoltați afacerea

Să ne imaginăm că firma dvs. a dezvoltat o aplicație numită "Il Mio Chef'' care este folosită de pasionații de mâncare italiană din SUA și Canada (o vom folosi pentru restul acestui articol). Un raport recent pe care vi l-a înmânat cercetătorul dvs. de UX afirmă că, atunci când vine vorba de a comanda mâncare italiană, utilizatorii se interesează mai ales de restaurantele care sunt cele mai apropiate de ei. La urma urmei, cu toții am vrea să ne mâncămlasagna sau pizza livrată cât timp este încă proaspătă și caldă, nu-i așa?

Pentru a-i ajuta mai ușor pe utilizatorii aplicației noastre să vadă care sunt restaurantele cele mai apropiate de ei, putem folosi principiul similarității prin evidențierea acestor restaurante în interfața de utilizare. În imaginea de mai jos puteți vedea cum evidențierea acestor opțiuni cu galben (în dreapta) face o mare diferență prin sublinierea vizuală a diferenței dintre cele mai apropiate restaurante și cele mai îndepărtate. Iată cum putețipoate folosi principiul similarității pentru a-i ajuta pe utilizatorii dvs. să găsească rapid ceea ce caută.

Folosind principiul Gestalt al similitudinii. Imagine de autor.

Legea proximității

Principiul proximității afirmă că obiectele care sunt situate aproape unul de altul par a fi mai mult legate De exemplu, prima imagine și cea de-a doua imagine au aceeași cantitate de cercuri în ele. Cu toate acestea, în cea de-a doua imagine, anumite coloane sunt mai apropiate unele de altele și creează impresia că există trei grupuri distincte în loc de un singur grup mare.

Proximitate - exemplu 1 - un grup mare. Imagine de autor.

Proximitate - exemplu 2 - trei grupuri distincte. Imagine de autor.

Utilizarea proximității în proiectarea UX și UI

Să luăm un exemplu din domeniul vizualizării informațiilor.

De data aceasta, să ne imaginăm că sunteți un director executiv care dorește să vadă cum se comportă aplicația dvs. "Il Mio Chef". Doriți să vă uitați la KPI care măsoară performanța financiară, implicarea utilizatorilor și satisfacția acestora. La început, specialistul dvs. în vizualizarea informațiilor creează tabloul de bord de mai jos, care vă face pe dvs. și pe toți ceilalți directori să vă pierdeți în cifre și să vă puneți și mai multe întrebări. După o lună, mulți dintre dvs.să nu mai folosiți acest tablou de bord cu totul.

Tablou de bord KPI - Il Mio Chef. Imagine de autor.

În acest moment, vă întoarceți la specialistul în vizualizarea informațiilor și îi cereți să faciliteze înțelegerea imaginii de ansamblu prin reproiectarea tabloului de bord. Principiul proximității este util în acest caz și puteți vedea noul design mai jos. Acesta conține trei grupuri împărțite în funcție de tipul de KPI și îi ajută pe toți să înțeleagă cum se descurcă aplicația din punct de vedere financiarperformanța, implicarea și satisfacția. Gruparea obiectelor și utilizarea unui spațiu alb mai mare între grupuri poate ajuta utilizatorii să digere mai rapid informațiile.

Utilizarea principiului Gestalt al proximității în proiectarea tablourilor de bord. Imagine de autor.

Legea continuității

Principiul continuității afirmă că, odată ce ochiul începe să urmărească un obiect, va continua să urmărească "mișcarea" în acea direcție până când întâlnește un alt obiect. Această mișcare ne ajută să percepem obiectul ca făcând parte din același traseu pe care trebuie să îl parcurgem pentru a găsi informații. Imaginea de mai jos arată cum putem folosi principiul continuității pentru a crea astfel de modele vizuale care să ghidezeochi într-o anumită direcție.

Un exemplu de principiu al continuității. Imagine de autor.

Utilizarea continuității în proiectarea UX și UI

Cercetătorul dvs. UX a prezentat un nou raport care arată că principala motivație a utilizatorilor pentru a utiliza aplicația "Il Mio Chef" este explorarea alimentelor, deoarece le permite accesul la noi restaurante de mâncare italiană în fiecare săptămână. Vă uitați la metrica care arată de câte ori oamenii trec cu degetul prin opțiuni cu designul actual al interfeței de utilizator din imaginea de mai jos (partea stângă) și vedeți că aceștia nu trec niciodată cu degetul mai mult de două ori pemedie pentru a vedea ce opțiuni le sunt disponibile.

Utilizând principiul continuității (partea dreaptă a imaginii de mai jos), designerul UX a ajutat la creșterea numărului de swipe-uri la aproximativ 10 în medie. Cum s-a întâmplat acest lucru? Ascunzând o parte a imaginii și subliniind faptul că trebuie să glisezi spre stânga sau spre dreapta pentru a vedea ce se află acolo, ochii utilizatorilor au fost ghidați să creeze literalmente mișcarea de "swipe" și au fost mai motivați să exploreze mai multe restaurante șiAcest lucru este ceva ce designul anterior nu vă motiva deloc să faceți, chiar dacă sunteți deja motivat în mod inerent să faceți acest lucru.

Utilizarea principiului Gestalt al continuității în designul UX/UI. Imagine de autor.

Pentru a rezuma , utilizarea principiilor Gestalt prezentate în acest articol în designul UX și UI poate ajuta utilizatorii dvs. să găsească mai repede informațiile și să le digere mai bine. În plus, le poate crește satisfacția față de produsul dvs., motivându-i să facă acțiunile pe care le iubesc cel mai mult.

‍

Coperta include ilustrații de Miklos Philips, editate în Vectornator.