# Loi de Fitts : plus grand et plus proche. La pédale de frein est plus grande et plus proche pour réagir vite. La même loi rend vos boutons faciles ou difficiles à atteindre. https://laithjunaidy.com/fr/writing/fitts-law-bigger-and-closer Par Laith Aljunaidy. Publié: 2026-05-28. Dernière mise à jour: 2026-09-22. --- Asseyez-vous dans une voiture et regardez les pédales. Le frein est plus grand que l'accélérateur, un peu plus proche et plus bas pour que le pied le trouve vite. Ce choix n'est pas esthétique. C'est la loi de Fitts, décrite par le psychologue Paul Fitts [en 1954](https://doi.org/10.1037/h0055392). Elle détermine aussi, discrètement, la facilité d'utilisation de votre interface. La loi est simple. Le temps nécessaire pour atteindre une cible dépend de sa distance et de sa taille. Plus proche et plus grande, elle est plus rapide et facile à atteindre. Plus éloignée et plus petite, elle demande davantage de temps et provoque plus d'erreurs. Je m'appuie sur cette règle pour concevoir des interfaces utilisées par plus de deux millions de personnes : elle transforme une impression de facilité en éléments que l'on peut placer et mesurer. Voici comment l'appliquer. ## À retenir - Le temps pour atteindre une cible augmente avec la distance et diminue avec la taille (Fitts, 1954). Les actions importantes doivent être grandes et proches. - Un doigt exige une cible d'au moins 1 by 1 cm (Nielsen Norman Group). Prévoyez 44pt sur les plateformes Apple, 48dp avec Material et 44 pixels CSS pour WCAG 2.5.5. - Placez l'action principale là où la main repose déjà. Sur téléphone, c'est la zone du pouce, en bas, plutôt qu'un lien dans le coin supérieur. - Réduisez et isolez les actions rares ou destructrices pour éviter les appuis regrettables. - Le bord de l'écran arrête le curseur. Une cible qui le touche agit donc comme une cible infiniment grande. Un bouton inférieur pleine largeur est facile à atteindre. ## Qu'est-ce que la loi de Fitts ? Cette loi de 1954 prédit le temps nécessaire pour pointer une cible. Paul Fitts a montré qu'il dépend de deux facteurs : la distance et la taille. Doublez la distance, le mouvement prend plus de temps. Doublez la taille, il en prend moins. Plus proche et plus grand facilite toujours le geste. La pédale de frein matérialise cette loi. Plus grande que l'accélérateur, un peu plus proche et plus basse, elle répond à un besoin immédiat. Vos écrans suivent la même règle. L'action attendue doit être facile à viser. La disposition aide la main ou lui complique la tâche. ## Quelle taille donner à une cible tactile ? Assez grande pour un doigt, ce qui dépasse souvent ce que dessinent les designers. Le [Nielsen Norman Group](https://www.nngroup.com/articles/touch-target-size/) recommande des éléments interactifs d'au moins 1 by 1 cm pour éviter les erreurs d'appui. Une cible plus petite oblige à viser, et c'est là que les appuis échouent. Les plateformes s'accordent sur le principe et donnent des valeurs. | Plateforme | Taille de la cible | Source | | :- | :- | :- | | iOS et iPadOS | 44 × 44 pt, taille de contrôle par défaut | [Recommandations d'interface Apple](https://developer.apple.com/design/human-interface-guidelines/accessibility) | | Android, Material Design | 48 × 48 dp, espacement de 8 dp | [Accessibilité Material Design](https://m2.material.io/design/usability/accessibility.html) | | Web, WCAG 2.5.5 (AAA) | 44 × 44 CSS px | [WCAG 2.1, taille des cibles](https://www.w3.org/WAI/WCAG21/Understanding/target-size.html) | Dans le doute, 44 est un minimum. Agrandissez davantage l'action la plus importante. ## Où placer l'action principale ? Là où la main repose déjà. Sur un téléphone tenu d'une main, c'est la zone du pouce en bas de l'écran. Un petit lien dans le coin supérieur impose d'étirer la main et de plisser les yeux. Placez l'action principale sous le pouce pour la rendre naturellement accessible. C'est pourquoi les barres inférieures, les boutons pleine largeur et les panneaux remontant du bas se sont imposés sur mobile. Ils appliquent la loi de Fitts au pouce. Plus la cible est proche de la main au repos et plus elle est grande, plus l'interface semble aller vers l'utilisateur. ## Et les actions dangereuses ? Rendez-les volontairement plus difficiles à atteindre. La règle fonctionne dans les deux sens, et c'est là que le soin de conception se voit. Supprimer, payer, confirmer définitivement : réduisez ces actions, isolez-les et ajoutez un peu de distance pour éviter qu'un appui distrait ne crée un problème à réparer. La friction a ici sa place. Un bouton destructeur un peu plus petit et plus éloigné, ou protégé par une seconde étape, coûte une fraction de seconde et évite parfois un désastre. La taille et la distance indiquent ce qui compte et ce qui mérite un temps d'arrêt. ## Pourquoi les bords et les coins sont-ils si pratiques ? Le bord de l'écran arrête le curseur ou le pouce. Impossible de le dépasser. Selon la loi de Fitts, une cible au bord se comporte comme si elle était infiniment grande dans cette direction. On l'atteint facilement, même sans regarder. C'est le principe du bouton qui occupe tout le bas de l'écran ou du menu collé au coin sur ordinateur. Utilisez ces bords. Une action principale fixée en bas du téléphone sur toute la largeur est l'une des cibles les plus faciles à atteindre. Le cadre de l'écran fait la moitié du travail. ## L'audit en deux minutes Inutile de tout repenser. Ouvrez votre produit et trouvez l'action principale. Est-elle la plus grande, la plus proche, la plus facile à atteindre ? Trouvez ensuite l'action la plus destructrice et vérifiez qu'elle ne l'est pas. Si c'est l'inverse, vous savez quoi faire cet après-midi. La taille et la distance indiquent à la main ce qui compte. Bien réglées, elles rendent le produit facile sans que personne sache expliquer pourquoi. Pour appliquer cela à votre projet, dites-moi ce que vous construisez. ## Questions fréquentes ### Qu'est-ce que la loi de Fitts ? Elle établit que le temps pour atteindre une cible dépend de sa distance et de sa taille. Les cibles proches et grandes sont plus rapides et faciles à atteindre. Les actions importantes doivent donc être grandes et accessibles. ### Comment appliquer la loi de Fitts à une interface ? Agrandissez l'action principale et placez-la près de la main, par exemple dans la zone du pouce en bas d'un téléphone. Réduisez et isolez les actions rares ou destructrices pour éviter les appuis accidentels. ### Pourquoi les bords d'écran conviennent-ils aux boutons ? Le bord arrête le curseur ou le pouce. Une cible qui le touche agit comme si elle était infiniment grande dans cette direction. Un bouton sur tout le bord inférieur devient facile à atteindre : la loi de Fitts joue en votre faveur.