Sadržaj
Jedna od najutjecajnijih psiholoških teorija u poljima UX-a i dizajna interakcije je Gestalt teorija. Teoriju su utemeljili njemački psiholozi, a riječ "Gestalt" na njemačkom znači forma ili oblik . Kao što naziv implicira, ideja koja stoji iza Gestalt načela je da ljudi percipiraju skupine objekata kao uzorke, a ne pojedinačne objekte.
Postoji mnogo članaka o Gestalt načelima, ali malo njih vam pomaže razumjeti kako primijenite ih u svom radu kao UX/UI dizajner. Ovaj će vam članak dati neke ideje o tome kako upotrijebiti Gestalt načela za stvaranje boljeg UX i UI dizajna koji će pomoći ljudima da postignu svoje ciljeve uz manje truda.
Zakon sličnosti
Načelo sličnosti kaže da kada su objekti fizički slični težimo grupirati ih zajedno i pretpostaviti da imaju ista funkcionalnost . Na primjer, na slici ispod prilično je lako razlikovati crtu koja sadrži bordo crvene krugove od ostatka slike zbog različite boje.
Primjer načela sličnosti. Fotografija autora.
Korištenje sličnosti u UX i UI dizajnu
Zamislimo da je vaša tvrtka razvila aplikaciju pod nazivom "Il Mio Chef" koju koriste ljubitelji talijanske hrane diljem SAD-a i Kanade (Mi ćemo je koristiti zaostatak ovog članka). Nedavno izvješće koje vam je uručio vaš UX istraživač navodi da kada je riječ o naručivanju talijanske hrane, korisnike uglavnom zanima koji su im restorani najbliži. Na kraju krajeva, svi bismo željeli da nam se lazanje ili pizza dostave dok su još svježe i tople, zar ne?
Kako bismo korisnicima naše aplikacije olakšali da vide koji su im restorani najbliži može koristiti načelo sličnosti isticanjem tih restorana u korisničkom sučelju. Na slici ispod možete vidjeti kako isticanje ovih opcija žutom bojom (desno) čini veliku razliku vizualno naglašavajući razliku između najbližih restorana i onih koji su udaljeniji. Ovo je način na koji možete koristiti načelo sličnosti da pomognete svojim korisnicima da brzo pronađu ono što traže.
Korištenje Gestalt načela sličnosti. Slika autora.
Zakon blizine
Načelo blizine kaže da objekti koji se nalaze blizu jedni drugih izgledaju više povezani od objekata koji su međusobno udaljeniji. Na primjer, prva slika i druga slika imaju isti broj krugova u sebi. Međutim, na drugoj slici određeni stupci su bliži jedan drugome i stvaraju dojam da imate tri različite grupe umjesto jedne velike grupe.
Blizina - primjer 1 - velika grupa. Slika autora.
Blizina - primjer 2 - tri različite skupine. 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 radi vaša aplikacija “Il Mio Chef”. Želite pogledati KPI-ove koji mjere financijsku izvedbu, angažman korisnika i zadovoljstvo. Isprva vaš stručnjak za vizualizaciju informacija stvara nadzornu ploču ispod koje tjera vas i sve ostale rukovoditelje da se izgubite u brojevima i postavljate još više pitanja. Nakon mjesec dana mnogi od vas jednostavno prestanu koristiti ovu nadzornu ploču.
Vidi također: Zašto je grafički dizajn najvažnija stvar u marketingu
KPI nadzorna ploča - Il Mio Chef. Slika autora.
U ovoj se točki vraćate svom stručnjaku za vizualizaciju informacija i zamolite je da redizajnom nadzorne ploče olakša ljudima razumijevanje velike slike. Princip blizine u ovom slučaju dobro dolazi, a novi dizajn možete vidjeti u nastavku. Sadrži tri grupe podijeljene prema vrsti KPI-ja i pomaže svima da razumiju kako aplikacija radi u smislu financijske uspješnosti, angažmana i zadovoljstva. Grupiranje objekata zajedno i korištenje većeg prostora između grupa može pomoći vašim korisnicima da brže probavljaju informacije.
Korištenje Gestalt principa blizine u dizajnu nadzorne ploče. Slika autora.
ZakonKontinuitet
Načelo kontinuiteta kaže da kada oko počne pratiti objekt, ono će nastaviti pratiti "kretanje" u tom smjeru sve dok ne naiđe na drugi objekt. Ovaj pokret nam pomaže da objekt percipiramo kao dio istog puta koji moramo proći da bismo pronašli informacije. Slika ispod pokazuje kako možemo upotrijebiti načelo kontinuiteta za stvaranje takvih vizualnih obrazaca koji vode oko u određenom smjeru.
Primjer načela kontinuiteta. Slika autora.
Korištenje kontinuiteta u UX i UI dizajnu
Vaš UX istraživač predstavio je novo izvješće koje pokazuje da je glavna motivacija za korisnike da koriste aplikaciju “Il Mio Chef” istraživanje hrane, jer im omogućuje pristup novim restoranima talijanske hrane svaki tjedan. Pogledate mjerni podatak koji pokazuje koliko puta ljudi prijeđu prstom kroz svoje opcije s trenutnim dizajnom korisničkog sučelja na slici ispod (lijeva strana) i vidite da u prosjeku nikada ne prijeđu prstom više od dva puta kako bi vidjeli koje su im opcije dostupne.
Korištenjem načela kontinuiteta (desna strana na slici ispod) vaš UX dizajner pomogao je povećati taj broj na oko 10 prijelaza u prosjeku. Kako se to dogodilo? Skrivanjem dijela slike i isticanjem činjenice da morate prijeći prstom ulijevo ili udesno da biste vidjeli što je tamo, oči vaših korisnika bile su vođene da doslovno stvore pokret "prijelaza" i višemotivirani istražiti više restorana i što oni nude. To je nešto raniji dizajn vas uopće nije motivirao da učinite, čak i ako ste već inherentno motivirani da to učinite.
Korištenje Gestalt principa kontinuiteta u UX/UI dizajnu. Slika autora.
Vidi također: Povijest grafičkog dizajnaDa sažmemo , korištenje Gestalt načela predstavljenih u ovom članku u vašem UX i UI dizajnu može pomoći vašim korisnicima da brže pronađu informacije i bolje ih probave to. Osim toga, može povećati njihovo zadovoljstvo vašim proizvodom motivirajući ih da poduzmu radnje koje najviše vole.
Omotnica uključuje umjetničko djelo Miklosa Philipsa, uređeno u Vectornatoru.
