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 titre est plus grand que le corps du texte. Un bouton d'appel à l'action est plus visible que son environnement. Le titre d'une section est plus gras que les paragraphes qui le suivent. La hiérarchie guide le regard à travers la mise en page. Sans elle, tout se dispute l'attention. Rien ne se démarque. Le lecteur ne sait pas par où commencer.

La hiérarchie se crée par contraste. Taille, couleur, épaisseur, position et espacement définissent l'importance relative des éléments. Un élément imposant domine. Une couleur vive attire le regard. Un texte en gras se distingue. Les éléments situés en haut de la page sont vus en premier. L'espace blanc autour d'un élément le met en valeur. Le concepteur combine ces outils pour créer un ordre visuel clair. La hiérarchie ne consiste pas seulement à agrandir les éléments, mais à agrandir les éléments pertinents. L'élément le plus important doit être le plus visible. Si tout est mis en avant, rien ne l'est vraiment. Le concepteur doit déterminer ce qui compte le plus et concevoir en conséquence. La hiérarchie varie également selon le contexte. Un écran mobile offre moins d'espace qu'un écran d'ordinateur. Une affiche se voit de loin. Un livre se tient près du lecteur. La hiérarchie s'adapte au support. L'objectif reste le même : guider le lecteur à travers le contenu dans l'ordre souhaité.

Outils de hiérarchie

• La taille — les éléments plus grands attirent d'abord l'attention.
• Couleur — les couleurs vives ou contrastées se démarquent
• Poids — le texte en gras est plus visible
• Position — le haut et le centre sont vus en premier
• L'espace — l'isolement confère à un élément une importance

La hiérarchie correspond à l'ordre d'importance. Elle indique au spectateur où regarder et dans quel ordre.