Fitts’s law er en af de mest fundamentale, vigtigste, samt sund fornuft design love. Dog bliver den ofte helt eller delvist overset, når der bliver designet til digitale medier. Det er ikke godt for brugervenligheden og det er heller ikke godt for afsender, som mister leads og konverteringer når vi ikke overholder Fitts’s law.
I digital design bruge vi Fitts’s law til at sikre, at elementer som knapper, input bokse, hyperlinks og lignende, som vi gerne vil have brugeren til at interagere med, er så nemme at ramme som muligt. Det gør vi ved, at placerer elementerne så tæt på der hvor vi formoder brugerne har deres mus/finger og samtidig sikre, at elementerne har en størrelse, så de er nemme at ramme.
"Fitts’s lov siger, at den tid, det kræves for en person at flytte en pointer til et målområde, er en funktion af afstanden til målet divideret med målets størrelse."
Paul M. Fitts (til højre) ombord på et fragtfly under et luftbåret eksperiment i slutningen af 1940’erne, mens han tjente som oberstløjtnant i luftvåbnet.
Den hurtigste bevægelse er ikke at bevæge musen, men blot trykke på sekundær klik / højreklik. Det er den absolut hurtigste måde for brugerne at interagere med vores digitale systemer.
Højreklik bruges flittigt i apps til computere, herfra kan vi få lov til at kopiere indhold og sætte ind igen og mange andre opgaver, som vi tit bruger.
De fire sider på skærmen er fire store mål. De er meget brede og højden er mere eller mindre uendelige, så de er super nemme at ramme.
Fordel: Brugerne kan med musen accelererer mod kanten af skærmen uden frygt for at “overskyde målet”. Det er derfor både Mac og PC har deres menu bar i toppen og Dock (programmer) i bunden af skærmen. Vi kan næste ikke ramme ved siden af disse områder.
Hurtig Fitts – er de fire sider på skærmen.
Hurtigere Fitts – er de fire hjørner på skærmen.
Ja, der er områder der er endnu hurtige at ramme, end kanterne af skærmen – de 4 hjørner på skærmen, dem kan du næsten ramme med lukkede øjne, prøv lige.
Et godt eksempel er “Ny Note” funktion, der kom med Apples styresystem macOS Monterey (efteråret 2021), hvor man bare skal trække musen ned i højre hjørne og trykke, så starter man en ny note op.
Det er også derfor Windows har placeret deres “Start” menu i nederste venstre hjørne – det er næsten umuligt at ramme forbi.
Men sider og hjørner er specielle, dem kan vi ikke bruge på tablet og mobil.
Fitts’s Law blev ikke lavet med tanke på tablet og mobile telefoner 😔. Paul Fitts designede fly cockpits. Vi kan dog stadig bruger hans lov. Størrelsen på de objekter vi gerne vil have vores brugere til at ramme, er stadig vigtige og det er afstanden også.
At ramme et mål kræver først, at man ser målet. Hvis målet er placeret rigtigt, ser brugerne allerede på det og så er det nemt at ramme for dem, det gælder også på håndholdte enheder.
49% af alle brugere, holder deres mobil i en hånd, når de betjener den, kilde UX-Matters. Derfor er det også fornuftigt, at flytte den/de primære funktioner, som for eksempel den primære menu, ned på siden, så det bliver nemt at ramme med tommelfingeren, i stedet for at have den stående helt oppe i toppen af skærmen, hvor den er svær at nå med en tommelfinger.
Billedet viser hvor det er nemmest og mest komfortabelt at bruge tommelfingeren på en mobil telefon, for en højrehåndet person.
Generelt skal vi sørge for at forøge størrelsen på de mål, vi gerne have at vores brugere skal ramme – både højde og bredde.
Vi kan sørge for at placere målene så tæt på brugerens umiddelbare fokus område som designet tillader. For eksempel i en login formular kan vi placere login knappen så tæt på input felterne som muligt, gerne i venstre side, hvor brugeren med stor sikkerhed allerede har deres umiddelbare fokus.
Vil du vide mere om Fitts’s law er du meget velkommen til at kontakt mig på telefon 24 86 40 74 eller mail soren@bjornaa.dk.
Er du stødt på andre ord og begreber inden for UX- og digital design du gerne vil have forklaret, så skriv endelig til mig.
HR-Industries A/S nye website er udviklet sådan at det er brugervenlig både for brugerne af hjemmesiden og for HR-Industries A/S medarbejdere. Sitet blev udviklet på baggrund af data, indsamlet fra brugernes adfærd samt interview med medarbejderne i HR-Industries A/S.
Første steder brugere “falder fra” på hjemmesider, er hvis de ikke kan finde det indhold de søger i menuen. Med Tree Testing kan vi undersøge om jeres menustruktur giver mening for jeres brugere.
Hvad har UX-design, med Eventyret Hans og Grethe at gøre?
UX-design har arvet brødkrummen fra Hans og Grethe. Læs om brødkrummens betydning for webdesign her.
Neumorphism, eller “ny-skeuomorphism”, er de seneste år blevet mere udbredt inden for UI-design. Den har sine rødder i den klassiske skeuomorfisme, som forsøgte at efterligne fysiske objekter i digitale grænseflader, går Neumorphism et skridt videre. Det anvender subtile skygge- og lyseffekter for at skabe en blød, næsten taktil brugeroplevelse, der
Tilmeld dig mit nyhedsbrev. Nyhedsbrevet vil indeholde viden om digital design og UX- og UI-Design, samt nyheder.
Tilmeld dig mit nyhedsbrev. Nyhedsbrevet vil indeholde viden om digital design og UX- og UI-Design, samt nyheder.