Sadržaj
Jedna od najutjecajnijih psiholoških teorija u području UX-a i dizajna interakcija je Gestalt teorija. Teoriju su osnovali njemački psiholozi, a riječ “Gestalt” na njemačkom znači oblik ili oblik . Kao što naziv implicira, ideja koja stoji iza Gestalt principa je da ljudi percipiraju grupe objekata kao obrasce, a ne pojedinačne objekte.
Vidi_takođe: Vectornator & Tim CookPostoji mnogo članaka o Gestalt principima, ali ne toliko mnogo njih pomaže vam da shvatite kako da primijeniti ih u svom radu kao UX/UI dizajner. Ovaj članak će vam dati neke ideje o tome kako koristiti Gestalt principe za kreiranje boljih UX i UI dizajna koji će pomoći ljudima da postignu svoje ciljeve uz manje truda.
Zakon sličnosti
Princip sličnosti kaže da kada su objekti fizički slični mi težimo grupiti ih zajedno i pretpostavljamo da imaju ista funkcionalnost . Na primjer, na slici ispod prilično je lako razlikovati liniju koja sadrži bordo crvene krugove od ostatka slike zbog njene različite boje.
Primjer principa sličnosti. Fotografija autora.
Korišćenje sličnosti u UX i UI dizajnu
Zamislimo da je vaša kompanija razvila aplikacija pod nazivom „Il Mio Chef“ koju koriste ljubitelji italijanske hrane širom SAD-a i Kanade (koristit ćemo je zaostatak ovog članka). U nedavnom izvještaju koji vam je uručio vaš UX istraživač navodi se da kada je u pitanju naručivanje italijanske hrane, korisnicima je uglavnom stalo koji restorani su im najbliži. Na kraju krajeva, svi bismo željeli da nam lazanje ili pizzu budu isporučene dok su još svježe i tople, zar ne?
Kako bismo olakšali korisnicima naše aplikacije da vide koji su im restorani najbliži, mi može koristiti princip sličnosti isticanjem ovih restorana u korisničkom sučelju. Na slici ispod možete vidjeti kako isticanje ovih opcija žutom (desno) čini veliku razliku vizualno naglašavajući razliku između najbližih restorana i onih koji su udaljeniji. Ovako možete koristiti princip sličnosti kako biste svojim korisnicima pomogli da brzo pronađu ono što traže.
Upotreba Gestalt principa sličnosti. Slika autora.
Zakon blizine
Princip blizine kaže da objekti koji se nalaze blizu jedan drugom izgledaju više povezani nego objekti koji su udaljeniji jedan od drugog. Na primjer, prva slika i druga slika imaju istu količinu krugova u sebi. Međutim, na drugoj slici su određene kolone bliže jedna drugoj i stvaraju utisak da imaju tri različite grupe umjesto jedne velike grupe.
Blizina - primjer 1 - velika grupa. Slika autora.
Blizina - primjer 2 - tri različite grupe. Slika autora.
Korištenje blizine u UX i UI dizajnu
Uzmimo primjer s terena vizualizacije informacija.
Ovaj put, zamislimo da ste izvršni direktor koji želi vidjeti kako vaša aplikacija “Il Mio Chef” radi. Želite da pogledate KPI-je koji mjere finansijske performanse, angažman korisnika i zadovoljstvo. Najprije, vaš stručnjak za vizualizaciju informacija kreira kontrolnu tablu ispod koja vas i sve ostale rukovodioce tjera da se izgubite u brojkama i postavljate još više pitanja. Nakon mjesec dana mnogi od vas jednostavno prestanu koristiti ovu kontrolnu tablu.
KPI kontrolna tabla - Il Mio Chef. Slika autora.
U ovom trenutku se vraćate svom stručnjaku za vizualizaciju informacija i zamolite je da olakša ljudima razumijevanje velike slike redizajniranjem kontrolne ploče. Princip blizine dobro dolazi u ovom slučaju, a novi dizajn možete vidjeti u nastavku. Sadrži tri grupe podijeljene po tipu KPI-a i pomaže svima da shvate kako aplikacija radi u smislu financijskih performansi, angažmana i zadovoljstva. Grupiranje objekata zajedno i korištenje više bijelog prostora između grupa može pomoći vašim korisnicima da brže probave informacije.
Korišćenje Gestalt principa blizine u dizajnu kontrolne ploče. Slika autora.
The Law OfKontinuitet
Princip kontinuiteta kaže da kada oko počne da prati objekat, ono će nastaviti da prati „kretanje“ u tom pravcu sve dok ne naiđe na drugi objekat. Ovaj pokret nam pomaže da objekt percipiramo kao dio istog puta kojim moramo proći da bismo pronašli informacije. Slika ispod pokazuje kako možemo koristiti princip kontinuiteta za stvaranje takvih vizualnih obrazaca koji vode oko u određenom smjeru.
Primjer principa kontinuiteta. Slika autora.
Korišćenje kontinuiteta u UX i UI dizajnu
Vaš UX istraživač predstavio je novi izvještaj koji pokazuje da je glavna motivacija korisnika da koriste aplikaciju “Il Mio Chef” istraživanje hrane, jer im omogućava pristup novim restoranima italijanske hrane svake sedmice. Gledate metriku koja pokazuje koliko puta ljudi prelaze prstom kroz svoje opcije s trenutnim dizajnom korisničkog sučelja na slici ispod (lijeva strana) i vidite da nikada u prosjeku ne prevlače više od dva puta kako bi vidjeli koje su im opcije dostupne.
Koristeći princip kontinuiteta (desna strana na slici ispod) vaš UX dizajner je pomogao da se taj broj poveća na oko 10 prevlačenja u prosjeku. Kako se to dogodilo? Sakrivanjem dijela slike i isticanjem činjenice da morate prijeći prstom ulijevo ili udesno da vidite šta je unutra, oči vaših korisnika bile su vođene da doslovno kreiraju pokret "prevlačenja" i bile su višemotivirani da istraže više restorana i onoga što oni nude. Ovo je nešto raniji dizajn vas uopće nije motivirao da to učinite, čak i ako ste već inherentno motivirani da to učinite.
Vidi_takođe: 15 najboljih japanskih anime studija
Korišćenje Gestalt principa kontinuiteta u UX/UI dizajnu. Slika autora.
Da sumiramo , korištenje Gestalt principa predstavljenih u ovom članku u vašem UX i UI dizajnu može pomoći vašim korisnicima da brže i bolje savladaju informacije to. Osim toga, može povećati njihovo zadovoljstvo vašim proizvodom motivirajući ih da poduzmu radnje koje najviše vole.
Omot uključuje umjetnička djela Miklosa Philipsa, uređena u Vectornatoru.
