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.

Essensen kort fortalt

Law of Similarity – et centralt gestaltprincip – beskriver, hvordan mennesker grupperer information baseret på visuelle fællestræk som form, farve, størrelse, typografi eller ikonografi. Når elementer ser ens ud, tolker vi dem som relaterede – uanset deres reelle funktion eller placering.

I brugergrænseflader fungerer dette som en automatisk fortolkningsmekanisme: Vi antager, at ens knapper gør det samme, at ens overskrifter tilhører samme niveau, og at ens ikoner signalerer ens type funktion. Derfor bliver visuel konsistens en nøglefaktor i både forståelse og tillid.

Når design bryder med denne logik – fx hvis to ens udseende knapper har forskellig funktion – opstår fejlklik, usikkerhed og faldende brugerkontrol. For virksomheder med komplekse produkter eller mange brugerroller er dette særligt kritisk, da systemets kompleksitet skal understøttes af intuitiv visuel afkodning.

Law of Similarity er ikke kun et princip for UI-design, men et strategisk greb til at opbygge brugermønstre, reducere læringskurve og styrke systemets anvendelighed.

Anvendt i praksis

Effektiv brug af Law of Similarity handler om at bruge visuelle ligheder bevidst – og konsekvent. Det kræver en visuel logik, hvor lighed altid betyder relation.

Praktiske designprincipper:

  • Typografisk systematik: Overskrifter, labels og hjælpeinformation bør bruge konsistent stil for at signalere hierarki og funktion.

  • Knappers visuelle adfærd: Primary og secondary actions bør være klart differentieret. Hvis de ligner hinanden, antager brugeren ens betydning.

  • Farvekodning: Brug farver konsekvent på tværs af interaktionstyper (fx blå til links, grøn til bekræftelser) for at understøtte handlingsforventning.

  • Ikoner og symboler: Samme ikon bør ikke bruges til forskellige funktioner – og forskellige ikoner bør ikke betyde det samme.

  • Kortkomponenter og gentagende mønstre: Hvis en komponent bruges flere steder (fx produktkort, datablokke eller rolleoversigter), bør struktur og design være genkendeligt.

Brud på Law of Similarity er ikke nødvendigvis forkert – men kræver forklaring, tydelig signalering og visuel forankring. Ellers skaber det ubevidst friktion i brugerens mentale model.

Når lighed bruges rigtigt, er det ikke bare æstetik – det er navigation, forventningsstyring og semantik.

Kilde

Wertheimer, M. (1923). Untersuchungen zur Lehre von der Gestalt II. Psychologische Forschung.
→ Et af de tidligste værker, der beskriver hvordan mennesker grupperer og fortolker visuel information ud fra lighedsprincipper.

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