Museo&Web

Kit d’élaboration d’un site de qualité pour un musée de petites ou moyennes dimensions

wp5 logo
vai al contenuto

Vous êtes à: Accueil - Tutorial - Architecture - Les instruments de navigation

Les instruments de navigation

Leur but est de:

  1. Fournir à l’utilisateur une idée des contenus du site
  2. Donner une idée de la manière dont est construit et structuré le site, afin de pouvoir s’y orienter.

Les éléments clef de la navigation sont:

navigation
Instruments de navigation à l’intérieur d’une page Web

La métanavigation

Section de la page où des instruments d’aide prêts à l’emploi sont mis à la disposition de l’utilisateur, avec des éléments pour la communication et les fonctionnalités générales.

Tous les éléments de la métanavigation devraient être regroupés au même endroit, afin de donner l’impression d’un bloc unique, sur chaque page et de manière « visible ».

La navigation principale

La navigation principale est souvent positionnée sur une colonne à gauche de la page. Cette solution garde l’avantage d’être toujours au premier plan et elle s’adapte facilement aux dimensions réelles de la fenêtre ; en outre, elle est clairement distincte de tous les autres systèmes de navigation présents. De fait, c’est le plus utilisé dans les sites Web.

La barre de navigation est un des éléments les plus importants de la page, car il permet à l’utilisateur d’avoir une perception claire des contenus et de naviguer à l’intérieur de la structure sans se perdre. Pour cette raison, il est important que :

  • L’utilisateur puisse se rappeler facilement son contenu, et donc:
    • Elle ne doit pas avoir plus de six ou sept éléments. Il s’agit de la limite communément reconnue à la capacité humaine de mémoire brève ;
    • Les éléments doivent avoir un nom significatif qui évoque immédiatement les contenus de la destination. En général, ceux-ci relient à la page d’Accueil des pages secondaires qui décrivent le contenu des secteurs (éléments de la page). Pour plus de clarté, on peut ajouter à chaque élément une Information redondante, grâce à la petite fenêtre qui apparaît au passage de la souris sur le lien (link title), en ajoutant une phrase de description sur la destination du lien, dans le cas présent les sections du site;
    • Les éléments doivent être présentés sous la forme d’une liste réelle, c’est-à-dire constituée de texte et non pas d’images ;
  • Sa position doit être toujours la même dans toutes les pages.

La navigation secondaire

C’est un système de navigation secondaire (sommaire) séparé du système de navigation principale, qui comprend seulement la liste des sous-sections en lesquelles chaque secteur est divisé. Dans le prototype, on l’a inséré dans la colonne à droite de la page.

La navigation contextuelle

Système de navigation qui relie conceptuellement un document à un ensemble plus vaste de documents, comme pour former un dossier thématique.
La navigation contextuelle est positionnée dans la partie droite du corps de la Structure de la page, et elle présente les liens avec tous les documents formant le dossier. Les documents peuvent être:

  • des documents de texte
  • des documents multimédias
  • des liens à des sites extérieurs

Le menu de la navigation contextuelle sera donc commun à tous les documents du dossier (s’ils appartiennent au site) et il sera visuellement et graphiquement conforme au texte central du document courant.

Les miettes de pain

La miette de pain indique à l’usager à quel endroit de la structure il se trouve pendant la navigation aux différents niveaux du site. Les miettes de pain constituent un système de navigation qui permet à l’utilisateur de revenir sur ses pas dans le parcours suivi, sans devoir se servir de façon répétée de la touche « Retour » ; grâce à ce système de navigation, il perçoit la structure de l’information en se construisant un plan grâce à l’association de la typologie d’un type de document avec le parcours effectué pour le retrouver. Les miettes de pain montrent le parcours depuis la page d’Accueil jusqu’à la page courante. Dans chaque page, à l’exception de la page d’Accueil, elles sont organisées comme suit:

Accueil-->Section-->Sous-section-->Page courante

« Accueil » est la référence pour la page d’Accueil et « Section », « Sous-section » et « Page Courante » sont respectivement les titres de la section, de la sous-section et de la page courante. Le parcours montre la position de la page courante par rapport à la structure du site. Les éléments du parcours sont des liens actifs : l’utilisateur peut y arriver immédiatement, en les activant. En revanche, la Page Courante ne doit pas être un lien, afin de respecter la règle générale qui considère que la présence de liens dans la page courante est une grave erreur, sauf dans le cas de liens avec d’autres points de cette même page. La séparation des différents points du parcours est montrée par le caractère > (Symbole « supérieur à ») ; on peut utiliser aussi d’autres caractères comme / (slash) ou => (« égal supérieur à ») : ils indiquent tous le sens du parcours.

Les noms utilisés pour scander le parcours doivent être significatifs (à part « Page d’Accueil », qui est désormais d’usage courant) : habituellement, pour les secteurs et les sections, on utilise le nom qui apparaît dans la navigation principale (section) et dans la navigation secondaire (sous-section). Pour indiquer la page courante, il convient d’utiliser son titre (page title).

Le parcours peut être inséré juste au début (première ligne, alignée à gauche) de la zone « contenu de la structure de page ». De cette façon, il est immédiatement visible et ne sacrifie pas une trop grande partie de l’espace qui doit être consacré aux véritables contenus.

Le parcours doit être réalisé avec du texte, et pas avec une image ni avec des images du type petites flèches ou des éléments graphiques (symboles de fichier, type Windows, etc.) : il en va de la lisibilité et de l’accessibilité.

© © Projet Minerva 2006-02, dernière révision 2006-02-17, effectuée par WP5, Commission d’étude pour la création d’un prototype de site Web culturel public.
URL: www.minervaeurope/structure/workinggroups/userneeds/prototipo/progproto/architettura/navigazione_f.html