Design visuel
Fiche mémo / 130La Théorie de la Gestalt
Votre cerveau organise ce qu'il voit, utilisez ca
Pourquoi c'est important
Les lois de la Gestalt, formalisees par Wertheimer, Koffka et Kohler dans les années 1920, expliquent comment le cerveau regroupe automatiquement les éléments visuels. Maîtriser ces lois, c'est designer des interfaces que le cerveau comprend sans effort.
Le framework
- 01
1. Proximite
Les éléments proches sont percus comme un groupe. Rapprochez ce qui va ensemble, espacez ce qui est différent. C'est le principe le plus puissant.
- 02
2. Similarite
Des éléments qui se ressemblent (couleur, forme, taille) sont percus comme lies. C'est pourquoi vos CTA ont tous la meme couleur.
- 03
3. Cloture
Le cerveau complete les formes incompletes. Le logo IBM utilise des lignes brisees, vous voyez quand meme les lettres. Moins = plus.
- 04
4. Continuite
L'oeil suit naturellement les lignes et courbes. Alignez vos éléments pour créer un flux visuel fluide et previsible.
- 05
5. Figure / Fond
Le cerveau séparé un sujet (figure) de son arriere-plan (fond). Jouez sur le contraste pour rendre vos éléments cles immédiats.
- 06
6. Pregnance (Pragnanz)
Le cerveau préfère les formes simples et ordonnees. Simplifiez vos layouts, la complexité visuelle épuise l'utilisateur.
Proximite + Similarite + Simplicité = Interface que le cerveau decode en 50ms
Pour aller plus loin
Parlons-en ?