La loi de Fitts : pourquoi la taille et la distance de vos boutons comptent

Plus une cible est grande et proche, plus elle est rapide à atteindre. C'est évident dit comme ça, mais peu d'interfaces l'appliquent vraiment. La loi de Fitts met un cadre sur cette évidence.

Formulée par le psychologue Paul Fitts en 1954, cette loi décrit le temps nécessaire pour atteindre une cible avec un pointeur. Deux facteurs seulement entrent en jeu : la distance à parcourir et la taille de la cible. Plus la cible est loin ou petite, plus l'action est lente et sujette à l'erreur.

Le principe

Un grand bouton juste sous le pouce se clique en un instant. Un petit lien à l'autre bout de l'écran demande de viser, de ralentir, de corriger. La différence n'est pas qu'une question de vitesse : une cible trop petite multiplie aussi les clics ratés, donc la frustration.

Ce que ça implique en design

• Dimensionner les cibles selon leur importance. L'action principale mérite le plus gros bouton, pas le plus décoré.
• Rapprocher les actions liées. Un bouton de validation loin du champ qu'il valide, c'est un trajet inutile imposé à l'utilisateur.
• Respecter les tailles tactiles minimales. Sur mobile, une cible sous 44 pixels devient difficile à toucher précisément.

Un bouton n'a pas la bonne taille parce qu'il est beau, mais parce que la main l'atteint sans viser.

Les bords et coins : des cibles infinies

Un détail que la loi de Fitts rend précieux : les bords et les coins de l'écran se comportent comme des cibles de taille infinie. Le curseur ne peut pas les dépasser, il bute dessus. C'est pourquoi les menus système se logent souvent dans les coins : on les atteint d'un geste brusque, sans précision. Un bon design tire parti de ces zones pour les actions fréquentes.

En pratique

Concrètement, la loi de Fitts guide la hiérarchie des tailles, l'espacement des actions et le placement des éléments critiques. Elle explique pourquoi un appel à l'action pleine largeur convertit mieux qu'un petit lien, et pourquoi grouper les actions d'un formulaire fait gagner un temps réel à l'utilisateur. C'est une des premières lois que j'applique quand je pense un parcours d'interface.

Questions fréquentes

Quelle taille minimale pour un bouton tactile ?

Autour de 44 pixels de côté est la référence courante. En dessous, la cible devient difficile à toucher avec précision, surtout en usage mobile réel.

Pourquoi les coins de l'écran sont-ils spéciaux ?

Parce que le curseur bute dessus sans pouvoir les dépasser : ils se comportent comme des cibles infiniment grandes, donc très rapides à atteindre.

La loi de Fitts vaut-elle aussi pour le tactile ?

Oui. La distance devient celle du pouce ou du doigt, mais le principe reste : grand et proche égale rapide et fiable.

Florent DABERNAT · Directeur artistique et fondateur d'IDSEED, à Aix-en-Provence. J'accompagne mes clients sur le branding, l'UX/UI et le web, avec une méthode claire et documentée. En savoir plus ➞