Hiérarchie visuelle : rendre le sujet et l’action évidents

Avant la mise en page, préciser ce que le visiteur doit comprendre puis faire. Donner le plus de poids à cet élément par position, échelle et contraste, puis attribuer des poids distincts aux contenus secondaires.

Utiliser proximité et alignement pour faire lire ensemble les éléments liés. Réserver une emphase forte aux choix déterminants et vérifier qu’un élément décoratif ne concurrence pas la tâche.

Exemple

Sur un site d’atelier, donner la priorité au type d’atelier, à la disponibilité et à l’inscription, puis organiser les preuves à proximité de la décision.

Erreur courante

Mettre le slogan, les badges et les trois boutons au même niveau de contraste.

Contrôle

Présenter une capture quelques secondes sans donner d’indice, puis demander ce que propose la page et où agir. Rejouer avec une capture étroite et comparer les réponses. Les personnes identifient le sujet et la prochaine action attendue. Les erreurs d’interprétation et les différences entre tailles sont consignées.