Le Journal d'UX
L'actualité UX,
au-dessus de la ligne de flottaison.
Wiki UX Loi de proximité (*Law of Proximity*)

Loi de proximité (*Law of Proximity*)

Loi
Définition

Les éléments proches les uns des autres sont perçus comme appartenant au même groupe. C'est un des principes de la Gestalt, formalisé par l'école de psychologie allemande au début du XXe siècle. Le cerveau crée des associations automatiques basées sur la distance spatiale. Aucune ligne, couleur ou cadre n'est nécessaire pour créer un groupement : l'espacement suffit. Cette loi fonctionne aussi bien avec du texte, des images ou des éléments interactifs.

En pratique

Rapprocher un label de son champ de formulaire plutôt que de le centrer entre deux champs. Créer des groupes visuels par l'espacement plutôt que par des bordures ou des fonds colorés. Vérifier que les éléments liés fonctionnellement sont aussi liés visuellement par leur position. Un espacement incohérent entre des éléments de même nature crée de la confusion. Tester avec des utilisateurs si les regroupements perçus correspondent aux regroupements intentionnels.

Exemple

Dans un formulaire d'adresse, les champs "rue", "code postal" et "ville" sont groupés par proximité, séparés du bloc "informations de paiement" par un espace plus large. Google sépare les résultats organiques des annonces par un espacement plus grand que celui entre deux résultats organiques.

Voir aussi
Ergonomie (*Ergonomics*)
Loi de similarité (*Law of Similarity*)
Loi de Prägnanz (*Law of Prägnanz*)
Loi de clôture (*Law of Closure*)
Sources
Max Wertheimer, Untersuchungen zur Lehre von der Gestalt, 1923
Laws of UX – Law of Proximity
Le Journal d'UX est un média indépendant sur l'expérience utilisateur. Liens curatés, wiki UX en français, communauté.