Retour vers la page d'accueilQwentès, your content architect Retour vers la page d'accueil Qwentès, your Content Solutions Provider
C O N T E X T E
 
A R T I C L E
 

L'article du mois

Chaque mois ou presque, un article ou une étude de cas touchant à la conception de contenus en ligne.

Recevoir gratuitement notre newsletter par email
Autres articles

 

7 clés pour organiser vos contenus

Par Jean-Marc Hardy – novembre 2003

L'architecture d'information est la clé de voûte de votre projet internet. Pour rendre votre site web attrayant, facile à utiliser et résistant au temps, une réflexion en amont s'impose, sur la façon d'organiser les contenus. En particulier, les sites contenant un gros volume d'information nécessitent un canevas rigoureux. Pour vous aider à (re)démarrer l'architecture de votre site, nous vous livrons 7 clés d'organisation des contenus, ainsi que quelques conseils pour les combiner harmonieusement.

Sommaire de l'article :
  1. Pour en savoir plus

  2. Réactions de lecteurs
Version imprimable

! Cette page comprend de larges prises d'écran susceptibles d'en ralentir le téléchargement.

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 :

  1. Alphabétique
  2. Chronologique
  3. Géographique
  4. Typologique
  5. Thématique
  6. Orienté "action"
  7. Orienté "audience"

  8. 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 propose 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).

 

----------------- ESPACE PROMOTIONNEL -----------------

Nouveauté :

Une formation sur l'accessibilité des sites web

 Une formation en 1 jour qui vous permettra d'améliorer l'accessibilité de votre site Web

 Quelques uns des thèmes abordés :

               - L'accessibilité, un enjeu éthique et commercial
               - L'accessibilité, un ensemble de normes
               - Interprétation des normes et mise en application
               - Concilier accessibilité et esthétique
               - Concilier accessibilité et rentabilité
               - Etudes de cas concrets
               - Ateliers pratiques

Pour plus d'information, contactez :

QWENTES (Bruxelles)
Dino Senturk,
Sales & Administration
Téléphone : +32 (0)2 285 05 04
Email : <nse@qwentes.be>

---------------------------------------------

 

Pour en savoir plus ...

  1. 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.



  2. Littérature :

 

Réactions de lecteurs

"L'approche métaphorique ne marche pas"
[23 janvier 2004]

L'approche métaphorique ne marche pas... La justification "théorique" peut être trouvée avec profit dans les travaux de l’Ecole de Palo Alto et en particulier dans le livre de Paul Watzlawick "Le langage du changement", publié au Point Seuil. Ce dernier met en avant nos deux langages. Le premier est concret, logique, objectif, logique, analytique et méthodique. C’est le langage de la raison, de la science et de l’explication. C’est le langage des intellectuels. Le deuxième est le langage abstrait, illogique, celui des métaphores, des figures, des symboles et de la vision du monde. C’est le langage des artistes, des créatifs.

P. Watzlawick distingue ainsi nos deux cerveaux. Le gauche, siège de la logique, de l’analyse et de la sémantique, et le droit, siège de la perception, des modèles, des visions et du figuratif. L’hémisphère gauche est dominant et il est nécessaire de le "bloquer" pour accéder à l’hémisphère droit. Pour cela il faut casser la logique à l’aide par exemple de mots d’esprit, de jeux de mots, de calembours ou de sous-entendus. L’hémisphère gauche bute ainsi sur les changement de référents, l’illogisme ou l’ambiguïté que l’on trouve dans des dialogues comme : "C’est vrai ce mensonge ?", "Tu es sûr que tu ne veux pas y aller ?", "Etes-vous sûr de ne pas vouloir enregistrer avant de quitter ?".

La métaphore est du ressort du cerveau droit et casse la logique de l’architecture contextuelle dans laquelle se trouve l’internaute : Où je suis, d’où je viens et où je vais ? Elle produit un effet d’ambiguïté voire de doute ou de malaise puisqu’elle oblige l’internaute à passer d’une logique de cerveau gauche (sa navigation, sa recherche et sa consommation de contenu) à un comportement de cerveau droit (vision du monde, subjective et abstraite).

Toute tentative de représentation métaphorique d’une architecture est ainsi définitivement vouée à l’échec :

  • Building avec étages et appartements pour différentes thématiques.
  • Architecture de villes avec différents bâtiments pour différentes activités.
  • Bureau, excepté le classique "desktop".
  • Parcours de supermarché avec gondoles pour site marchand.
  • Etc.

Bernard-Paul Eminet
Consultant autonome
bpe@p-interactif.com

"Mettre en avant les thématiques les plus demandées"
[6 janvier 2004]

Je pense que l'on peut également, avec le temps, recourir à un autre mode d'organisation de l'information et notamment lorsque l'on a choisi, dans un premier temps, l'un des trois modes suivants : alphabétique, typologique ou thématique.

L'analyse de vos statistiques doit vous permettre de découvrir quelles sont les thématiques les plus consultées. Vous pouvez alors décider de débuter la liste de vos thématiques par celles qui sont le plus fréquemment demandées, pour terminer par celles qui le sont moins. Ou présenter une première liste de sujets prisés, avec légère mise en avant graphique, puis une seconde liste contenant les thématiques les moins consultées.

Ceci a un avantage :
- rendre plus rapidement accessibles les informations fréquemment demandées.

Et un inconvénient :
- ne pas favoriser la découverte d'informations a priori secondaires.

Guillaume Bernet
Responsable Marketing & Communication
gbernet@ankama.com

 

Vous n'êtes pas d'accord avec notre point de vue ? Vous désirez apporter des informations complémentaires ? ... Réagissez à cet article !

 

  Vous avez repéré un lien qui ne fonctionne plus ?...
Vous avez d'autres ressources sous la main ?...
Contactez le Webmaster !
 
 
© Jean-Marc Hardy, 2001-2009.