La psychologie de la gestalt est une théorie de l’esprit et du cerveau. Son principe est que l’œil humain voit les objets dans leur intégralité avant de percevoir leurs parties individuelles.
En ce qui concerne la conception du site web, les gens voient d’abord l’ensemble de votre site avant de distinguer l’en-tête, le menu, le pied de page, etc.
Il existe huit lois de conception dites “gestalt” qui nous permettent de prédire comment les gens vont percevoir quelque chose. Voici comment chacune d’entre elles est liée à la conception de sites web :
La loi de proximité
Les gens regroupent les choses qui sont proches dans l’espace. Elles deviennent un seul objet perçu.
Pour une conception web efficace, assurez-vous que les choses qui ne vont pas ensemble ne sont pas perçues comme un seul. De même, vous regroupez des éléments de conception connexes (menu de navigation, pied de page, etc.) pour communiquer qu’ils forment un tout.
La loi de la proximité montre comment l’esprit regroupe (ou sépare) naturellement les éléments en fonction de leur distance les uns par rapport aux autres.
La loi de similitude
Nous regroupons des choses similaires. Cette similitude peut se manifester sous forme de forme, de couleur, d’ombrage ou d’autres qualités.
loi de similitude gestalt design
Ici, nous regroupons les points noirs dans un groupe et les blancs dans un autre, parce que, eh bien, les points de la même couleur se ressemblent.
À quoi cela ressemble-t-il lorsqu’on l’applique à la conception de sites web ? Mixpanel utilise un design similaire pour les liens vers les études de cas, nous les considérons donc comme un seul groupe, chacun renforçant l’autre
Loi de fermeture
Nous recherchons l’exhaustivité. Lorsque des formes qui ne sont pas fermées ou des parties d’une image manquent, notre perception comble le vide visuel. Nous voyons un cercle et un carré même si aucune des deux formes n’existe réellement dans le graphique ci-dessous.
Sans la loi de la fermeture, nous verrions simplement des lignes différentes avec des longueurs différentes. Mais la loi de fermeture combine les lignes pour former des formes entières.
L’utilisation de la loi de fermeture peut rendre des logos ou des éléments de conception plus intéressants. Un bon exemple est le logo du Fonds mondial pour la nature, conçu par Sir Peter Scott en 1961
Loi de la symétrie
L’esprit perçoit les objets comme symétriques, se formant autour d’un point central. Il est agréable, d’un point de vue perceptif, de diviser les objets en un nombre pair de parties symétriques.
Lorsque nous voyons deux éléments symétriques qui ne sont pas reliés, l’esprit les relie de manière perceptive pour former une forme cohérente.
loi de symétrie de la gestalt
Lorsque nous regardons l’image ci-dessus, nous avons tendance à observer trois paires de crochets symétriques plutôt que six crochets individuels.
Les gens préfèrent les apparences symétriques aux apparences asymétriques. L’alternance de colonnes d’images et de texte, les curseurs centrés et une liste en trois colonnes ajoutent au plaisir visuel de la conception de la page d’accueil de Trello
La loi du destin commun
Nous avons tendance à percevoir les objets comme des lignes qui se déplacent le long d’un chemin. Nous regroupons les objets qui ont la même tendance de mouvement et qui sont donc sur la même trajectoire.
Mentalement, les gens regroupent des bâtons ou des mains levées pointant quelque part parce qu’ils pointent tous dans la même direction. Dans la conception de votre site, vous pouvez utiliser cela pour guider l’attention de l’utilisateur sur quelque chose (par exemple un formulaire d’inscription, une proposition de valeur, etc.)
Par exemple, s’il y a un ensemble de points, et que la moitié des points se déplacent vers le haut tandis que l’autre moitié se déplace vers le bas, nous percevons les points qui se déplacent vers le haut et ceux qui se déplacent vers le bas comme deux unités distinctes.
exemple de la loi du destin commun
Loi de continuité
Les gens ont tendance à percevoir une ligne comme poursuivant sa direction établie. Lorsqu’il y a une intersection entre des objets (par exemple des lignes), nous avons tendance à percevoir les deux lignes comme deux entités uniques et ininterrompues. Les stimuli restent distincts même s’ils se chevauchent.
Il existe également d’autres lois de la gestalt, comme la figure et le sol ou la loi de la bonne gestalt. (Les objets ont tendance à être regroupés de manière perceptive s’ils forment un motif régulier, simple et ordonné, comme les anneaux olympiques).
Cependant, les lois ci-dessus sont les meilleurs principes directeurs pour la conception de sites web.
