L'arborescence

Définitions

Arborescence
Il s'agit d'une représentation de la structure d'un site en arbre qui permet d'organiser son contenu. On parle aussi d'arborescence pour évoquer la structure qui hiérarchise les répertoires et sous-répertoires sur un disque dur.
Fil d'Ariane
Outil qui permet de naviguer sur un site internet.
Onglets
Outil qui permet de distinguer les différentes rubriques d'un site.

Arborescence ou architecture du site

Arborescence : la famille

Arborescence : la famille

Pour parler d'une arborescence on utilise le champs lexical de l'arbre généalogique avec les branches, les parents et les enfants qui constituent ce qu'on appelle la famille.
Sur internet, la racine du nom de domaine d'un site est le point d'entrée du disque dur de l'hébergeur (à l'origine, le fichier index.html présente la liste des documents et répertoires contenus à la racine).

Cela permet de :

  • organiser les informations et le contenu d'un site ou disque dur ;
  • conditionner le mode de navigation et d'accès aux informations ;
  • établir différents niveaux de navigation.

Le fil d'Ariane (Breadcrumb)

L'expression fil d'Ariane vient de la mythologie grecque.
En anglais, Breadcrumb, qui signifie « miette de pain » fait référence au conte de Grimm « Le Petit Poucet ».
Le fil d'Ariane peut être vu comme un chemin de fer. Sur un site il est représenté sous forme d'une listie des différentes rubriques (comme ici) ou bien par des onglets (Katadyn).

Il permet de :

  • naviguer entre les différents niveaux d'une arborescence ;
  • se repérer dans la structure du site ou disque dur ;
  • remonter facilement aux rubriques principales.

Les différents types d'arborescence

Les deux dimensions de l'arborescence

Les deux dimensions de l'arborescence

De manière générale, on parle de largeur du site pour les rubriques accessibles depuis la page d'accueil et de profondeur du site pour nombre de rubriques en enfant.

Structure linéaire

  • Disposition linéaire des pages.
  • Chaque élément d'informations découle des autres.
Structure linéaire

Structure linéaire

Structure avec ligne de saut

  • Disposition linéaire des pages
  • Toutes les pages sont accessibles depuis la page d'accueil.
  • Faible interactivité entre les pages.
Structure avec ligne de saut

Structure avec ligne de saut

Arborescence classique (organigramme)

  • Structure hiérarchique des branches.
  • Sous catégorisation des pages.
  • Plusieurs options de navigation possibles.
Organigramme

Organigramme

Structure en réseau

  • Des liens entre certaines pages seulement.
  • Pas de lien direct systématiquement possible vers la page d'accueil.
  • Hiérarchie peu claire.
Structure en réseau

Structure en réseau

Structure en toile d'araignée (ou étoile)

  • Pas de hiérarchie.
  • Toutes les pages du site sont liées.
Structure en étoile

Structure en étoile

Exemples

Observez, analysez et comparez l'accès à l'information sur les sites suivants :

A suivre