0Faute : Créer et animer son site, Georges Simenon, Yello
Sommaire  Plan du site  Contact  Vous cherchez ?  Les liens
DESIGN
Sur le site
0Faute News
Recevez chaque mois les nouveautés de 0Faute ainsi que les tendances du Net et de la société.

S'inscrire Se désinscrire
Consultez le dernier numéro de 0Faute News, les archives et les enquêtes sur la protection des personnes et nos élus et le Net.

Partenaire

Créez votre site  Charte graphique et ergonomie  La navigation

Comme le dit fort bien l'américain Jakob Nielsen dans son ouvrage "Design Web Usability", "avoir un site inutilisable parce quebourré d'erreurs de navigation, c'est comme avoir un magasin au 17ème étage d'un immeuble sans ascenseur, ouvert seulement le mercredi entre 3 et 4 heures du matin et tenu par un vendeur grincheux qui ne parle pas aux clients".
Les usages veulent qu'une portion de texte correspondant à un lien apparaisse en bleu et soit soulignée. De même, il est courant qu'un lien déjà sollicité apparaisse en rouge. La plupart des éditeurs permettent d'adopter d'autres conventions. Je vous le déconseille. Ne vous éloignez des règles établies qu'à condition d'être un graphiste professionnel capable de mettre un lien en évidence aux yeux du commun des mortels tout en s'écartant des sentiers battus.
La conception du système de navigation est essentielle. Ce point s'avère crucial pour garder le visiteur sur son site. Ce système doit permettre de visualiser l'étendue de ce que vous proposez. Il n'y a rien de plus énervant qu'une page d'accueil qui ne propose pas un accès direct à une sous-partie du site !
Vous répondrez à toutes les interrogations grâce à un plan du site. Essayez également de prévoir des réponses aux questions qui vous seront le plus fréquemment posées. Enfin, un moteur de recherche interne et un contact e-mail, présent sur toutes les pages, facilitent la vie du visiteur.
Soyez rigoureux dans les principes de navigation que vous mettez en place. Définissez-les une bonne fois pour toutes. L'utilisateur ne doit pas se perdre sur le site. Il faut qu'il sache en permanence dans quelle rubrique il navigue. Privilégiez un accès direct à l'information en évitant les pages intermédiaires, telles que "Bienvenue sur mon site" ou "cliquez ici pour rentrer". Un seul mot d'ordre : faire simple. L'utilisateur ne doit pas avoir à cliquer plus de deux ou trois fois pour accéder à l'information recherchée.
Avec un simple clic, l'acheteur doit pouvoir inclure l'article affiché dans un "panier", puis consulter à tout moment son bon de commande. Cette simplicité facilite la navigation entre les produits. L'acheteur sait qu'il peut confirmer ou non chaque achat au moment de conclure sa commande. Le paiement doit pouvoir s'effectuer directement en ligne, ou, pour ne pas effrayer les plus récalcitrants, par tout autre moyen existant (envoi contre remboursement ou chèque).
Dans tout processus d'achat, il y a une phase d'exploration ("pour voir"). Souvent, les sites ne proposent pas d'espace d'exploration et poussent trop l'internaute à acheter. Leur modèle est trop déterministe. Il faut élaborer des environnements qui mettent les gens à l'aise pour tester. En outre, les utilisateurs doivent pouvoir revenir en arrière à tout moment, et savoir dès le début que ce retour est possible.

Vous devez respecter quelques règles :
 Les divisions naturelles de l'information : Avant de planifier la navigation, vous avez fait l'exercice de penser à vos clients.
  • Qui-sont-ils ?
  • Que chercheront-ils sur votre site ?
  • Que préféreraient-ils ne pas y retrouver ?
  • Comment pouvez-vous leur simplifier la vie ?
  • Comment pouvez-vous les fidéliser ?
  • Où est votre valeur ajoutée ?
Une fois ces aspects identifiés, on peut planifier l'interface de navigation. Vous devez examiner l'information et les applications qui seront disponibles sur votre site. Certaines informations forment-elles des sections logiques ? Comment distribuer l'information de manière horizontale pour réduire le nombre de clics à effectuer pour parvenir à une page ? N'oubliez-pas : deux clics devraient être le maximum entre la page d'accueil et toute autre page dans le site. Plus facile à dire qu'à faire !
 Ne les surprenez pas ! Depuis le développement du Web, les internautes se sont habitués à certains paradigmes de navigation, tel le logo de l'entreprise placé en haut à gauche de chaque page avec un hyperlien retournant à la page d'accueil, des sous-menus soit placés sous les titres de section en haut, soit à gauche de la page, etc... Assurez-vous aussi de bien mettre en évidence les sections qui seront les plus utilisées en les incluant dans les éléments de navigation permanente.
 L'uniformité avant tout : Une fois le visiteur habitué à votre navigation, conservez votre approche. Évitez donc de modifier le "look" de la navigation en cours de route (ce type de problème peut surgir quand de nouvelles sections sont greffées maladroitement sur un site existant). Un tel changement est déroutant et envoie un message négatif. Même si le changement est mineur, l'internaute le détectera et perdra rapidement confiance en vous.
 Restez lisible ! Pour gagner de la place ou créer un design plus avant-gardiste, les concepteurs de sites Web emploient des polices très petites (6 à 8 points) pour leur typographie. Ceci peut demeurer acceptable pour un public jeune, mais devient rapidement difficile à lire pour un public plus mature. Assurez-vous que votre public pourra lire et comprendre le texte et les liens !

Les cadres rendent vos pages intérieures difficiles à inscrire dans les "signets" ou "favoris" de l'utilisateur. De plus, elles induisent une manipulation certe simple mais non intuitive pour permettre leur impression. Enfin, lorsqu'un moteur de recherche pointe vers une page intérieure incluse en temps normal dans des "frames", l'utilisateur perd les éléments de navigation associés au site. Il se retrouve perdu, les designers oubliant souvent de faire figurer des éléments de navigation de secours sur les pages de contenu. 

Voir aussi :

 Sommet de la page

Precedente Sommaire Remonter Suivante

  Click Here!
Pour toute question ou remarque concernant ce site, envoyez un courriel à jacques @ 0faute.com
Dernière mise à jour de cette page le 11/12/2005.
 
Dans cette rubrique
Réactions

Une réaction ? Besoin d'un conseil ?
Participez au Forum 0Faute Design !

N'oubliez pas de signer le livre d'or de 0Faute !