Gestaltprinsipper i UI-Design

Her er Gestalt-prinsippene som kan benyttes i dagens UI-design.

Nærhet

Elementer som er anordnet nær hverandre oppleves som mer beslektede enn de som er plassert lenger fra hverandre. På denne måten blir forskjellige elementer sett på hovedsakelig som en gruppe snarere enn som enkeltelementer.

Hvordan gjelder nærhetsprinsippet for UI-design?

Vi kan bruke nærhetsprinsippet i UI-design for å gruppere lignende informasjon, organisere innhold og rydde i  oppsett. Korrekt bruk vil ha en positiv innvirkning på visuell kommunikasjon og brukeropplevelse.
Som prinsippet sier, skal gjenstander som er relatert til hverandre holde seg nær hverandre, mens de ikke-relaterte gjenstandene skal holde seg lenger fra hverandre.

Hvitt rom spiller en viktig rolle her, da det skaper kontrast som guider brukernes øyne i den tiltenkte retningen. Hvit plass kan øke det visuelle hierarkiet og informasjonsflyten, og bidra i lett å lese og skanne oppsett. Det vil hjelpe brukere med å oppnå målene sine raskere og dykke dypere i innholdet.

Felles område

På samme måte som nærhetsprinsippet, oppfattes elementer plassert i samme område som gruppert.

Likhet

Elementer som deler lignende visuelle egenskaper oppleves å være mer beslektede enn de som ikke deler lignende egenskaper.

Hvordan gjelder likhetsprinsippet for UI-design?

Vi har en tendens til å oppfatte lignende elementer som gruppert eller mønster. Vi tror kanskje at de tjener samme formål. Likhet kan hjelpe oss med å organisere og klassifisere objekter i en gruppe og knytte dem til en spesifikk betydning eller funksjon.

Det er forskjellige måter å designe elementer som oppleves som like, og dermed relatert. Disse inkluderer likhet med farge, størrelse, form, tekstur, dimensjon og orientering; med noen av dem som er sterkere kommunikative enn andre (f.eks. farge> størrelse> form).

Når likhet oppstår, kan et objekt bli vektlagt ved å være forskjellig fra resten; dette kalles ‘Anomaly’ og kan brukes til å skape kontrast eller visuell vekt. Det kan trekke brukerens oppmerksomhet til et spesifikt innhold (fokuspunkt), samtidig som det hjelper med skannbarhet, oppdagbarhet og den totale flyten.

Lukking

En gruppe elementer blir ofte oppfattet som en enkelt gjenkjennelig form eller figur. Lukking skjer også når et objekt er ufullstendig, eller deler av det ikke er lukket.

Hvordan gjelder Lukke-prinsippet for UI-design?

Som lukkingsprinsippet sier, når hjernen blir presentert med riktig mengde informasjon, vil hjernen hoppe til konklusjoner ved å fylle ut hullene og skape en enhetlig helhet. På denne måten kan vi redusere antall elementer som trengs for å kommunisere informasjon, redusere kompleksiteten og gjøre design mer engasjerende.

Lukking kan hjelpe oss med å minimere visuell støy og formidle et budskap, og forsterke et konsept i et ganske lite rom.

Symmetri

Symmetriske elementer har en tendens til å oppleves som om de hører sammen uansett avstand, noe som gir oss en følelse av soliditet og orden

Hvordan gjelder symmetri-prinsippet i UI-design?

Symmetriske elementer er enkle, harmoniske og visuelt behagelige. Våre øyne søker disse egenskapene sammen med orden og stabilitet, for å gi mening til verden. Av denne grunn er Symmetri et nyttig verktøy for å kommunisere informasjon raskt og effektivt. Symmetri føles komfortabel og hjelper oss å fokusere på det som er viktig.

Symmetriske komposisjoner er tilfredsstillende, men de kan også bli litt kjedelige og statiske. Visuell symmetri har en tendens til å være mer dynamisk og interessant. Å legge et asymmetrisk element til et ellers symmetrisk design kan hjelpe med å trekke oppmerksomhet mens du gjør inntrykk; noe nyttig for alle interessante steder eller for eksempel en oppfordring til handling.

Symmetri, sammen med en sunn mengde asymmetri er viktig i ethvert design.

Fortsettelse/kontinuitet

Elementer som er ordnet i en linje eller en myk kurve oppleves å være mer beslektet enn de som er ordnet tilfeldig eller i en tøff linje.

Hvordan gjelder kontinuitetsprinsippet i UI-design?

Element som følger en kontinuerlig linje blir oppfattet som gruppert. Jo jevnere linjesegmenter, jo mer ser vi dem som en enhetlig form; vårt sinn foretrekker den minste motstandens vei. Kontinuitet hjelper oss med å tolke retning og bevegelse gjennom en komposisjon. Det skjer når du justerer elementer, og det kan hjelpe øynene våre til å bevege seg jevnt gjennom siden og hjelpe til med lesbarhet.

Kontinuitetsprinsippet styrker oppfatningen av gruppert informasjon, skaper orden og guider brukere gjennom forskjellige innholdssegmenter. Forstyrrelse av kontinuitet kan signalisere slutten av et avsnitt som vekker oppmerksomhet til et nytt innhold.

Det lineære arrangementet av rader og kolonner er gode eksempler på kontinuitet. Vi kan bruke dem i menyer og undermenyer, lister, produktopplegg, karuseller, tjenester eller prosess / fremdriftsvisninger.

Felles retning

Elementer som beveger seg i samme retning blir oppfattet som mer beslektede enn de som beveger seg i forskjellige retninger, eller som ikke beveger seg i det hele tatt.

Hvordan gjelder Felles retning-prinsippet i UI-design?

Uansett hvor langt fra hverandre elementene er eller hvor forskjellige de kan vises, hvis de beveger seg eller endrer seg sammen, blir de oppfattet som beslektede. Denne effekten kan skje selv når bevegelse er underforstått, av andre visuelle elementer.
Felles retning-prinsippet er mer potent når elementer beveger seg synkronisert; i samme retning og på samme tid og hastighet. Det kan hjelpe med å gruppere relevant informasjon og knytte handlinger til resultater.

Forstyrrelse av en synkronisert bevegelse kan fange brukernes oppmerksomhet og rette den til et bestemt element eller funksjon. Det kan også etablere forhold mellom forskjellige grupper eller stater.

Konklusjon

Brukergrensesnittdesign handler ikke bare om pene piksler og vakker grafikk. Det handler hovedsakelig om kommunikasjon, ytelse og bekvemmelighet. Gestaltprinsipper er alltid gjeldende og hjelper oss med å nå disse målene; å skape en god opplevelse for brukerne og måloppnåelse for bedriften.