La Loi de Fitts : Le Code Scientifique des Interfaces Intuitives
De l'ergonomie des cockpits au design UX mobile
Sommaire
Pourquoi certaines interactions semblent-elles fluides, et d'autres frustrantes ?
Un geste humain n'est jamais instantané. Il est limité par la distance et la difficulté à viser. La réponse à cette frustration se trouve dans une loi de la psychologie humaine vieille de 70 ans.
Frustrant
Supprimer le compte ?
Êtes-vous sûr ?
Un bouton minuscule et éloigné du pouce
Fluide
Un bouton large et accessible au pouce
Sur mobile, un bouton placé en haut de l'écran dans une pop-up force l'utilisateur à un mouvement long et imprécis. Un bouton large, en bas de l'écran, est accessible immédiatement.
1954 : Paul Fitts et la performance du geste humain
L'origine de la loi n'est pas numérique. Le psychologue Paul Fitts étudiait les mouvements humains face à des commandes physiques : leviers, boutons, panneaux de contrôle. L'enjeu était d'optimiser la précision et la rapidité dans des contextes critiques où l'erreur n'était pas permise.
- Aviation et cockpits d'avion
- Équipements militaires
- Contrôles industriels
La science du geste : deux variables qui expliquent tout
La loi prédit le temps nécessaire pour atteindre une cible. Ce temps dépend de deux facteurs clés :
↑ Distance + ↓ Taille = ↑ Temps
Plus la cible est petite et éloignée, plus il faut de temps pour l’atteindre.
Un bouton grand et proche sera toujours sélectionné plus vite et avec moins d'erreurs.
Des leviers aux pixels : la loi qui a conquis le numérique
Dans les années 70/80, des chercheurs (Card, Moran & Newell) ont démontré que la loi s'appliquait parfaitement aux interactions numériques. Elle est devenue un pilier pour l'ergonomie et la psychologie cognitive, l'informatique et les interfaces WIMP (Window, Icon, Menu, Pointer), et l'UX Design moderne.
La loi est pertinente sur toutes les plateformes : Clic (souris) → Toucher (mobile) → Sélection (tablette, TV, VR).
Les questions auxquelles la Loi de Fitts répond chaque jour
La loi permet d'expliquer scientifiquement pourquoi certaines interfaces fonctionnent mieux que d'autres. Elle répond à des questions fondamentales que tout designer se pose.
Règle n°1 : La puissance de la taille et de la proximité
Les boutons importants doivent être grands, car la précision motrice est limitée. Leur position doit réduire la distance à parcourir.
Sur mobile, un bouton placé en bas de l'écran peut être atteint 2x plus vite qu'un bouton équivalent placé en haut.
Règle n°2 : Utilisez les bords de l'écran comme des aimants
Pour un pointeur de souris, les bords et les coins de l'écran sont des cibles de taille "infinie" dans une direction. L'utilisateur ne peut pas les dépasser. Cela les rend extrêmement rapides à acquérir. C'est pourquoi les éléments placés sur les bords sont si efficaces.
- Menu principal (macOS)
- Bouton Démarrer (Windows)
- Barre des tâches / Dock
Règle n°3 : Concevoir pour le pouce en mobile
La 'thumb zone' n'est pas une simple recommandation, c'est une application directe de la Loi de Fitts. Les actions placées dans l'arc naturel du pouce minimisent la distance (D) et la friction motrice.
Apple et Google recommandent une taille de cible tactile minimale de 44×44 px pour garantir l’accessibilité.
Pour garantir une sélection facile et limiter les erreurs, les zones cliquables doivent être élargies. Les standards recommandent une taille minimale de 44px.
Réduire la friction dans les formulaires et les listes
Chaque déplacement inutile entre deux actions ajoute de la friction. La Loi de Fitts nous incite à regrouper les actions liées pour minimiser les "sauts".
Formulaires : Placer les labels au-dessus des champs (pas à côté) pour un parcours vertical direct et rapide.
Listes : Utiliser des zones cliquables larges (>44px) et bien espacées pour éviter les erreurs d'appui.
Testez la Loi de Fitts
Expérimentez par vous-même la relation entre taille, distance et temps.
Testez la Loi de Fitts
Cliquez sur les cibles le plus vite possible
Vous allez cliquer sur 3 cibles de tailles et distances differentes. Votre temps de reaction sera mesure pour chaque essai. Pret ?
Une loi puissante, mais pas une baguette magique
La Loi de Fitts est un outil brillant pour prédire l'effort moteur et optimiser l'ergonomie physique d'une interface. Mais le mouvement n'est qu'une partie infime de l'expérience utilisateur. Pour atteindre la maîtrise, il faut comprendre ce que la loi ne mesure PAS.
L'iceberg de l'UX : Ce que Fitts ne mesure pas
La Loi de Fitts ne mesure QUE le mouvement physique. Elle ignore des facteurs clés comme la compréhension, la motivation, la hiérarchie visuelle, le contexte d'usage, la lisibilité et les émotions.
MOUVEMENT (Loi de Fitts)
COMPRÉHENSION
MOTIVATION
HIÉRARCHIE VISUELLE
CONTEXTE D’USAGE
LISIBILITÉ, ÉMOTIONS…
Le contexte d'usage change toutes les distances
La loi de Fitts a été établie dans un contexte de "laboratoire". Or, les utilisateurs réels ne sont pas dans des conditions idéales.
- Ils tiennent leur téléphone d'une seule main.
- Ils sont en mouvement (dans les transports, en marchant).
- La posture change constamment, et donc la distance réelle du pouce.
- L'environnement (luminosité, distractions) a un impact.
Savoir quand plier les règles pour un meilleur design
L'application de la Loi de Fitts doit être nuancée. Parfois, d'autres principes prennent le dessus.
Hiérarchie Visuelle : Si tous les boutons sont grands et proches, rien n'est prioritaire. Une interface efficace utilise la taille et la distance pour guider l'attention.
Motivation : La motivation de l'utilisateur peut largement compenser la distance. Un client très motivé traversera tout l'écran pour cliquer sur 'Acheter'.
Pour les chemins étroits (menus déroulants, sliders), la Steering Law est une loi complémentaire qui mesure mieux la difficulté.
Fitts est un point de départ. L'utilisateur est la destination.
La Loi de Fitts fournit un cadre scientifique pour comprendre la difficulté physique d'une interaction. Elle explique pourquoi certaines interfaces sont plus ergonomiques que d'autres. C'est une loi à intégrer avec nuance. Elle doit être équilibrée avec la psychologie utilisateur, la hiérarchie visuelle, les objectifs business et le contexte d'usage.
Utilisez la Loi de Fitts pour construire des fondations solides et scientifiquement justifiées. Mais validez toujours vos choix avec des tests utilisateurs, car ils sont la seule vérité absolue.
Sources & Références
- [1]Fitts, P.M. (1954). The information capacity of the human motor system in controlling the amplitude of movement. Journal of Experimental Psychology, 47(6), 381-391.
- [2]MacKenzie, I.S. (1992). Fitts' law as a research and design tool in human-computer interaction. Human-Computer Interaction, 7(1), 91-139.
- [3]Card, S.K., Moran, T.P., & Newell, A. (1983). The Psychology of Human-Computer Interaction. Lawrence Erlbaum Associates.
- [4]Accot, J. & Zhai, S. (1997). Beyond Fitts' Law: Models for Trajectory-Based HCI Tasks. CHI '97.
- [5]Apple Human Interface Guidelines — Touch target sizes (minimum 44pt).
- [6]Material Design — Touch targets (minimum 48dp).
- [7]WCAG 2.1 — Success Criterion 2.5.5: Target Size (minimum 44×44 CSS pixels).