La loi de Fitts est un modèle de psychologie expérimentale selon lequel le temps nécessaire pour atteindre une cible croît avec la distance à parcourir et diminue quand la taille de cette cible augmente.
Le psychologue Paul M. Fitts l’a publiée en 1954 dans le Journal of Experimental Psychology, à partir de tâches de pointage répétées. Il y définit un indice de difficulté exprimé en bits : le logarithme en base 2 du double de la distance divisé par la largeur de la cible. Le temps de mouvement est une fonction linéaire de cet indice : T = a + b × ID. Les constantes a et b s’estiment par expérience, pour un dispositif et une population donnés. En interaction humain-machine, I. Scott MacKenzie (Human-Computer Interaction, 1992) privilégie la formulation dite de Shannon, qu’il juge mieux fondée et un peu plus prédictive : ID = log2(D/L + 1), où D est la distance et L la largeur.
Le modèle repose sur quelques grandeurs. La distance se mesure entre le point de départ et le centre de la cible. La largeur se mesure dans l’axe du mouvement. L’indice de performance, exprimé en bits par seconde, traduit le débit de pointage d’un dispositif : souris, pavé tactile, doigt ou stylet.
La loi de Fitts ne décrit qu’une action de pointage. Elle se distingue de la règle des 3 clics, qui porte sur le nombre d’étapes d’un parcours, et de l’affordance, qui concerne la capacité d’un élément à signaler qu’il est actionnable. Elle sert de référence en ergonomie web et dans la conception d’IHM pour dimensionner et placer boutons, menus et zones cliquables.
La loi de Fitts répond à une seule question : combien de temps faut-il pour atteindre une cible déjà choisie ? Elle ne dit rien du temps de lecture, de recherche ou de décision qui précède le geste. C’est sa force et sa limite. Elle permet de comparer deux placements d’un même bouton. Elle ne permet pas de savoir si l’utilisateur cherchera ce bouton au bon endroit.
Les constantes du modèle varient fortement selon le dispositif et la tâche. Dans les études recensées par MacKenzie (Human-Computer Interaction, 1992), l’indice de performance se situe le plus souvent entre 3 et 12 bits par seconde. Un résultat obtenu à la souris ne se transpose donc pas tel quel au doigt sur un écran tactile, où le doigt masque la cible au moment du contact.
Les règles d’accessibilité du W3C traduisent cette préoccupation en exigence. Le critère 2.5.8 des WCAG 2.2, de niveau AA, demande que les cibles de pointage mesurent au moins 24 sur 24 pixels CSS. Des exceptions existent : espacement suffisant autour d’une petite cible, fonction disponible ailleurs sur la page, lien dans une phrase, contrôle laissé au navigateur, présentation essentielle. Le W3C justifie ce critère par les difficultés motrices des utilisateurs, sans citer Fitts. Pour l’accessibilité d’un site web, ce seuil est un plancher, pas une cible de conception.
Nous recommandons de mesurer deux grandeurs ensemble : le temps jusqu’à l’action et la part de clics manqués à proximité de la cible. Un test utilisateur chronométré les fournit sur une tâche précise. Une heatmap des clics révèle les zones trop petites ou trop proches les unes des autres. Gagner du temps au prix de plus d’erreurs n’est pas un progrès.
Advalians défend vos intérêts de maître d’ouvrage sur votre projet de site : besoin formalisé, prestataires choisis sur des critères explicites, budget tenu et usage réellement mesuré.
Advalians, cabinet de conseil indépendant en marketing et communication, vous aide à clarifier vos choix et à décider.
La loi de Fitts mesure le coût d’un seul geste de pointage, la règle des 3 clics compte le nombre d’étapes d’un parcours. La première est un modèle expérimental publié en 1954 et reproduit depuis par de nombreuses études. La seconde est une règle empirique de conception, sans fondement de même nature.
En pratique, elles se complètent. Utilisez la règle des 3 clics pour juger la profondeur de votre arborescence. Utilisez la loi de Fitts pour juger, à chaque étape, si la cible est assez grande et assez proche. Un parcours court avec des cibles minuscules reste pénible.
Donnez au bouton principal la plus grande zone cliquable de son bloc et placez-le près de l’endroit où l’utilisateur termine sa lecture. Nous recommandons ce placement car il limite la distance à parcourir depuis la zone que le visiteur vient de consulter ; vérifiez-le par un test sur votre propre page.
Vérifiez ensuite sur mobile : la position confortable pour le pouce diffère de celle de la souris.
Chronométrez des tâches de pointage réelles et relevez les clics manqués. Le temps seul ne suffit pas : un bouton atteint vite mais souvent raté est mal dimensionné.
Procédez en trois temps. Listez les cinq actions les plus fréquentes de l’écran. Mesurez pour chacune la distance depuis la position habituelle du pointeur et la largeur réelle de la zone active. Comparez ensuite deux versions avec un test A/B ou un test modéré, en suivant le temps jusqu’au clic et le taux d’erreur. Une carte des clics complète l’analyse en montrant les clics tombés juste à côté des cibles.
L’erreur la plus courante est de la traiter comme une règle de priorité. La loi indique comment rendre une action rapide à atteindre. Elle ne dit pas quelle action mérite de l’être : cette décision relève de vos objectifs et des besoins des utilisateurs.
Deuxième erreur : transposer des résultats obtenus à la souris sur un écran tactile, où le doigt masque la cible. Troisième erreur : mesurer l’icône visible et non la zone cliquable. Corrigez ces biais en documentant, pour chaque cible clé, sa zone active réelle et le dispositif concerné.
Elle ne suffit plus dès que le temps de recherche ou de décision dépasse le temps du geste. C’est le cas d’un menu long, d’un formulaire complexe ou d’une page dense en options.
Utilisez-la pour dimensionner et placer des cibles déjà identifiées : boutons d’action, contrôles de formulaire, éléments de navigation. Renoncez à en faire votre critère principal lorsque l’utilisateur doit d’abord comprendre où aller. Dans ce cas, travaillez l’arborescence et les libellés, puis revenez à la loi de Fitts pour affiner les détails.
Modèles, grilles et guides prêts à l’emploi pour vos projets marketing et communication.
