Conception Web – Etape 2 – Le système de navigation (2/2)

In: Design| freelance business club

10 Jan 2009

Dans le post précédent, nous avons vu les premiers éléments du système de navigation,

  • Le logo
  • Les sections
  • Et les sous sections

Nous allons voir maintenant les autres éléments de base du système de navigation.

Le nom des pages

J’aime quand une page est clairement identifiée, bien mise en valeur et sans ambiguité. Pour cela chaque page doit avoir :

  • Un nom
  • Généralement je place le nom en haut à gauche dans un format bien identifiable (plus gros et en couleur par exemple)
  • Le nom doit être explicite et correspondre au contenu
  • Titre_Page_FBC

    Le système de navigation local

    C’est le système de navigation propre à une page. Il est contextuel et regroupe les liens permettant de naviguer et les actions apropriées.
    Dans une architecture comme FBC avec une barre d’onglet et une barre de navigation verticale, le système de navigation local peut venir à droite comme ceci :

    Actions_FBC

    Le système de repérage

    Il permet à l’utilisateur de savoir où il est dans le site. Généralement, il est matérialisé par une flèche, une police en gras, une couleur différente sur les éléments du système de navigation.
    Sur la version actuelle de FBC, nous n’avons pas insisté sur le repérage.

    Le fil d’ariane

    Le fil d’ariane permet à l’utilisateur de visualiser le chemin parcouru et éventuellement de le remonter.
    Le fil d’ariane n’est pas forcément nécessaire, pour ma part je trouve qu’il a un intérêt mais il doit être intégré de façon discrète (par exemple dans le header avec une couleur neutre).

    Les utilitaires

    Ce sont des éléments qui peuvent aider, informer l’utilisateur ou lui permettre d’effectuer des actions.
    Pour ma part j’aime bien avoir tous les utilitaires d’information en bas de page (”A propos”, “nous contacter”, “Espace presse”, etc.), si nécessaire je donnerais une place dans le header pour les utilitaires d’actions (3 / 4 maximum, “recommander”, “inviter”, “s’abonner”, etc.).

    Le moteur de recherche

    La recherche est un système de navigation à elle toute seule. C’est pour ainsi dire, l’autre façon de naviguer dans un site Web. La recherche est un point crucial, souvent négligé par les concepteurs, elle fera l’objet d’un prochain article.

    Le système de navigation est une brique fondamentale de l’architecture fonctionnelle d’un site web.
    L’application de ses principes devrait vous permettre d’en développer un simple et efficace.

Comment Form

Coulondre's blog

Entrepreneur, co-fondateur d'Allmyapps, je vous parle ici de mes passions : l'entreprenariat, les entrepreneurs, Internet, l'informatique, les logiciels mais aussi la course à pied, le vin, l'écologie, Etc...

-->

Twitter update

  • Gonzague: merci :-) [...]
  • arno: Heu bientôt :-) [...]
  • Jean-Francois Paris: Sont ils tous disponibles sur http://www.allmyapps.com ? [...]
  • Truffumide: Mouai !!!! j'y croix pas c'est un mito !!!! J'ai essayé, j'ai encore essayé, puis j'ai reessayé [...]
  • arno: @Totor, a priori il y a des petits soucis de de reconnaissance usb (ce qui doit bloquer ton itunes.. [...]