Dominant billede af logo

Law of Proximity

Elementer der står tæt, opfattes som relaterede. Law of Proximity udnytter vores tendens til at gruppere indhold baseret på fysisk nærhed – ikke kontekst.

Essensen kort fortalt

Law of Proximity er en af de grundlæggende gestaltprincipper inden for visuel perception. Mennesker organiserer automatisk information i grupper, når elementer placeres tæt på hinanden – uanset om de reelt hører sammen eller ej. Det betyder, at fysisk placering i et layout har direkte indflydelse på, hvordan brugeren tolker struktur og relationer.

I digitale løsninger er det afgørende for at skabe forståelse og retning i komplekse brugerflader. Når relaterede elementer placeres tæt sammen, hjælper det brugeren med at afkode funktionelle grupper, forstå hierarki og navigere med større sikkerhed. Det reducerer den mentale indsats og styrker den intuitive brug af systemet.

Omvendt skaber brud på dette princip – fx når funktionelt forbundne knapper eller informationer placeres for langt fra hinanden – oplevet fragmentering, usikkerhed og fejl i interaktion.

Law of Proximity er ikke et spørgsmål om æstetik, men om perception. Den påvirker brugerens evne til at forstå og handle – og dermed også systemets performance og effektivitet.

Anvendt i praksis

Proximity handler ikke kun om afstand, men om forholdet mellem elementer i et system – både visuelt og funktionelt. Designbeslutninger bør træffes ud fra hvilken mening, man ønsker brugeren skal udlede.

Anvendelsesprincipper:

  • Gruppér funktionelle enheder: Relaterede inputfelter, knapper eller datafelter bør placeres fysisk tæt og afgrænses visuelt.

  • Reducer visuel støj: Når elementer er for tæt på hinanden uden logisk relation, opstår forvirring. Brug spacing til at skabe separation.

  • Understøt hierarki: Kombinationen af nærhed, farve og typografi kan bruges til at definere overordnede og underordnede grupper.

  • Forstærk relationer på tværs: I datastrukturer eller dashboards kan gentagen brug af proximity-former styrke genkendelighed og mønstergenkendelse.

  • Responsivt design: I mobile interfaces er proximity ofte afgørende for, om brugeren forstår hvad der hører sammen, når pladsen er begrænset.

Effektiv brug af Law of Proximity kræver præcision i spacing, struktur og visuel balance. For meget luft skaber distance, for lidt skaber sammenblanding. Det kræver en bevidst afvejning mellem æstetik, funktion og adfærdsintention.

Kilde

Wertheimer, M. (1923). Untersuchungen zur Lehre von der Gestalt II. Psychologische Forschung.
→ Grundlagestekst i gestaltpsykologien, hvor Law of Proximity identificeres som et nøgleprincip i menneskets visuelle perception og mønstergenkendelse.

Del opslag

Jesper Pedersen
CDO & Co-founder

Profil billede af Jesper Munk Pedersen fra Dominant

Flere insights, samme retning

Dominant billede af logo

Cognitive Load

Cognitive load er den samlede mentale indsats, brugeren skal yde for at forstå og handle i et system. Godt design reducerer belastning – og øger præcision.
Læs mere
Dominant billede af logo

Working Memory

Working memory er den mentale “arbejdsflade” hvor information bearbejdes midlertidigt. Design bør understøtte den begrænsede kapacitet – ikke overbelaste den.
Læs mere
Dominant billede af logo

Miller’s Law

Mennesker kan fastholde omkring 7 elementer i korttidshukommelsen. Miller’s Law understreger behovet for at begrænse information i interaktioner.
Læs mere
Dominant billede af logo

Law of Similarity

Elementer med ens udseende opfattes som forbundne. Law of Similarity styrer brugerens forventninger til funktion og struktur baseret på visuel lighed.
Læs mere
Dominant billede af logo

Law of Proximity

Elementer der står tæt, opfattes som relaterede. Law of Proximity udnytter vores tendens til at gruppere indhold baseret på fysisk nærhed – ikke kontekst.
Læs mere
Dominant billede af logo

Jakob’s Law

Brugere foretrækker, at dit interface fungerer som de systemer, de allerede kender. Jakob’s Law handler om forventningsstyring – ikke originalitet.
Læs mere
Dominant billede af logo

Hick’s Law

Jo flere valgmuligheder, desto længere tid tager det at beslutte. Hick’s Law beskriver, hvordan beslutningstempo falder, når kompleksiteten i valg øges.
Læs mere
Dominant billede af logo

Doherty Threshold

Når systemet reagerer på under 400 ms, oplever brugeren flow og fremdrift. Doherty Threshold beskriver grænsen, hvor systemrespons understøtter kognitivt momentum.
Læs mere
Dominant billede af logo

Fitts’s Law

Jo tættere og større et mål er, desto hurtigere og mere præcist kan det rammes. Fitts’s Law beskriver forholdet mellem afstand, størrelse og reaktionstid.
Læs mere
Dominant billede af logo

Reinforcement

Forstærkning former adfærd. Positive eller negative reaktioner på brugerens handlinger påvirker, hvad der gentages – og hvad der undgås.
Læs mere
Dominant billede af logo

Personalization

Relevans skaber respons. Personalization handler om at tilpasse indhold, funktioner og interaktioner til brugerens kontekst, behov og adfærd.
Læs mere
Dominant billede af logo

Scarcity

Mangel skaber værdi. Når noget opleves som begrænset, øges motivationen for at handle – uanset om begrænsningen er reel, aktuel eller forventet.
Læs mere
illustration der viser social proof og social influence brugt på en webshop

Social Proof / Social Influence

Vi orienterer os mod andre, når vi er i tvivl. Social proof bruger andres adfærd, tilvalg og vurderinger som rettesnor i beslutningsprocesser.
Læs mere
Dominant billede af logo

Defaults

Standardvalg bliver ofte stående. Defaults former adfærd ved at udnytte vores tendens til at vælge det forudbestemte – uden at fjerne valgfrihed.
Læs mere
Choice architecture illustation der viser hvordan en webshop bruger dette til god effekt.

Choice architecture

Valg opstår ikke i et tomrum. Choice architecture handler om at designe rammerne for beslutninger – og forstå, hvordan struktur former adfærd.
Læs mere
Dominant billede af logo

Nudging (Nudge Theory)

Små designvalg kan forme adfærd uden tvang. Nudging udnytter menneskers beslutningsmønstre til at fremme ønsket handling – uden at begrænse valgfrihed.
Læs mere
Dominant billede af logo

Progressive disclosure

Vis kun det nødvendige i første omgang. Progressive disclosure guider brugeren gennem information i lag og reducerer kompleksitet uden at fjerne funktionalitet.
Læs mere

Book et møde

Hvornår?

Vælg dato