"Le paradigme de la technologie de l’information n’évolue pas vers la fermeture (en système) mais vers l’ouverture (en réseau multiples. Puissant et imposant de matérialité, son évolution historique montre qu’il sait s’adapter et s’ouvrir. La globalité, la complexité et la mise en réseau sont ses qualités majeures. La dimension sociale de la révolution des technologies de l’information semble donc appelée à se conformer à la loi sur la relation entre la technologie et la société, telle qu’elle a été proposée il y a quelque temps par Marvin Kranzberg : "la première loi de Kranzberg s’énonce ainsi : la technologie n’est ni bonne ni mauvaise, pas plus qu’elle n’est neutre". Il s’agit d’une force puissante qui pénètre jusqu’au coeur de la vie et de l’esprit" Manuel Castells. La société en réseau : l’ère de l’information. 1996.

Le cadre général de l’ergonomie des logiciels, c’est les difficultés liées à l’usage des nouvelles technologies de l’information et de la communication. Les métiers de l’informatique ont grandement évolué. Pour mener à bien un projet d’informatisation, il est nécessaire de traiter dans leur indépendance les aspects humains et sociaux attachés à la transformation du travail.

Vous pouvez, pour vous donner une idée du travail que représente l’ergonomie des logiciels, télécharger la liste des critères de qualité ergonomique de Bastien & Scapin.

L’ergonomie d’un site web a toute son importance. En effet, si pour un logiciel, on ne se rend compte des problèmes qu’après l’avoir acheté (50% des appels sur les hotline sont dus à des problèmes d’utilisabilité), sur le web, c’est l’inverse : on teste l’utilisabilité avant d’acheter, d’où la nécessité de retenir le client, et l’importance de l’ergonomie du web.

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.

nous allons aborder des critères plus précis de l’ergonomie des sites Web (En l’occurence les critères émis par Bastien et Scapin) et les illustrer.

guidage

Le premier des points sur lesquels il faut faire attention, c’est le Guidage. Le guidage est composé de 4 critères.

l’incitation

L’incitation doit permettre de connaître l’état ou le mode en cours. Cela est le cas par exemple pour site MacTouch : en colorant en rouge le menu dans lequel on se trouve, l’utilisateur sait dans quelle partie du site il navigue.

groupement/distinction des items

Il faut que visuellement il soit facile à l’utilisateur de se retrouver entre des éléments similaires et des éléments différents soit par leur localisation soit par leur format.

feedback immédiat

Sur le web, les gens ne sont pas patient, comme je l’ai déjà noté passé quelques secondes, on a déjà l’impression d’attendre. Lors de l’affichage de page il est donc important de prendre soit de ces images (souvent l’élément le plus gros à afficher). Sur Google, lors d’un recherche d’image, le site affiche progressivement tous les résultats en plus d’indiquer le nombre de documents trouvés, cela aide à patienter

lisibilité

La lisibilité du texte joue également toute sont importance, il est nécessaire de faire attention à son choix de police, de couleur etc...Le texte doit avoir un bonne taille et un bon contraste avec la couleur de fond.

Charge de travail

brièveté

La brièveté ne signifie pas forcément que vous donnez peu d’informations, mais bien que la hiérarchie de vos pages doit être réfléchie de telle façon que la navigation se fasse en cliquant le moins de fois possible. On dit souvent qu’il faut que l’utilisateur arrive à l’information qu’il cherche en 3 clics. densité informationnelle Encore une fois, il ne s’agit pas du volume d’information mais de la façon de l’organiser. Il faut savoir mettre en avant l’information principale

contrôle explicite

Cette partie designe le fait que l’utilisateur doit pouvoir prendre conscience qu’il a le contrôle sur les activités. Cela peut se faire soit par des boutons OK qui viennent valider un formulaire mais c’est également par la présence de liens ou de bouton dont le nom donne une explication clair de leurs actions

adaptabilité

Flexibilité

La flexibilité doit permettre à l’utilisateur d’arriver à la même information ou au même résultat en utilisant plusieurs façons de le faire.

prise en compte de l’expérience de l’utilisateur

N’oubliez pas dans vos pages que des populations très différentes peuvent s’y retrouver, des personnes ne connaissant pas forcément internet pour lesquelles il faudra utiliser des systèmes simples avec des termes clairs, mais aussi des personnes expérimentées qui chercheront quelque chose de pointu.

gestion des erreurs

La gestion des erreurs sur un site, ça veut dire prévenir les erreurs et renseigner de manière compréhensible lorsqu’il y a des erreurs.

homogénéité et cohérence

c’est un élément que l’on a déjà abordé, il est important que vos pages aient une allure et une organisation similaire cela va faciliter l’apprentissage et la navigation signifiance des codes et dénominations Il est important que les noms des boutons et des menus fassent sens. Cela n’est pas toujours facile. On peut donc utiliser d’autre moyen comme les petites étiquettes qui apparaissent lorsque l’on survole avec la souris un élément.

compatibilité

La compatibilité si elle ne peut jamais être complétement universelle, doit pourtant être fortement prise en compte. Le simple respect des standards web ne suffit pas à la garantir (déjà parce que explorer ne suit pas les standards). Il faut donc tester vos pages sur le plus grand nombre de navigateurs et le plus grand nombre de plate-formes que vous pourrez