Loi 01/30 · Paul Fitts · 1954
Loi de Fitts
Le temps pour atteindre une cible dépend de sa distance et de sa taille : plus c'est loin et petit, plus c'est lent — et raté.
Pourquoi le bouton d'achat est-il si gros, et pourquoi la barre de menus du Mac colle-t-elle au bord de l'écran ? Parce qu'une équation de 1954, née dans les cockpits de l'aviation américaine, prédit le temps qu'il faut pour atteindre une cible. Pour la conversion, elle décide en silence du sort de chaque appel à l'action.
01 · L'origine
Pendant et après la Seconde Guerre mondiale, le psychologue américain Paul Fitts analyse pour l'armée de l'air les erreurs de pilotage : des accidents attribués non aux hommes mais aux commandes mal placées des cockpits. De cette psychologie aéronautique naît, en 1954, un article du Journal of Experimental Psychology — « The information capacity of the human motor system » — où Fitts applique au geste humain la toute jeune théorie de l'information de Claude Shannon. Le mouvement y devient une transmission de signal : atteindre une cible, c'est traiter une quantité de bits déterminée par sa distance et sa largeur.
La loi quitte les laboratoires quand l'informatique personnelle s'invente. À la fin des années 1970, les chercheurs du Xerox PARC s'en servent pour comparer les dispositifs de pointage — la souris l'emporte, et l'équation de Fitts contribue à en faire le standard. Elle inspire ensuite les choix fondateurs des interfaces graphiques : barre de menus collée au bord de l'écran chez Apple, bouton Démarrer logé dans un coin chez Microsoft. En 2002, la norme ISO 9241 l'adopte comme méthode d'évaluation des dispositifs de pointage. Trente ans avant le smartphone, une équation née des cockpits dessinait déjà nos écrans.
02 · Ce que dit la recherche
Le protocole original de 1954 est d'une sobriété exemplaire : un stylet, deux plaques métalliques, et des sujets qui tapent alternativement de l'une à l'autre — le « reciprocal tapping » — pendant que Fitts fait varier distance et largeur des cibles. Il en tire un indice de difficulté mesuré en bits, ID = log₂(2D/W), et une loi : le temps de mouvement croît linéairement avec cet indice, MT = a + b·ID. La robustesse du modèle est spectaculaire : il prédit le pointage à la main, au pied, à la tête, jusqu'à la lèvre inférieure — et reste valide sous l'eau.
Le modèle a été raffiné plutôt que contesté. En 1968, Welford sépare les effets de la distance et de la largeur ; en 1992, Scott MacKenzie propose la formulation dite « Shannon », ID = log₂(D/W + 1), devenue le standard de la recherche en interaction homme-machine puis de la norme ISO 9241. La principale nuance est venue du tactile : une étude présentée à CHI 2015 par Daniel Avrahami montre que sur écran tactile, les cibles placées aux bords demandent plus de temps — les « bords magiques » du desktop s'inversent, et le centre de l'écran devient la zone la plus rapide et la plus précise.
« Plus la cible est grande, plus le temps de mouvement pour l'atteindre est court. »
03 · Trois exemples concrets
a.
La barre de menus du Macintosh
Depuis 1984, macOS colle sa barre de menus au bord supérieur de l'écran, quand Windows la place dans chaque fenêtre. Ce n'est pas un caprice esthétique : un bord d'écran arrête le curseur, ce qui donne à la cible une profondeur virtuellement infinie — impossible de la dépasser, on peut y lancer la souris sans viser. Même logique pour le bouton Démarrer de Windows, niché dans un coin, à l'intersection de deux bords : la cible la plus rapide de tout l'écran.
b.
44 points : le standard tactile d'Apple et de Google
Les guides d'interface d'Apple imposent des cibles tactiles d'au moins 44 × 44 points ; le Material Design de Google exige 48 × 48 dp, soit environ 9 mm sous le doigt. Ces seuils sont de la loi de Fitts appliquée à l'industrie : en dessous, le taux d'erreur grimpe et chaque tap raté coûte une reprise. C'est aussi pourquoi les barres d'onglets ont migré vers le bas des écrans de smartphone, dans la zone naturelle du pouce, au plus près du point de départ du geste.
c.
Le bouton au bout du formulaire
Le Nielsen Norman Group en tire des règles très concrètes pour la conversion : le bouton de validation doit se trouver immédiatement sous le dernier champ du formulaire, pas à l'autre bout de la page ; une icône accompagnée de son libellé forme une cible plus large que l'icône seule, donc plus vite atteinte ; et le menu contextuel — qui s'ouvre sous le curseur, à distance quasi nulle — reste l'interaction la plus rapide jamais conçue pour la souris.
04 · Appliquée sur ce site
Toutes les cibles tactiles de ce site font au moins 24 px (44 px pour le menu mobile), et le bouton Réserver vit à portée de pouce.
05 · À l'ère de l'IA
Les interfaces conversationnelles semblent abolir le pointage — on parle, on tape, on ne vise plus. En réalité, la loi de Fitts s'y réinvente : les puces de suggestion et boutons de réponse rapide qui parsèment ChatGPT, WhatsApp Business ou les chatbots de marque sont des cibles au sens strict, et leur taille comme leur position pèsent sur le taux d'engagement. Pour le marketing conversationnel, l'arbitrage est mesurable : taper une phrase coûte toujours plus cher qu'effleurer un gros bouton bien placé. Les parcours qui convertissent transforment la conversation en série de cibles larges et proches du pouce.
Le risque symétrique est réel : remplacer un appel à l'action limpide par un assistant IA revient à substituer à une cible optimale un champ de saisie libre — l'interaction la plus lente qui soit. À l'inverse, la génération d'interfaces à la volée ouvre une opportunité : adapter dynamiquement la taille et la position des cibles au contexte de l'utilisateur — main dominante, âge, précision du geste —, ce que les réglages d'accessibilité d'iOS et d'Android esquissent déjà. La personnalisation par l'IA peut faire ce que le design statique n'a jamais pu : une cible sur mesure.
06 · À retenir
- Aucune cible tactile sous 44 × 44 points (48 dp sur Android) — surtout pour l'action qui rapporte.
- Rapprochez le bouton d'action du point où l'attention se trouve déjà : dernier champ, zone du pouce.
- Sur desktop, exploitez bords et coins ; sur mobile, inversez — le centre et le bas de l'écran gagnent.
- Associez toujours un libellé à l'icône : la cible s'agrandit sans encombrer.