Kazalo
Ena od najvplivnejših psiholoških teorij na področju UX in oblikovanja interakcij je teorija Gestalt. Teorijo so ustanovili nemški psihologi, beseda "Gestalt" pa pomeni obrazec ali oblika Kot pove že ime, je bistvo načel Gestalt, da ljudje zaznavamo skupine predmetov kot vzorce in ne kot posamezne predmete.
Obstaja veliko člankov o načelih Gestalt, vendar jih ni veliko, ki bi vam pomagali razumeti, kako jih uporabiti pri svojem delu kot oblikovalec UX/UI. V tem članku boste našli nekaj idej, kako uporabiti načela Gestalt za ustvarjanje boljših zasnov UX in UI, ki bodo ljudem pomagale doseči njihove cilje z manj truda.
Zakon o podobnosti
Načelo podobnosti pravi, da če so si predmeti fizično podobni, se nagibamo k temu, da jih združite v skupine. in domnevajo, da imajo enaka funkcionalnost Na spodnji sliki je na primer zaradi drugačne barve črto, ki vsebuje bordo rdeče kroge, precej enostavno ločiti od preostale slike.
Primer načela podobnosti. Fotografija avtorja.
Uporaba podobnosti pri oblikovanju UX in UI
Predstavljajmo si, da je vaše podjetje razvilo aplikacijo "Il Mio Chef", ki jo uporabljajo ljubitelji italijanske hrane v ZDA in Kanadi (v nadaljevanju članka jo bomo uporabljali). V nedavnem poročilu, ki vam ga je posredoval vaš raziskovalec UX, je navedeno, da uporabnike pri naročanju italijanske hrane najbolj zanima, katere restavracije so jim najbližje. Navsezadnje bi si vsi želeli, da bi imeli svojolazanjo ali pico dostavili, ko je še sveža in topla, kajne?
Da bi uporabnikom naše aplikacije olajšali iskanje najbližjih restavracij, lahko uporabimo načelo podobnosti tako, da te restavracije v uporabniškem vmesniku poudarimo. Na spodnji sliki lahko vidite, kako poudarjanje teh možnosti z rumeno barvo (na desni) naredi veliko razliko, saj vizualno poudari razliko med najbližjimi in bolj oddaljenimi restavracijami. Na ta način lahkolahko uporabite načelo podobnosti, da bi uporabnikom pomagali hitro najti tisto, kar iščejo.
Uporaba načela podobnosti Gestalt. Slika avtorja.
Zakon o bližini
Načelo bližine pravi, da so predmeti, ki se nahajajo blizu drug drugega. se zdi, da so bolj povezane Na prvi in drugi sliki je na primer enako število krogov, vendar so na drugi sliki nekateri stolpci bližje drug drugemu in ustvarjajo vtis, da imajo tri ločene skupine namesto ene velike skupine.
Bližina - primer 1 - velika skupina. Slika avtorja.
Poglej tudi: Kako spremeniti fotografijo v vektorsko oblikovanje
Bližina - primer 2 - tri različne skupine. Slika avtorja.
Poglej tudi: Kako uvoziti PDFUporaba bližine pri oblikovanju UX in UI
Vzemimo primer s področja vizualizacije informacij.
Tokrat si predstavljajte, da ste vodilni delavec, ki želi videti, kako uspešna je vaša aplikacija "Il Mio Chef". Želite si ogledati ključne kazalnike uspešnosti, ki merijo finančno uspešnost, vključenost uporabnikov in zadovoljstvo. Najprej vaš strokovnjak za vizualizacijo informacij ustvari spodnjo nadzorno ploščo, zaradi katere se vi in vsi ostali vodilni delavci izgubite v številkah in postavite še več vprašanj. Po enem mesecu mnogi od vaspreprosto prenehajte uporabljati to nadzorno ploščo.
Nadzorna plošča KPI - Il Mio Chef. Slika avtorja.
Na tej točki se vrnete k specialistki za vizualizacijo informacij in jo prosite, naj ljudem olajša razumevanje celotne slike s preoblikovanjem nadzorne plošče. V tem primeru pride prav načelo bližine in spodaj si lahko ogledate novo zasnovo. Vsebuje tri skupine, razdeljene glede na vrsto KPI, in vsem pomaga razumeti, kako aplikacija deluje v finančnem smislu.Združevanje predmetov v skupine in več belega prostora med skupinami lahko uporabnikom pomaga, da hitreje prebavijo informacije.
Uporaba načela bližine Gestalt pri oblikovanju armaturne plošče. Slika avtorja.
Zakon o kontinuiteti
Načelo kontinuitete pravi, da ko oko začne slediti nekemu predmetu, bo nadaljevalo z "gibanjem" v tej smeri, dokler ne naleti na drug predmet. To gibanje nam pomaga dojemati predmet kot del iste poti, ki jo moramo prehoditi, da bi našli informacije. Spodnja slika prikazuje, kako lahko uporabimo načelo kontinuitete za ustvarjanje takšnih vizualnih vzorcev, ki vodijooko v določeno smer.
Primer načela kontinuitete. Slika avtorja.
Uporaba kontinuitete pri oblikovanju UX in uporabniškega vmesnika
Vaš raziskovalec UX je predstavil novo poročilo, ki kaže, da je glavni motiv uporabnikov za uporabo aplikacije "Il Mio Chef" raziskovanje hrane, saj jim vsak teden omogoča dostop do novih restavracij z italijansko hrano. Na spodnji sliki (leva stran) si ogledate metriko, ki kaže, kolikokrat ljudje podrsajo po možnostih pri trenutni zasnovi uporabniškega vmesnika, in vidite, da nikoli ne podrsajo več kot dvakrat napovprečno preveriti, katere možnosti so jim na voljo.
Z uporabo načela kontinuitete (desna stran na spodnji sliki) je vaš oblikovalec UX pomagal povečati to število na približno 10 potegov. Kako se je to zgodilo? S skrivanjem dela slike in poudarjanjem dejstva, da morate potegniti levo ali desno, da vidite, kaj je na njej, so bile oči uporabnikov vodene tako, da so dobesedno ustvarile gib "poteg" in so bile bolj motivirane za raziskovanje več restavracij inTo je nekaj, k čemur vas prejšnja zasnova sploh ni spodbudila, čeprav ste že po naravi motivirani, da to storite.
Uporaba načela kontinuitete Gestalt pri oblikovanju UX/UI. Slika avtorja.
Če povzamemo uporaba načel Gestalt, predstavljenih v tem članku, pri oblikovanju UX in uporabniškega vmesnika lahko uporabnikom pomaga, da hitreje najdejo informacije in jih bolje prebavijo. Poleg tega lahko poveča njihovo zadovoljstvo z vašim izdelkom, saj jih motivira za dejanja, ki jih imajo najraje.
Na naslovnici je umetniško delo Miklosa Philipsa, urejeno v programu Vectornator.
