Pourquoi tant de sites mal conçus ?

  Défauts courants des sites : on a du mal à comprendre l’objet du site, les liens sont obsolètes ou trompeurs, l’utilisation abusive d’images impliquant des temps de téléchargements interminables, pages trop longues, absence de guidage, d’aide, manque de compatibilité avec certains matériels ou logiciels (rendre un site compatible IE sous windows est un vrai sacerdoce)... Les sites sont souvent conçus comme des livres or le web necessite une rédaction et une organisation spécifique

Aujourd’hui, on peut dire que les 2 maîtres mots d’un bon site web sont simplicité et facilité d’accès. L’adage selon lequel « le client est roi » prend encore plus d’importance ici puisque comme le fait remarquer Jacob Nielsen « les concurrents sont à un clic de souris ».

La page d’accueil

  Elle a le « look and feel » du site : elle donne le « la »
  C’est le point critique de la conception du site
  Elle doit retenir l’attention du visiteur et lui donner envie de rester sur le site
  Elle doit donner l’impression d’une hiérarchie consistante d’objet.
  Pour l’ergonomie, la structure d’un site est plus importante que l’aspect de ses pages : un utilisateur doit trouver facilement une information. Ainsi les points essentiels de la page d’accueil sont sa simplicité, sa consistance et sa focalisation.

La simplicité

• le titre doit informer sur le contenu du site
• idem pour les liens
• Toute information fournie doit être pertinente

La consistance Il doit y avoir une unité entre les pages cela diminue le temps d’apprentissage et permet à l’utilisateur de trouver rapidement les informations essentielles. Pour y arriver, il faut que les pages aient un alignement d’éléments selon des axes communs, des tailles d’objets similaires et une répétition des styles (pour les entêtes par exemple).

La focalisation

C’est une conséquence naturelle de la simplicité et de la consistance. Cette focalisation doit porter sur les éléments essentiels permettant ainsi par une icône ou un titre d’avoir tout de suite connaissance du contenu des pages.

La navigation

Quelques règles simples

  L’utilisabilité d’un site réside en grande partie dans la qualité de navigation qu’il offre. La tâche principale de l’utilisateur étant la recherche d’information, il faut éviter qu’il ait à attendre ou qu’il se perde.
  L’utilisateur doit savoir à tout moment comment faire pour aller où il désire.
  Les liens doivent répondre aux objectifs de l’utilisateur et être faciles à comprendre.
  Les principales informations doivent être accessibles en moins de 3 clics.

Pour y arriver

  La barre de navigation : Elle doit permettre de fournir une vue globale du site et eventuellement s’afficher sur chaque page du site de préférence en haut à gauche de l’écran.

  Offrir une carte du site : elle offre un accès direct aux pages.

  Le traçage : rappeler à l’internaute par une suite de liens (sur une ligne), les rubriques par lesquelles il est passé.

  Les liens

• Les placer sur les mots clès
• Ne souligner que les mots clès au lieu de souligner toute la phrase
• Choisir un texte explicite pour le lien
• Eviter de répéter le même lien sur la même page
• Prévenir quand le lien pointe vers un document volumineux

Aspects technologiques

  Le matériel :

• PC ou Mac : les mêmes caractères apparaissent plus grand sur PC que sur mac
• Résolution d’écran : En l’an 2000, 83% des gens étant en 800x600, aujourd’hui encore la plupart sont en 1024x768 et moins.

  Le temps de téléchargement

• Pour les sites web, des études ont montré qu’il faut éviter un délai d’attente supérieur à 10 secondes pour l’accès à la page d’accueil
• Le temps de passage à une autre page du site ne doit pas excéder 1 seconde, à partir de 2, l’utilisateur à l’impression d’attendre
• Les variations de temps de réponse doivent être aussi faibles que possible.

Pour limiter ce temps, il faut prendre en compte :

• La vitesse des modems des utilisateurs les moins bien équipés (en 56Kbits le temps de chargement une page de 50Ko est de 10 secondes)
• Le type d’accès Internet
• Le poids des pages : il est donc important de réduire le poids des images. On peut également utiliser l’attribut Alt qui affiche le texte correspondant à l’image avant son affichage ou utiliser plusieurs fois les mêmes petites images (elles ne nécessitent qu’un seul chargement)

  Les cadres (ou frames)

Ils posent plusieurs problèmes

• En terme de navigation, ils conduisent à des erreurs quand on utilise le bouton Back
• Les ajouts de signets conduisent à la page d’accueil
• Si l’utilisateur ne fait pas attention, il peut avoir des problèmes à l’impression
• Des problèmes d’indexation dans les moteurs

  Les feuilles de style en cascade (CSS)

Elles permettent de séprarer la présentation du contenu et créent ainsi la cohérence de l’ensemble des pages du site. Il faut utiliser des feuilles de style liées plutot qu’incorporées car cela diminue la maintenance et le temps de chargement.

  Les animations (Flash par exemple)

Il faut les utiliser avec parcimonie, ne pas les ajouter à côté d’un texte à lire et prévoir la possibilité de les stopper en effet si elles ont un caractère distrayant cela peut parfois devenir agaçant.