Hiérarchiser l'information et la visibilité des contenus

1. Objectifs

   • Prioriser les contenus avec la matrice importance × fréquence.
   • Choisir le niveau de visibilité de chaque contenu.
   • Ordonner un écran selon la pyramide inversée.
   • Appliquer la divulgation progressive.
   • Traduire les priorités en hiérarchie visuelle et la vérifier.

1. Pourquoi hiérarchiser ?

   • Un écran de téléphone affiche peu de choses à la fois. Tout montrer au même niveau revient à ne rien mettre en avant : l'usager doit tout lire pour trouver ce qui l'intéresse.
   • Hiérarchiser, c'est décider ce qui est vu en premier, ce qui est à un appui et ce qui reste disponible sans encombrer.
   • L'architecture de l'information décide où est un contenu dans l'application ; la hiérarchie décide comment il apparaît sur l'écran.

1. Prioriser : importance × fréquence

   • Pour chaque contenu, posez deux questions : combien d'usagers en ont besoin, et souvent ? (fréquence) et que perd l'usager s'il ne le trouve pas ? (importance).
   • Important et fréquent: visible tout de suite, sur l'accueil (plat du jour, solde, commander).
   • Important mais rare: visible, moins mis en avant, ou accessible directement depuis l'endroit où on en a besoin (les allergènes sur la fiche du plat).
   • Fréquent mais peu important: à un appui (mes commandes, favoris).
   • Rare et peu important: dans un menu ou par la recherche (mentions légales, contact).
   • Attention : « important » se juge du point de vue de l'usager, pas de l'organisation. Une promotion que le directeur veut mettre en avant n'est pas forcément importante pour l'étudiant.

1. Ordonner un écran : la pyramide inversée

   • Héritée du journalisme, la pyramide inversée place l'essentiel en premier, puis les détails, puis le complément.
   • Un usager qui s'arrête à la première ligne doit avoir l'information principale : « Plat du jour : couscous aux légumes, 3,50 €, prêt en 10 min ».
   • Elle vaut pour un écran entier (ordre des blocs) comme pour un texte (ordre des phrases) ou une carte (titre, puis prix, puis détails).
   • Les usagers lisent peu sur écran : ils balayent en suivant un parcours en F ou en Z. Les premiers mots des titres et des listes portent l'essentiel.

1. La divulgation progressive

   • La divulgation progressive (progressive disclosure) consiste à montrer d'abord ce dont la plupart des usagers ont besoin, et à rendre le reste accessible à la demande.
   • Exemples : une carte de plat montre le nom et le prix ; la fiche ajoute les ingrédients et les allergènes ; un repli « Voir les apports nutritionnels » donne le reste.
   • Dans un formulaire : les options avancées sont repliées, les champs rares apparaissent seulement si on en a besoin.
   • La règle : ce qui est caché doit être trouvable (un libellé clair, une flèche, un « Voir plus ») et ne jamais être indispensable pour finir la tâche.

1. Les niveaux de visibilité

   • Niveau 1 · visible: sur l'écran, sans défiler (au-dessus de la ligne de flottaison).
   • Niveau 2 · en défilant: sur l'écran, plus bas.
   • Niveau 3 · à un appui: un onglet, un lien, un repli.
   • Niveau 4 · dans un menu: « Plus », menu latéral, réglages.
   • Niveau 5 · par la recherche: contenus nombreux ou rares.
   • Notez ce niveau dans l'inventaire : il devient une règle de conception que l'on peut vérifier.

1. Faire voir : la hiérarchie visuelle

   • Une fois les priorités décidées, la hiérarchie visuelle les rend visibles. Six leviers :
   • Les leviers :
     • la position: en haut et à gauche, on est vu en premier ;
     • la taille: plus grand, plus important ;
     • le contraste et la couleur: la couleur primaire attire vers l'action ;
     • l'espace: un élément isolé ressort ;
     • la graisse: le gras crée des points d'entrée ;
     • le regroupement: ce qui est proche semble lié.
   • Vérifiez avec le test du flou (plissez les yeux ou floutez une capture) : ce qui ressort doit être ce que vous avez priorisé. Le test des cinq secondes vérifie la même chose avec des usagers.

1. Aide-mémoire

1. Activités

1. Erreurs fréquentes

1. Bilan

   • Hiérarchiser, c'est décider ce qui est vu en premier.
   • La matrice importance × fréquence donne à chaque contenu son niveau de visibilité.
   • La pyramide inversée ordonne un écran ou un texte de l'essentiel vers le détail.
   • La divulgation progressive montre peu, sans rien supprimer.
   • La hiérarchie visuelle traduit les priorités et se vérifie au test du flou.

Choisir ce qu'on montre, c'est aussi choisir ce qu'on ne montre pas encore.