Innholdsfortegnelse
En av de mest innflytelsesrike psykologiske teoriene innen UX og interaksjonsdesign er gestaltteorien. Teorien ble grunnlagt av tyske psykologer og ordet "Gestalt" betyr form eller form på tysk. Som navnet tilsier, er ideen bak gestaltprinsippene at mennesker oppfatter grupper av objekter som mønstre i stedet for individuelle objekter.
Det er mange artikler om gestaltprinsippene, men ikke så mange av dem hjelper deg å forstå hvordan du bruke dem i arbeidet ditt som UX/UI-designer. Denne artikkelen vil gi deg noen ideer om hvordan du kan bruke Gestalt-prinsippene for å lage bedre UX- og UI-design som vil hjelpe folk å nå målene sine med mindre innsats.
The Law Of Similarity
Prinsippet for likhet sier at når objekter er fysisk like, har vi en tendens til å gruppere dem sammen og anta at de har samme funksjonalitet . For eksempel, i bildet nedenfor er det ganske enkelt å skille linjen som inneholder burgunderrøde sirkler fra resten av bildet på grunn av dens forskjellige farge.
Et eksempel på likhetsprinsippet. Foto av forfatter.
Bruke likhet i UX- og UI-design
La oss forestille oss at bedriften din utviklet en app kalt «Il Mio Chef'' som brukes av italienske matelskere over hele USA og Canada (vi vil bruke den tilresten av denne artikkelen). En nylig rapport som UX-forskeren ga deg, sier at når det gjelder bestilling av italiensk mat, bryr brukerne seg stort sett om hvilke restauranter som er nærmest dem. Tross alt vil vi alle ønske å få levert lasagnen eller pizzaen vår mens den fortsatt er fersk og varm, ikke sant?
For å gjøre det enkelt å hjelpe appbrukerne våre med å se hvilke restauranter som er nærmest dem kan bruke likhetsprinsippet ved å fremheve disse restaurantene i brukergrensesnittet. På bildet nedenfor kan du se hvordan utheving av disse alternativene i gult (til høyre) gjør en stor forskjell ved å visuelt fremheve forskjellen mellom de nærmeste restaurantene og de som er lenger unna. Slik kan du bruke likhetsprinsippet for å hjelpe brukerne dine raskt å finne det de ser etter.
Se også: Lesbarhet vs lesbarhet: Alt du trenger å viteBruke gestaltprinsippet om likhet. Bilde av forfatter.
Se også: Angre historikkThe Law Of Proximity
Prinsippet om Proximity sier at objekter som er plassert nær hverandre ser ut til å være mer relatert enn objekter som er plassert lenger fra hverandre. For eksempel har det første bildet og det andre bildet samme mengde sirkler. I det andre bildet er imidlertid enkelte kolonner nærmere hverandre og skaper inntrykk av å ha tre distinkte grupper i stedet for én stor gruppe.
Nærhet - eksempel 1 - en stor gruppe. Bilde av forfatter.
Nærhet - eksempel 2 - tre distinkte grupper. Bilde av forfatter.
Bruk av nærhet i UX og UI-design
La oss ta et eksempel fra feltet av informasjonsvisualisering.
La oss denne gangen forestille oss at du er en leder som ønsker å se hvordan appen «Il Mio Chef» fungerer. Du vil se på KPIer som måler økonomisk ytelse, brukerengasjement og tilfredshet. Til å begynne med lager din informasjonsvisualiseringsspesialist dashbordet nedenfor som får deg og alle de andre lederne til å gå seg vill i tallene og stille enda flere spørsmål. Etter en måned slutter mange av dere bare å bruke dette dashbordet helt.
KPI-dashbord - Il Mio Chef. Bilde av forfatter.
På dette tidspunktet går du tilbake til informasjonsvisualiseringsspesialisten din og ber henne gjøre det lettere for folk å forstå helheten ved å redesigne dashbordet. Prinsippet om nærhet kommer godt med i dette tilfellet, og du kan se det nye designet nedenfor. Den inneholder tre grupper delt inn etter type KPI, og den hjelper alle å forstå hvordan appen gjør det når det gjelder økonomisk ytelse, engasjement og tilfredshet. Å gruppere objekter sammen og bruke mer mellomrom mellom gruppene kan hjelpe brukerne dine med å fordøye informasjon raskere.
Bruk av Gestalt-prinsippet om nærhet i dashborddesign. Bilde av forfatter.
The Law OfKontinuitet
Kontinuitetsprinsippet sier at når øyet begynner å følge et objekt, vil det fortsette å følge «bevegelsen» i den retningen til det møter et annet objekt. Denne bevegelsen hjelper oss å oppfatte objektet som en del av den samme veien vi må gå gjennom for å finne informasjon. Bildet under viser hvordan vi kan bruke kontinuitetsprinsippet til å lage slike visuelle mønstre som leder øyet i en bestemt retning.
Et eksempel på kontinuitetsprinsippet. Bilde av forfatter.
Bruk av kontinuitet i UX og UI-design
UX-forskeren din presenterte en ny rapport som viser at hovedmotivasjonen for brukere til å bruke «Il Mio Chef»-appen er matutforskning, siden den gir dem tilgang til nye italienske matrestauranter hver uke. Du ser på beregningen som viser hvor mange ganger folk sveiper gjennom alternativene med gjeldende UI-design i bildet nedenfor (venstre side) og ser at de aldri sveiper mer enn to ganger i gjennomsnitt for å se hvilke alternativer som er tilgjengelige for dem.
Ved å bruke kontinuitetsprinsippet (høyre side på bildet nedenfor) bidro UX-designeren til å øke dette antallet til omtrent 10 sveip i gjennomsnitt. Hvordan skjedde det? Ved å skjule en del av bildet og fremheve det faktum at du trenger å sveipe til venstre eller høyre for å se hva som er der, ble brukernes øyne guidet til å bokstavelig talt lage "sveipe"-bevegelsen og var mermotivert til å utforske flere restauranter og hva de tilbyr. Dette er noe den tidligere utformingen ikke motiverte deg til i det hele tatt, selv om du allerede er iboende motivert til å gjøre det.
Bruk av Gestalt-prinsippet om kontinuitet i UX/UI-design. Bilde av forfatter.
For å oppsummere , ved å bruke Gestalt-prinsippene presentert i denne artikkelen i UX- og brukergrensesnittdesignet ditt kan du hjelpe brukerne dine med å finne informasjon raskere og bedre fordøye den. Dessuten kan det øke deres tilfredshet med produktet ditt ved å motivere dem til å utføre handlingene de elsker mest.
Omslaget inkluderer kunstverk av Miklos Philips, redigert i Vectornator.