Indholdsfortegnelse
En af de mest indflydelsesrige psykologiske teorier inden for UX og interaktionsdesign er Gestalt-teorien. Teorien blev grundlagt af tyske psykologer, og ordet "Gestalt" betyder formular eller form Som navnet antyder, er idéen bag gestaltprincipperne, at mennesker opfatter grupper af genstande som mønstre snarere end individuelle genstande.
Se også: De 7 største stopmotion-øjeblikke gennem tiderneDer findes mange artikler om Gestalt-principperne, men ikke så mange af dem hjælper dig med at forstå, hvordan du kan anvende dem i dit arbejde som UX/UI-designer. Denne artikel vil give dig nogle idéer til, hvordan du kan bruge Gestalt-principperne til at skabe bedre UX- og UI-designs, der hjælper folk med at nå deres mål med mindre besvær.
Loven om lighed
Lighedsprincippet siger, at når objekter er fysisk ens, har vi en tendens til at gruppere dem sammen og antager, at de har den samme funktionalitet På billedet nedenfor er det f.eks. ret nemt at skelne den linje, der indeholder bordeauxrøde cirkler, fra resten af billedet på grund af dens anderledes farve.
Et eksempel på princippet om lighed. Foto af forfatteren.
Brug af lighed i UX- og UI-design
Lad os forestille os, at din virksomhed har udviklet en app kaldet "Il Mio Chef'', som bruges af italienske madelskere i hele USA og Canada (vi bruger den i resten af denne artikel). I en nylig rapport, som din UX-researcher har givet dig, står der, at når det drejer sig om at bestille italiensk mad, er brugerne mest interesseret i, hvilke restauranter der ligger tættest på dem. Vi vil jo alle gerne have voreslasagne eller pizza leveret, mens den stadig er frisk og varm, ville vi ikke?
For at gøre det nemt for vores app-brugere at se, hvilke restauranter der ligger tættest på dem, kan vi bruge princippet om lighed ved at fremhæve disse restauranter i brugergrænsefladen. På billedet nedenfor kan du se, hvordan det gør en stor forskel at fremhæve disse muligheder med gult (til højre) ved visuelt at understrege forskellen mellem de nærmeste restauranter og dem, der ligger længere væk. Sådan kan dukan bruge princippet om lighed til at hjælpe dine brugere med hurtigt at finde det, de søger.
Ved hjælp af Gestaltprincippet om lighed. Billede af forfatteren.
Se også: Guide til håndskrift for begyndereLoven om nærhed
Princippet om nærhed fastslår, at genstande, der befinder sig tæt på hinanden synes at være mere relateret F.eks. har det første og det andet billede samme antal cirkler, men i det andet billede er visse kolonner tættere på hinanden og giver indtryk af at have tre forskellige grupper i stedet for én stor gruppe.
Nærhed - eksempel 1 - en stor gruppe. Billede af forfatteren.
Nærhed - eksempel 2 - tre forskellige grupper. Billede af forfatteren.
Brug af nærhed i UX- og UI-design
Lad os tage et eksempel fra området informationsvisualisering.
Lad os denne gang forestille os, at du er en leder, der ønsker at se, hvordan din app "Il Mio Chef" klarer sig. Du ønsker at se på KPI'er, der måler den finansielle præstation, brugerengagement og tilfredshed. I første omgang skaber din specialist i informationsvisualisering nedenstående dashboard, der får dig og alle de andre ledere til at fortabe sig i tallene og stille endnu flere spørgsmål. Efter en måned er mange af jerbare holde op med at bruge dette instrumentbræt helt og holdent.
KPI dashboard - Il Mio Chef. Billede af forfatteren.
På dette tidspunkt går du tilbage til din specialist i informationsvisualisering og beder hende om at gøre det nemmere for folk at forstå det store billede ved at redesigne dashboardet. Princippet om nærhed er praktisk i dette tilfælde, og du kan se det nye design nedenfor. Det indeholder tre grupper opdelt efter typen af KPI, og det hjælper alle med at forstå, hvordan appen klarer sig økonomiskVed at gruppere objekter og bruge mere hvidt mellemrum mellem grupperne kan du hjælpe dine brugere til at fordøje informationerne hurtigere.
Brug af gestaltprincippet om nærhed i design af instrumentbrætter. Billede af forfatteren.
Loven om kontinuitet
Princippet om kontinuitet siger, at når øjet begynder at følge et objekt, vil det fortsætte med at følge "bevægelsen" i den retning, indtil det støder på et andet objekt. Denne bevægelse hjælper os med at opfatte objektet som en del af den samme vej, som vi skal gå for at finde information. Billedet nedenfor viser, hvordan vi kan bruge princippet om kontinuitet til at skabe sådanne visuelle mønstre, der guider øjetøjet i en bestemt retning.
Et eksempel på princippet om kontinuitet. Billede af forfatteren.
Brug af kontinuitet i UX- og UI-design
Din UX-researcher har præsenteret en ny rapport, der viser, at brugernes vigtigste motivation for at bruge appen "Il Mio Chef" er madudforskning, da den giver dem adgang til nye italienske restauranter hver uge. Du ser på den måling, der viser, hvor mange gange folk stryger gennem deres valgmuligheder med det nuværende UI-design i billedet nedenfor (venstre side), og ser, at de aldrig stryger mere end to gange pågennemsnit for at se, hvilke muligheder der er til rådighed for dem.
Ved at bruge princippet om kontinuitet (højre side på billedet nedenfor) hjalp din UX-designer med at øge dette antal til ca. 10 swipes i gennemsnit. Hvordan skete det? Ved at skjule en del af billedet og fremhæve det faktum, at man skal swipe til venstre eller højre for at se, hvad der er derinde, blev brugernes øjne guidet til bogstaveligt talt at skabe "swipe"-bevægelsen og blev mere motiveret til at udforske flere restauranter ogDet er noget, som det tidligere design slet ikke motiverede dig til at gøre, selv om du i forvejen er motiveret til at gøre det.
Brug af Gestalt-princippet om kontinuitet i UX/UI-design. Billede af forfatteren.
For at opsummere Hvis du bruger de Gestalt-principper, der er præsenteret i denne artikel, i dit UX- og UI-design, kan det hjælpe dine brugere med at finde information hurtigere og bedre at fordøje den. Desuden kan det øge deres tilfredshed med dit produkt ved at motivere dem til at udføre de handlinger, de elsker mest.
Omslaget indeholder illustrationer af Miklos Philips, redigeret i Vectornator.
