De wet van Fitt komt uit de ergonomie. Die wet probeert de tijd
te voorspellen die nodig is om van een startpositie naar een
doelwit te gaan. Die gaat als volgt:
De tijd om een doel te bereiken is een functie van de afstand tot
dat doel, en de afmetingen van dat doel.
De wet wordt gebruikt om muis-bewegingen te meten.
T is de tijd om het doel te bereiken. D is de afstand van het
beginpunt tot het midden van het doel. W is de breedte van het doel
langs de bewegingsas.
Voor de geïnteresseerden: je kan meer uitleg lezen op het
onvolprezen Wikipedia.
Ik ben ervan overtuigd dat deze wet volop kan gebruikt worden in
webdesign. Gebruikers zoeken de kortst mogelijke afstand - ze
willen de T minimaliseren. Webdesigners en grafisch ontwerpers
moeten hiermee rekening houden.
Wat ik me nu afvraag: waarom staan menubalken van websites niet aan
de rechterkant, maar meestal aan de linkerkant ? Je brengt veel
tijd door met je muis aan de scrollbar - dus een rechtermenu lijkt
me logischer, de wet van Fitt in gedachten houdende.
(Trouwens, ik vond deze wet via het prachtige Devil's Details.)
De wet van Fitts in webdesign
, # Webdesign
Meer weten? Advies nodig?
Kom gerust langs voor een kop koffie en een goed gesprek. Wijs geeft strategisch advies, en helpt bij het uitwerken en verbeteren van all things digital.
Tom Vergote
schreef
"Wat ik me nu afvraag: waarom staan menubalken van websites niet aan de rechterkant, maar meestal aan de linkerkant ? Je brengt veel tijd door met je muis aan de scrollbar - dus een rechtermenu lijkt me logischer, de wet van Fitt in gedachten houdende."
Omdat in de wet van Fitt de afstand verwaarloosbaar wordt wanneer de breeddte langs de as oneindig wordt.
Wanneer je naar rechts (kant met scrollbar) moet bewegen moet je op tijd ophouden met bewegen.
Wanneer het menu links staat (en tot tegen de rand) dan mep je gewoon die cursor een heel eind die richting uit en hoef je niet te mikken.
Bart
schreef
Ok - heel goede uitleg.
Dat ik daar zelf niet opgekomen ben...
Edwin Waelbers
schreef
Tom,
En die gebruiker kan zijn cursor niet meppen naar de rechterkant?
Bart heeft immers wel een punt. Nu is het wel zo dat een menu links meer opvalt dan rechts. Maar voor ervaren gebruikers, die de website of de applicatie kennen, maakt het niet zo veel meer uit. Zij hebben meer baat aan zo weinig mogelijk muis-, trackball-, of vinger bewegingen.
Bij een blog staan artikelen meestal in een lineaire verticale vorm onder elkaar. Doorgaans, zijn die artikelen ook iets langer. In zo'n geval zullen veel mensen wel veel scrollen en zal hun cursor zich meer aan de rechterkant bevinden.
Die hebben dus wel voordelen bij een menu aan de rechterkant.
Maar nu dat veel muizen een scroll-wiel hebben kan je dat voordeel wel gaan verwaarlozen.
Zoals ik al zei, valt een menu links iets meer op. Dat wil zeggen, dat zijn prioriteit ook iets stijgt dan wanneer deze rechts zou staan. Een linker menu trekt dan iets meer de aandacht weg van de eigenlijke content die doorgaans in het midden staat.
Als je de wet van Fitts echt goed wil benutten, dan zou men de hoogte van menu items wel wat mogen vergroten.
Bij lineaire menu's is de beweging immers verticaal. Dat is het variabel W in de wet van Fitts. Afhankelijk van de bewegingsrichting (horizontaal of verticaal) staat W voor de breedte of hoogte van het doel object (link, icoon, etc...).
Conclusie:
Laat de plaatsing van je menu afhangen naar gelang het type site en gebruikersprofiel (bestaat je site vooral uit terugkerende bezoekers of niet).
Meer over het toepassen van de wet van Fitts kan je hier vinden:
http://usability-vlaanderen.blogspot.com/2010/03/taart-menus-doen-het-beter-dan.html