La hiérarchie organise les éléments par ordre d'importance. Elle indique au lecteur ce qu'il doit regarder en premier, en deuxième et en troisième. Un journal utilise la hiérarchie : un grand titre, un sous-titre plus petit, une signature plus discrète, puis le corps du texte. Un site web l'utilise également : un titre en gras, un bouton d'appel à l'action bien visible et une navigation secondaire. Sans hiérarchie, tout se dispute l'attention et le lecteur ne sait pas par où commencer.

Les designers créent une hiérarchie visuelle grâce à la taille, la couleur, le contraste, la position et l'espacement. La taille est l'élément le plus évident : les éléments les plus grands sont lus en premier. La couleur et le contraste sont plus subtils : un bouton rouge vif sur un formulaire gris attire l'œil. La position est également importante. Les lecteurs occidentaux lisent généralement de haut en bas et de gauche à droite ; placer les informations clés le long de cet axe est donc judicieux. L'espace blanc joue un rôle discret : isoler un élément en l'entourant d'un espace vide souligne son importance sans avoir besoin d'ajouter de ligne ou de cadre.

Outils pour construire une hiérarchie

• Échelle : les éléments les plus grands sont lus en premier.
• Contraste : les différences marquées attirent l'attention.
• Couleur : les teintes chaudes et saturées prédominent.
• Espacement : l’isolement implique l’importance.

La hiérarchie échoue lorsque tout est criard. Si chaque élément est gras, grand et coloré, rien ne se démarque. C'est la sobriété qui permet de mettre en valeur efficacement un élément.