Encore
un article qui s’adresse à vous autres créateurs.
Vous qui vous êtes souvent posés la question de
« comment dois-je disposer mes items sur mon site afin
de permettre à mes utilisateurs d’arriver le plus
facilement à l’information qu’ils cherchent
» ? Dois-je placer mon menu à gauche, à
droite ? Dois-je placer un menu horizontal en bas de ma page
? Dois-je obligatoirement rester dans les normes pour avoir
un site qui fait plus « pro » ?
L’intérêt, comme dit précédemment,
c’est de toujours faire en sorte que le navigant arrive
le plus vite à l’information, et il faut toujours
rester dans cette optique lors de la pensée et la conception
du site.
Première chose, disposition du graphisme. Nous autres,
occidentaux, lisons de gauche à droite et de haut en
bas, il est donc nécessaire de positionner les informations
en fonction de cela.
Il est nécessaire de présenter le graphisme
en haut et plutôt à gauche par rapport au contenu
et de l’utiliser un peu comme une introduction du site,
il doit présenter des couleurs (voir
l'article sur la gestion des couleurs), un style
et un logo qui présentent bien ce que l’on va
trouver à l’intérieur de ce site. Ainsi,
ce graphisme est établi comme un cadre pertinent.
Une des dispositions les plus utilisées est celle
de mettre un menu horizontal en haut, présentant comme
les grandes lignes du site, un menu sur la gauche, avec toutes
les parties du site, presque détaillées, et
des fonctionnalités additives (inscription à
la newsletter, zone de recherche, etc.).
Pourquoi est-elle aussi souvent utilisée ?
Décrivons-là, à titre d’exemple,
pour comprendre la logique qu’il est nécessaire
de suivre lors de la conception du cadre.
La barre horizontale, présentant les grandes lignes
du site présente l’avantage suivant que si l’on
enlève le menu de gauche pour gagner de la place pour
le contenu, on aura toujours un menu pour la navigation. Il
présente aussi cet avantage de ne garder que l’«
essentiel ». Le menu présenté à
gauche ou à droite est un menu dit « standard
», dont on ne peut se passer si l’on a beaucoup
de contenu, afin de faciliter l’accès direct
à des zones plus reculées du site, mais qui
intéressent un grand nombre de personnes. On y insère
un peu tout et n’importe quoi, mais de façon
organisée, presque comme si l’on avait un plan
du site hiérarchisé. Le menu horizontal du bas,
beaucoup moins utilisé, propose toujours quand il existe
tout ce qui est « background » du site, c’est-à-dire
les crédits, droits sur le contenu, présentation
et contact des webmestres. Il est parfois utilisé lorsque
le site propose des pages relativement longues (sites éditoriaux)
pour donner un rappel des parties ou pages principales afin
d’éviter au navigant de retourner en haut de
la page.
Cependant, ce n’est pas parce que cette présentation
est la plus utilisée qu’elle est la plus pertinente.
Comme on l’a dit, les menus et le graphisme sont un
cadre. Donc, à partir du moment où l’on
accède de façon intuitive à l’information,
à peu près n’importe quel style conviendra.
Les sites de graphisme se font souvent anti-conventionnels
de façon à mettre en avant la créativité
du graphiste. Pages pleines, menus aux dispositions informelles,
tout est bon pour se mettre à part.
Mais toujours dans une et une seule optique
de favoriser l’accès au contenu recherché.
Préférer un menu à gauche
ou à droite ?
Cette question simple est généralement
une source de "prises de tête" lors de la
création de sites. Une réponse toute simple
: si vous préférez privilégier le contenu
avant le menu de façon à ce qu’on lise
ce qu’il y a sur la page d’accueil avant ce qu’il
y a dans le menu.
Rappelons les différents types de
sites et leurs présentations générales
:
- Site éditorial : présentation
classique avec graphisme en haut et un peu sur le menu latéral,
menu latéral (souvent à gauche et à droite),
menu horizontal en haut et en bas présentant les grandes
rubriques. Exemples : journaldunet.com et lemonde.fr.
- Site de services : présentation classique, de façon
à accéder facilement à tous les services
proposés. Exemples : banquedirecte.fr, caramail.com.
Quelques fois un menu annexe disponible à droite.
- Site annuaire : disposition haut/bas avec graphisme en haut
et menu horizontal en haut et annuaire en bas avec hiérarchisation
de la présentation des sites par des catégories.
Exemples : répertoires google.com, yahoo.com.
- Site de marque (seulement page vitrine) : dépendant
de l’image de la marque. Souvent présentation
haut/bas avec menu du haut intégré au graphisme.
Exemples : Nike, coca-cola.fr.
- Site commercial : disposition parfois classique avec plan
sur la gauche ou droite présentant les différentes
catégories de produits et graphisme et menu horizontal
en haut. Exemples : rueducommerce.com, priceminister.fr.
- Site porte folio (présentant les réalisations
d’une personne, CV, etc.) : souvent présentation
haut/bas ou gauche/droite. Le menu est aussi souvent intégré
au design et se présente horizontalement. Exemples
: laurentz-design.com, mathieusylvain.net. Certains designers
préfèrent parfois sortir de la norme pour se
positionner à part, via des présentations flash
® ou photoshop ® (ou autres) complexes.
En
résumé, il faut penser que dans un site, le
plus important est de guider son visiteur de façon
à ce qu’il comprenne comment le site marche,
l’encadrer pour qu’il sache toujours où
il est et offrir une lisibilité exemplaire, qu’il
n’ait pas à chercher l’information, mais
qu’elle vienne à lui.
Romain BOYER- [IW] - Décembre 2003
La newsletter de [I-W]
Pour être tenu informé des interviews et des articles proposés
toutes les semaines
En
résumé, il faut penser que dans un site, le
plus important est de guider son visiteur de façon
à ce qu’il comprenne comment le site marche,
l’encadrer pour qu’il sache toujours où
il est et offrir une lisibilité exemplaire, qu’il
n’ait pas à chercher l’information, mais
qu’elle vienne à lui.
