Design visuel
Fiche mémo / 202Le design de l'attention
Comment l'oeil se déplace, et comment vous l'ingénieriez
Pourquoi c'est important
L'eye-tracking de Jakob Nielsen (NNGroup, 2006) a révélé que les utilisateurs ne lisent pas : ils scannent. Trois patterns dominent, F, Z, Gutenberg. Maîtriser ces trajets, c'est contrôler ce que votre audience voit en premier, en deuxième, et jamais.
Le framework
- 01
Le F-Pattern
L'oeil balaie en haut horizontalement, redescend, balaie une 2e ligne plus courte, puis scanne verticalement à gauche. Dominant sur les pages denses en texte. Placez l'info critique dans les deux premières lignes.
- 02
Le Z-Pattern
Haut gauche → haut droite → diagonale → bas gauche → bas droite. Idéal pour les landing pages. Le CTA se place en fin de Z, terminal area du diagramme de Gutenberg.
- 03
Les 5 leviers de rupture
Taille (le plus gros gagne), contraste (clair/foncé), couleur (saturation = aimant), whitespace (isolation = focus), direction du regard (les gens regardent où les gens regardent).
Ces patterns ne marchent qu'en absence de hiérarchie visuelle. Créez la hiérarchie , vous créez le chemin .
Pour aller plus loin
Parlons-en ?