Dans cet article
Deux éléments qui se ressemblent sont perçus comme une même famille, donc comme ayant la même fonction. C'est la loi de similarité, l'autre pilier de la perception.
Toujours issue de la Gestalt, elle complète la proximité : là où la distance regroupe par position, la similarité regroupe par apparence. Même couleur, même forme, même taille : l'œil en déduit un même rôle.
Le principe
Dans une grille d'éléments identiques, il suffit d'en colorer certains différemment pour créer instantanément deux catégories. Le cerveau relie ce qui se ressemble et sépare ce qui diffère, sans effort conscient.
Ce que ça implique en design
- Même style, même fonction. Tous les liens se ressemblent, tous les boutons primaires se ressemblent : l'utilisateur apprend une fois, comprend partout.
- La cohérence devient un langage. Une couleur d'action, une forme de carte, un style d'icône : autant de repères réutilisés.
- La similarité crée des familles. Elle permet de regrouper visuellement sans les rapprocher physiquement.
Si deux éléments se ressemblent, l'utilisateur attend qu'ils fassent la même chose. Tenez cette promesse.
L'erreur courante
Des styles incohérents cassent la promesse : si deux boutons se ressemblent mais ne font pas la même chose, ou si un texte ressemble à un lien sans en être un, l'utilisateur hésite et se trompe. La ressemblance est un contrat.
En pratique
La similarité est le fondement de tout système de design : composants réutilisables, styles nommés, règles claires. C'est exactement ce qu'on documente dans une identité de marque pour que tout reste cohérent, même produit par d'autres mains ou par une IA.
Questions fréquentes
-
Quelle différence entre proximité et similarité ?
- La proximité regroupe par la distance (ce qui est proche), la similarité regroupe par l'apparence (ce qui se ressemble). Les deux peuvent se compléter ou se contredire.
-
Pourquoi tous mes boutons doivent-ils se ressembler ?
- Parce que la ressemblance annonce une fonction commune. Un style de bouton unique pour l'action principale évite à l'utilisateur de réapprendre à chaque écran.
-
La similarité peut-elle nuire ?
- Oui, si des éléments non cliquables ressemblent à des éléments cliquables. La ressemblance doit toujours refléter une vraie parenté de fonction.