L’arborescence d’un site ou d’une application représente l’organisation hiérarchique et logique de ses pages et fonctionnalités. Proposer une arborescence optimale, c’est définir une catégorisation qui corresponde au mieux à la représentation mentale des utilisateurs. La définition de l'arborescence est une étape déterminante dans la conception d’une navigation efficiente pour l’utilisateur. La co-construction de l'arborescence avec les différentes parties prenantes métier permet d'assurer une vue globale des contenus à organiser.
01
Lister les contenus et les organiser
L'arborescence correspond à la structure. Avant d'organiser les contenus, il convient donc de lister de façon exhaustive les contenus et fonctionnalités de votre interface.
02
Visualiser les différents parcours utilisateurs
L’arborescence formalise les chemins que peuvent prendre les utilisateurs pour accéder au contenu souhaité. C’est une organisation hiérarchique et logique des pages et des fonctionnalités.
03
Valider la cohérence du placement de l’information
Une bonne arborescence permet de catégoriser l’information afin de correspondre au mieux à la représentation mentale des utilisateurs. Il est conseillé de la faire tester auprès des utilisateurs grâce à des méthodologies de type « tri de cartes » afin de s’assurer de la bonne compréhension de la part des usagers.
04
Identifier le nombre de gabarits de page différents
La structure de l’arborescence va induire le type de page que la future plateforme contiendra : actualité, formulaire de contact, page de présentation d’une offre… Ce travail en amont est nécessaire pour identifier les différents gabarits et leurs emplacements sur la plateforme. Cela permet également de prioriser ces gabarits en se basant sur les différents niveaux d’une arborescence. On pourra, par exemple, privilégier de concevoir uniquement les pages de premiers niveaux.
L'arborescence est la structure hiérarchique qui organise les contenus et fonctionnalités d'un produit numérique. Elle définit quelles rubriques existent, comment elles sont regroupées et comment elles s'imbriquent. Elle est le fondement de la navigation : si l'arborescence est incohérente, aucune interface ne peut la compenser. C'est l'une des premières décisions à prendre en architecture de l'information.
On commence par un tri de cartes avec des utilisateurs représentatifs pour comprendre comment ils catégorisent naturellement les contenus. On construit une arborescence candidate à partir de ces données, puis on la valide par un test d'arborescence. On itère jusqu'à ce que les utilisateurs retrouvent les contenus sans hésitation. L'arborescence finale doit refléter les modèles mentaux des utilisateurs, pas l'organisation interne de l'entreprise.
Il n'y a pas de règle universelle, mais au-delà de 3 niveaux de profondeur, les utilisateurs commencent à avoir du mal à maintenir leur position dans la hiérarchie. La tension classique est entre la largeur (beaucoup de catégories au premier niveau) et la profondeur (peu de catégories, plus de niveaux). Des études montrent que les arborescences larges (mais peu profondes) sont généralement plus faciles à naviguer que les arborescences profondes.
L'arborescence est la structure sous-jacente ; la navigation est la façon dont elle est rendue visible et accessible dans l'interface. Une même arborescence peut être présentée par un menu en hamburger, une barre de navigation horizontale, un mega-menu ou un volet latéral. Le choix du pattern de navigation dépend du volume de contenus, des usages (mobile vs. desktop) et des habitudes de la plateforme cible. Mais c'est toujours l'arborescence qui détermine ce que la navigation expose.
En intégrant les nouveaux contenus dans la structure existante plutôt qu'en ajoutant des rubriques ad hoc. Une arborescence qui grossit sans logique devient rapidement un labyrinthe. Il faut auditer régulièrement les rubriques peu visitées (via analytics), recenser les recherches internes qui indiquent que les utilisateurs ne trouvent pas ce qu'ils cherchent, et remettre en question la structure si les patterns d'usage s'éloignent de la logique de l'arborescence initiale.
Atelier de co-conception : basé sur l'intelligence collective. Des ateliers permettent de faire émerger des solutions avec l'équipe projet et/ou les utilisateurs finaux
En savoir plus sur Atelier de co-conceptionLes tests utilisateurs consistent à faire évaluer l'ergonomie de votre produit ou service à des utilisateurs cibles. En fonction des objectifs, différentes approches sont possibles.
En savoir plus sur Tests utilisateursTout le monde parle experience utilisateur, design de service, ergonomie...
C'est pas très clair, mais vous aimeriez bien découvrir tout ca ou progresser.
