Skip to content Skip to footer

Er dit website Fitt?

Design handler om mange ting og det er ikke udelukkende form og farver det hele.
Der er også bruger design og på websites er dette kendetegnet ved UX eller user experience.
UX er det vigtigste design-mæssige redskab, der er på et website uanset platform.
Til at hjælpe med godt UX bruger man bl.a. Fitts’ Law.

Psykolog Paul Fitts

I 1954 viste psykolog Paul Fitts, der undersøgte det menneskelige motoriske system, at den tid, det tager at bevæge sig til et mål, afhænger af afstanden til det, men forholder sig omvendt til dets størrelse. Ifølge hans lov resulterer hurtige bevægelser og små mål i større fejlprocenter på grund af hastighed-nøjagtighed-afvejningen. Selvom der findes flere varianter af Fitts lov, omfatter alle denne idé. Fitts’ lov anvendes i vid udstrækning i design af brugeroplevelse (UX) og brugergrænseflade (UI). For eksempel påvirkede denne lov konventionen om at gøre interaktive knapper store (især på fingerbetjente mobile enheder) – mindre knapper er sværere (og tidskrævende) at klikke på. Ligeledes bør afstanden mellem en brugers opgave/opmærksomhedsområde og den opgaverelaterede knap holdes så kort som muligt.

Hvad er det i praksis?

For at forklare betydningen bedre ved hjælp af design kommer her nogle eksempler der kan gavne dit website.

Bremsepedalen

grafarazzo-fitts-law-2-min

På en bil er bremsepedalen større end speederen, da man hurtigt skal kunne ramme den med foden i forbindelse med et pludseligt stop. Det kan være en nedbremsning foran, et dyr, der springer ud på kørebanen eller andet der gør at man pludselig skal stoppe.

Keyboard – tastatur

grafarazzo-fitts-law-3-min

Det samme gælder for et tastatur her er de mest brugte taster større end de andre. Spacebar sidder i midten – størst og tættest på dig, da det er den der bruges mest. Andre taster der bruges hyppigt er return og shift.

Det var nogle eksempler og Fitts havde selvfølgelig også en formel, der kunne udregne denne lov.
Udregningen viser at det er hurtigere at ramme et større område tættere på dig end et lille område længere fra dig.

Fitts formel

grafarazzo-fitts-law-1-min

Derfor bør dine CTA – call to action knapper på dit website være store og tæt på.

User Experience

UX, som det kan tage sig ud.

grafarazzo-fitts-law-5-min
grafarazzo-fitts-law-4-min

Her er de vigtigste pointers for godt UX på din hjemmeside.

  • Dine vigtige knapper skal være store og tæt på.
  • Luft imellem knapperne specielt på mobileenheder.
  • Brug sætninger – i stedet for én stavelses hyperlinks.
  • Placer de vigtige knapper nederst til højre på mobileenheder – tæt på tommelfingeren.

Ønsker du et kig på, hvad jeg kan gøre for dit brand. Så tag kontakt på mail: th@grafarazzo.dk

Hop til top