Les Lois de l’UX : Loi de Fitts et Loi de Hick Expliquées Simplement

Découvrez la loi de Fitts et la loi de Hick, deux principes fondamentaux de l’UX qui expliquent pourquoi certaines interfaces sont plus faciles à utiliser.

Partager sur Linkedin Partager sur WhatsApp

Temps de lecture estimé : 6 minutes

Image de l'article Les Lois de l’UX : Loi de Fitts et Loi de Hick Expliquées Simplement

Pourquoi certains boutons sont-ils faciles à cliquer et d’autres frustrants ? Pourquoi un menu avec trop d’options nous fait-il hésiter plus longtemps ? Ces questions, très concrètes pour quiconque conçoit des interfaces, trouvent une partie de leur réponse dans deux principes fondamentaux de l’expérience utilisateur (UX) : la loi de Fitts et la loi de Hick. Ce sont deux des lois les plus citées en design d’interface, car elles s’appuient sur des principes issus de la psychologie expérimentale plutôt que sur de simples intuitions esthétiques.

La loi de Fitts : la taille et la distance comptent

Formulée par le psychologue Paul Fitts en 1954, cette loi énonce que le temps nécessaire pour atteindre une cible dépend de deux facteurs : la distance à parcourir jusqu’à la cible, et la taille de cette cible. Plus une cible est petite ou éloignée, plus il faut de temps et de précision pour l’atteindre.

Appliquée au design d’interface, cette loi a des conséquences très concrètes :

  • Les boutons importants (comme “Valider” ou “Acheter”) doivent être suffisamment grands pour être cliqués facilement, surtout sur mobile où le doigt est moins précis qu’un curseur de souris ;
  • Les éléments fréquemment utilisés doivent être placés près de l’endroit où se trouve déjà le curseur ou le doigt de l’utilisateur ;
  • Les coins et les bords de l’écran sont, en théorie, des zones “infinies” en taille (on ne peut pas aller plus loin qu’un bord), ce qui explique pourquoi de nombreux systèmes d’exploitation y placent des menus importants.

Un exemple concret de la loi de Fitts

Situation Application de la loi de Fitts
Bouton d’achat sur mobile Doit être large et placé dans une zone facilement atteignable par le pouce
Menu déroulant Les options les plus utilisées sont placées en premier pour réduire la distance de sélection
Barre des tâches en bas de l’écran Profite de l’effet de bord, qui agrandit virtuellement la cible

La loi de Hick : plus de choix, plus de temps de décision

La loi de Hick, formulée dans les années 1950 par les psychologues William Edmund Hick et Ray Hyman, établit que le temps nécessaire pour prendre une décision augmente avec le nombre et la complexité des options proposées. En d’autres termes, plus on donne de choix à quelqu’un, plus cette personne mettra de temps à se décider.

En design d’interface, cela se traduit par une règle simple : limiter le nombre d’options visibles à un moment donné aide l’utilisateur à décider plus rapidement, et donc à se sentir moins submergé.

Comment la loi de Hick s’applique concrètement

  1. Simplifier les menus de navigation en regroupant les options par catégories plutôt que d’afficher toutes les pages possibles d’un coup ;
  2. Utiliser des étapes progressives dans les formulaires longs, plutôt que de tout demander sur un seul écran ;
  3. Mettre en avant une action principale (comme un bouton d’appel à l’action) plutôt que de proposer dix boutons de même importance visuelle ;
  4. Regrouper les options similaires pour réduire la charge cognitive perçue, même si le nombre total d’options reste le même.

Fitts et Hick, deux lois complémentaires

Ces deux lois ne s’opposent pas : elles s’appliquent souvent en même temps sur une même interface. Un menu bien conçu doit à la fois limiter le nombre de choix visibles (loi de Hick) et rendre chaque option facile à cliquer ou à toucher (loi de Fitts). Un designer qui ignore l’une des deux lois peut créer une interface qui semble complète sur le papier, mais frustrante à l’usage réel.

Ce que ces lois ne disent pas

Il est important de noter que ni la loi de Fitts ni la loi de Hick ne remplacent la recherche utilisateur réelle. Ce sont des principes généraux, validés par des expériences en laboratoire, mais chaque produit a son propre contexte, ses propres utilisateurs et ses propres contraintes. Elles servent de guide pour éviter des erreurs évidentes, pas de formule magique garantissant une bonne expérience utilisateur.

Résumé des deux lois

Loi Idée centrale Application typique
Loi de Fitts Le temps pour atteindre une cible dépend de sa taille et de sa distance Agrandir les boutons importants, réduire la distance à parcourir
Loi de Hick Plus il y a d’options, plus la décision prend du temps Simplifier les menus, limiter les choix visibles

Comprendre ces deux lois permet d’expliquer, avec des bases scientifiques solides, pourquoi certaines interfaces semblent naturelles et d’autres laborieuses. Si le design d’interface et l’expérience utilisateur vous intéressent, la Cursa propose des cours dans le domaine de l’art et du design qui permettent d’approfondir ces notions de façon structurée.

RVB ou CMJN : Pourquoi Vos Couleurs Changent entre l’Écran et le Papier

Comprendre la différence entre RVB et CMJN, la notion de gamut et les profils colorimétriques, pour éviter les mauvaises surprises à l’impression.

Les 12 Principes de l’Animation : les Règles qui Donnent Vie au Mouvement

Anticipation, accéléré-ralenti, exagération : découvrez les 12 principes de l’animation et comment les appliquer à vos projets 2D, 3D ou motion design.

J-Cut et L-Cut : Les Transitions Sonores Qui Rendent un Montage Fluide

Découvrez le montage son décalé : ce que sont le J-cut et le L-cut, pourquoi ils fluidifient une séquence et comment les réaliser.

La grille de mise en page : l’outil invisible derrière tout bon design

Colonnes, gouttières, marges : comment une grille structure une mise en page et rend un design cohérent et lisible.

JPEG, PNG, SVG ou WebP : Quel Format d’Image Choisir et Quand ?

Matriciel ou vectoriel, compression avec ou sans perte, transparence : le guide clair pour choisir le bon format d’image à chaque usage.

Les Principes de Base du Design Graphique pour Débutants

Découvrez les principes fondamentaux du design graphique : composition, couleur, typographie et hiérarchie, expliqués simplement pour débutants.

Les Bases du Montage Vidéo pour Débutants

Un guide pour débutants sur le montage vidéo : les étapes clés, le vocabulaire essentiel et les conseils pour réussir vos premières vidéos.

Les bases de la retouche photo : guide pour débutants

Apprenez les fondamentaux de la retouche photo : réglages essentiels, étapes clés et conseils pour bien débuter.