L'attrait d'un site bien organisé

Pas besoin de longs discours pour comprendre l'effet négatif et repoussant que peut provoquer un site mal organisé.

Ci-dessous, Go2, un portail néerlandophone, propose une masse importante d'informations sous la forme d'un grand puzzle dont on ne voit ici qu'une partie... la page d'accueil, très chargée, occupe en réalité un espace équivalent à 4 écrans 800x600 pixels ! L'utilisateur y trouve, pêle-mêle, un mélange de fonctionnalités et d'informations très hétéroclites.

L'éditeur de ce site gagnerait grandement à regrouper les informations par famille et à découper la navigation selon différents axes clairement identifiés.

[Prise d'écran - 19 août 2002 - www.go2.be]

A l'inverse, un site bien organisé vous permettra de :

•  rendre vos informations facilement accessibles
•  améliorer la lisibilité de votre page d'accueil
•  réduire le taux de perte de visiteurs
  (qui n'ont généralement pas la patience de faire le tri eux-mêmes) 
•  procurer un sentiment de maîtrise
•  canaliser l'actualisation des contenus
•  réaliser des économies (en évitant d'éternelles restructurations)
  
  

 

7 clés pour organiser vos contenus

Pour vous aider à faire le ménage dans vos contenus, nous vous proposons une grille de 7 clés d'accès, appliquable dans de nombreux contextes. Cette grille s'inspire des canevas le plus fréquemment utilisés par les spécialistes en architecture d'information.

Voici les 7 canevas logiques :

Alphabétique Chronologique Géographique Typologique Thématique Orienté "action" Orienté "audience" Métaphorique ... Ce petit huitième, vous le verrez, est un intrus souvent indésirable.

Envisageons ces canevas les uns après les autres ...

1. L'approche alphabétique

L'accès alphabétique est particulièrement intéressant pour les visiteurs qui savent exactement ce qu'ils recherchent (known item searching). La preuve en est : il ne vous faudra que quelques secondes pour trouver le mot "koala" dans une encyclopédie qui contient des dizaines de milliers d'entrées.

La logique alphabétique est d'un grand secours pour trier l'information au sein d'une catégorie donnée (au sein d'un menu, par exemple). A défaut d'une autre logique, il convient généralement d'adopter le classement alphabétique.

L'approche alphabétique est cependant limitée par le fait qu'elle est peu porteuse de sens. Une page d'accueil devrait être plus riche qu'un index de mots clés.

[Prise d'écran retouchée - 21 novembre 2003 - www.aufeminin.com]

Ci-dessus, le site AuFeminin.com utilise une approche thématique, avec un tri alphabétique. A une exception près - l'aviez-vous remarqué ? -, la rubrique Mariage n'a pas été rangée alphabétiquement. Sans doute s'agit-il ici d'un choix volontaire de la part de l'éditeur, qui aura voulu susciter l'association entre Mariage et Voyage ...de noces.

2. L'approche chronologique

Elle permet de mettre en valeur l'information sous un angle chronologique.

L'exemple le plus courant : la rubrique Actualités. Elle présente généralement les dernières nouvelles dans l'ordre anti-chronologique. Elle organise les archives, selon le volume d'information, sur une base annuelle, mensuelle ou hebdomadaire.

Autre exemple : la ligne du temps (timeline), pratiquée par certains médias, comme la BBC, ci-dessous, dans un dossier en ligne sur l'Irak.

[Prise d'écran - 21 novembre 2003 - www.bbc.co.uk]

 

3. L'approche géographique

Il est également possible de proposer aux visiteurs d'entrer dans l'information via la logique géographique. C'est ce que propose le site CampingFrance.com, dès la page d'accueil.

[Prise d'écran retouchée - 24 novembre 2003 - www.campingfrance.com]

 

4. L'approche typologique

Il s'agit de classer les contenus par type.

Exemple courant : l'accès par produit, comme ici, sur le site de la société Adobe Inc.

[Prise d'écran - 24 novembre 2003 - www.adobe.com]

Autre variante de l'approche typologique : le classement des contenus en fonction des types de documents. Sur le site web de la Direction Générale à la Politique régionale européenne, par exemple, on trouve une typologie des sources d'information.

[Prise d'écran - 24 novembre 2003 - www.europa.eu.int/comm/regional_policy/]

 

5. L'approche thématique

Il s'agit de découper les contenus par thème, à l'instar de Yahoo!

[Prise d'écran - 24 novembre 2003 - www.yahoo.fr]

Notez qu'en matière de classification des contenus, il n'est pas toujours nécessaire de réinventer la roue. La science documentaire est pleine d'enseignements. Certains thesauri, généralistes ou spécialisés, établis par des experts bibliothécaires, vous offrent un cadre de référence.

 

6. L'approche orientée "action"

Cette approche consiste à présenter l'information sous la forme d'actions à réaliser.

L'exemple type d'une architecture orientée "action" est la manière dont se présentent les menus des applications logicielles. Ci-dessous, le programme Internet Explorer proposent des fonctions "Ouvrir", "Enregistrer", "Imprimer", "Exporter", "Fermer",... Ces fonctions sont bien connues des utilisateurs. Elles correspondent à une architecture aujourd'hui fortement standardisée.

[Prise d'écran - logiciel Microsoft Internet Explorer]

Appliquée à un site web, l'approche orientée "action" peut s'avérer très efficace. Elle oblige à se concentrer sur les motivations concrètes des utilisateurs. L'idée est de faire correspondre les contenus à des actions.

Ci-dessous, la barre de navigation du site Immoweb est orientée action : "acheter", "louer", "placer une annonce" correspondent aux 3 scénarios d'utilisation les plus fréquents.

[Prise d'écran - 24 novembre 2003 - www.immoweb.be]

 

7. L'approche orientée "audience"

Il s'agit de découper les contenus en fonction de la nature des visiteurs auxquels ces contenus s'adressent.

Ci-dessous, le portail fédéral belge propose une barre de navigation par audience. L'information est filtrée, ou présentée différemment, selon qu'on ait affaire à des "citoyens", à des "entreprises" ou à des "fonctionnaires".

[Prise d'écran - 24 novembre 2003 - www.belgium.be]

 

8. L'approche métaphorique

Certains concepteurs d'interfaces organisent parfois l'accès à l'information à partir de métaphores. Dans certains cas, c'est vrai, les métaphores peuvent s'avérer très efficaces pour traduire un contenu ou une fonctionnalité. C'est le cas des métaphores "Poste de travail" et "Corbeille", utilisées notamment dans l'environnement Windows.

[Prise d'écran - système opérateur Windows]

Appliquée à un site web, l'approche métaphorique apparaît cependant risquée. Selon Louis Rosenfeld, autant le raisonnement métaphorique peut s'avérer efficace en phase de réflexion créative sur les contenus, autant la démarche est délicate de matérialiser une métaphore au niveau de l'architecture de navigation. De nombreux sites en ont déjà fait les frais.

Ci-dessous, l'ancienne version du site de l'Abssa (fédération de football amateur) basait l'accès à l'information sur une métaphore : "première mi-temps", "deuxième mi-temps" et "troisième mi-temps" (que les footballeurs associent ironiquement à la buvette). A priori, la démarche peut sembler sympathique. Seul problème : il est très difficile, pour l'utilisateur, de savoir quels contenus se cachent derrière chacune de ces trois rubriques. Raison probable pour laquelle l'éditeur du site s'est vu obligé, petit à petit, de rajouter des entrées de navigation périphériques plus explicites, rendant l'approche métaphorique de plus en plus inconsistante... pour finalement abandonner cette métaphore au profit d'une architecture d'information plus transparente.

[Prise d'écran - 21 février 2003 - www.abssa.be - Ancien site !!!]

 

En conclusion ...

Chaque fois que vous manquez d'inspiration pour structurer l'accès à vos contenus, pensez donc aux 7 clés. Elles permettent de débloquer bien des situations.

Un conseil, cependant : un bon site web est plus qu'un site bien organisé. Ne vous contentez pas de ranger proprement vos informations dans de petits tiroirs, aussi clairement disposés soient-ils. Sur votre site web, et sur votre page d'accueil en particulier, créez aussi de la surprise. Faites remonter certains contenus (un peu comme les supermarchés qui placent certains produits en tête de rayon).

Le mois prochain, nous évoquerons la manière de combiner les clés harmonieusement au sein d'une même interface.

 

1. Article sur le même sujet
   
   

   La suite de cet article -- Comment combiner les clés harmonieusement -- sera publiée en décembre 2003
   
   
   
2. Formation :
   
   

   La société Qwentes KANTOR offre une formation à l'architecture d'information, lesquelles abordent tous les aspects de l'architecture d'information : collecte, sélection, classification, nomenclature, modélisation, supervision.
   
   
   
   
3. Littérature :

•  Information Architecture for the World Wide Web, 2nd Edition (en anglais), par Louis Rosenfeld et Peter Morville.
  
  
•  Information Architecture for Designers: Structuring Websites for Business Success, par Peter Van Dijck