Définition
Principe de groupement de la Gestalt indiquant que des éléments visuels situés à l’intérieur d’une même zone délimitée (enclôture) sont perçus comme appartenant ensemble plus fortement que des éléments identiques séparés par cette délimitation ; la présence d’une région commune constitue un indice de groupement perceptif.

Principe

Principe
Enfermer des éléments dans une bordure explicite crée, dans de nombreuses conditions de visualisation, un groupement perceptif plus fort que la proximité ou la similarité seules ; les concepteurs peuvent exploiter l’enclôture pour communiquer rapidement relations et hiérarchie.

Démonstration

Démonstration
Scénario illustratif → Un formulaire contient des champs d’entrée apparentés à l’intérieur d’un panneau encadré tandis que des contrôles non liés restent à l’extérieur. Reconnaissance : les utilisateurs perçoivent les champs encadrés comme un même groupe. Action : messages de validation et étiquettes sont associés au groupement au niveau du panneau. Conséquence : flux de tâche plus clair et moins d’erreurs de sélection de contrôles non liés.

Mauvaise application

Mauvaise application
Supposer que toute enclôture visuelle implique un groupement fonctionnel ou sémantique. L’erreur est de confondre containment visuel et relations comportementales, fonctionnelles ou de données : les utilisateurs peuvent ne pas inférer la relation prévue si d’autres indices contredisent.

Conséquence

Conséquence
Un usage approprié du groupement par région commune améliore navigabilité et compréhension ; un usage abusif ou incohérent peut induire en erreur, créer de fausses affordances ou fragmenter les flux perçus.

Inversion

Inversion
Quand les bordures se chevauchent, sont imbriquées de façon ambiguë ou entrent en conflit avec des indices de groupement plus forts (proximité, alignement), l’effet de région commune s’affaiblit ou produit un groupement ambigu ; dans de tels agencements l’enclôture peut ne pas engendrer un groupe unique perçu.

Limite

Limite
S’applique aux mises en page spatiales et visuelles dans interfaces, diagrammes et design graphique. Elle ne crée pas en soi des relations sémantiques ou fonctionnelles sans étiquetage, affordances d’interaction ou motifs cohérents en appui.

Tension sémantique

Tension sémantique
Groupement visible par enclôture ↔ Indépendance et découvrabilité (l’enclôture clarifie les relations mais peut masquer des affordances indépendantes si elle est surutilisée).

Synthèse

Synthèse
Utilisez l’enclôture intentionnellement comme indice de groupement à forte saillance, mais coordonnez‑la avec d’autres signaux de conception (étiquettes, alignement, comportement interactif) afin que le groupement perceptif reflète bien les relations fonctionnelles.