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.

Essensen kort fortalt

Fitts’s Law er et grundlæggende princip i interaktionsdesign og menneske-maskine-interaktion. Loven kvantificerer forholdet mellem afstand og målstørrelse: Jo længere væk og mindre et mål er, desto længere tid tager det at nå det med præcision.

I praksis betyder det, at brugerens interaktion med digitale elementer – knapper, links, felter – bliver hurtigere og mere intuitiv, når målene er let tilgængelige og tilpas dimensioneret. Det gælder både for mus, touch og andre inputtyper.

Fitts’s Law handler ikke kun om hastighed – det handler om effektivitet og fravær af friktion. I strategiske digitale løsninger kan små interaktionsbeslutninger akkumulere til mærkbare forbedringer i brugbarhed, engagement og gennemførselsrate.

Relevansen stiger, når brugerens opmærksomhed er lav, tidspresset er højt, eller handlingen gentages mange gange. Det gør princippet centralt i alt fra konverteringskritiske flows til højvolumen-brugergrænseflader.

Anvendt i praksis

At designe med Fitts’s Law i tankerne kræver opmærksomhed på to variable: målbar afstand (fra brugerens udgangspunkt til handlingselementet) og størrelsen på det element, der skal aktiveres.

Eksempler på anvendelse:

  • Primære CTA’er: Call-to-action-knapper skal være lette at ramme – både fysisk og visuelt. For små klikmål fører til fejl og tøven.

  • Navigation i hjørner eller kanter: Skærmhjørner kræver minimal præcision, hvilket gør dem velegnede til ofte brugte funktioner.

  • Touchinterfaces: Brugervenligheden på mobile enheder afhænger i høj grad af elementers størrelser og placering – især for tommelfingerinteraktion.

  • Gentagne interaktioner: Hvis en handling gentages ofte (fx “Gem”, “Næste”, “Upload”), bør den placeres tættere på brugerens fokuspunkt.

  • Formulardesign: Afstanden mellem inputfelter og relaterede actions (fx “Bekræft” eller “Gå videre”) bør minimeres.

Designmæssigt bør funktionelle elementer prioriteres både visuelt og placeringsmæssigt. Samtidig skal layout ikke kompromittere æstetik eller balance – men bevidst optimere for tilgængelighed og reaktionstid.

Fitts’s Law fungerer bedst i samspil med andre principper, herunder Cognitive Load og Hick’s Law. Samlet skaber de en ramme for interaktionsdesign, hvor præcision, tempo og enkelhed understøtter brugerens adfærd og systemets performance.

Kilde

Fitts, P. M. (1954). The information capacity of the human motor system in controlling the amplitude of movement. Journal of Experimental Psychology.
→ Introducerede det matematiske forhold mellem bevægelsesafstand, målstørrelse og reaktionstid – et fundament i moderne interaktionsdesign.

Del opslag

Jesper Pedersen
CDO & Co-founder

Profil billede af Jesper Munk Pedersen fra Dominant

Casper Thomsen
CTO & Co-founder

Profil billede af Casper Depli Thomsen 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