L'Ergonomie : l'art de la simplicité.

La conception raisonnée des sites internet est l'une des clés de la réussite. Les visiteurs de votre site ne le quitteront plus en se disant : "Où dois-je cliquer?", "ça ne marche pas...","c'est long...","c'est quoi ce site?","zut, c'est une page perso"

 

Nous allons énoncer une série de règles ou de réflexions permettant de mettre sur la bonne voie toute personne cherchant à rendre son site utilisable.

  • Identifier l'utilisateur
  • Penser aux différentes résolutions d'écran
  • Donner la bonne information au bon moment
  • Des titres clairs et sans mystères
  • Charger vite
  • Métaphores et icônes
  • Cadres/frames
  • Rester crédible
  • Couleur standard pour les liens
  • Soyez clairs

Identifier l'utilisateur
Les habitudes, le matériel utilisé, les plug-in disponibles de votre " public cible ", vous permettrons de mettre des bornes techniques à vos futurs développement. Si vous destinez votre site a être vu par une très grande variété de visiteurs, il vous faut rester simple. Si par contre vous développez un site pour un nombre restreint d'initiés, qui ont en commun une culture et des réactions similaire face à une interface de navigation exotique : vous pouvez vous permettre toutes les fantaisies.

Pensez aux différentes résolutions d'écran :
Tous le monde n'a pas un écran 17 pouces configuré en 1024 par 768. On conseille habituellement de ne jamais de ne jamais figer les dimension d'affichage d'un site ( utiliser des tailles relatives plutôt que de tailles absolues en ce qui concerne la définition des tableau ). Prenez tout de même garde à ne pas vous retrouver avec les lignes de texte de cinquante mots, la lisibilité et l'aspect global de votre site risque d'en pâtir. Personnellement, je conseille de connaître la configuration moyenne des écrans et de travailler à cette échelle. Actuellement peu de personnes utilisent encore une configuration 600*400, voilà pourquoi ce site est figé en 800*600. On peut aussi prévoir différentes mise en page en fonction de l'affichage.

Donner la bonne information au bon moment :
Réfléchissez à ce qu'attend le visiteur lorsqu'il arrive sur votre site. Le plus souvent, il désire être orienté ou recevoir des informations claires et résumées. Les images grand format et les textes de plusieurs pages n'ont pas leur place au premier niveau de votre site.

Des titres clairs et sans mystères
On ne charge pas une page dont on ne sait rien. Un titre ou un lien doit donc être explicite. Ne cherchez pas non plus à être racoleur ou commercial, le public qui surf a une démarche adulte et active, il peut à chaque instant quitter votre site s'il sent que l'on désire l'embobiner.

Charger vite :
La vitesse de chargement est relative et dépend du matériel, toutefois le volume global de la page doit toujours être optimisée pour donner les informations au plus vite. Pour cela les images doivent être "compressées" au maximum. Le gif doit être préféré au jpeg pour les petites images et pour celle dont le nombre de couleur est réduit. On peut aussi permettre l'affichage du texte avant celui des image en définissant les dimensions des images dans les balise <img> . Ne cherchez pas à créer des pages ayant un volume total supérieur à70ko

Métaphores et icônes
Evitez les métaphores et les icônes non standard, elle risquent de ne pas être comprises. De plus, elles sont longues à charger et elles n'apportent pas plus d'informations qu'un bon menu textuel.

Cadres/frames
Les frames ont bien sur des avantages : le design se propage de page en page, un menu peut rester visible quelque soit la position de la page. Toutefois, les problèmes liés aux frames ne sont pas sans conséquences : Ils occupent trop d'espace, surtout lorsque le site a été imaginé pour une configuration d'écran supérieure à celle de vos visiteurs. L'URL affichée dans le navigateur n'est pas celle de la page. Si le visiteur arrive directement sur la page centrale, il n'a pas accès à l'interface de navigation, si celle ci est placée dans une autre frame. Les moteurs de recherche ont parfois des difficultés à reférencer automatiquement les frames.

Rester crédible
N'utilisez pas de gadjet : gif animés rigolos, applet java à deux francs. bannissez tout ce qui peut donner un aspect non professionnel à votre site. Soignez le graphisme : cela ne veut pas dire que votre site est de qualité, mais un mauvais graphisme peut rebuter un visiteur. N'utilisez une technologie qu'a partir du moment où cela va permettre de crédibiliser votre travail : ne gâchez pas tout votre travail avec une animation flash si vous ne dominer pas cette technologie. Réservez cela pour plus tard, lorsque vous serez prêt.

Couleur standard pour les liens.
Les utilisateurs de votre site risquent d'être perdus si vous utilisez des couleurs de lien non standard (bleu pour les liens non visités et rouge/brun pour les liens visités). Il faut savoir que le choix des couleur des liens, au tout début de l'internet, n'a pas été fait par de ergonomes ou des spécialistes des couleurs, car le bleu est moins visible que le rouge. Le lien déjà visité a plus de chance d'attirer l'attention que le lien non visité. Si ces couleurs ne vous plaisent vraiment pas, on peut jouer avec différentes teintes de bleu et de rouge pour remplacer les couleurs standard.

Soyez clairs (l'art de la rédaction pour internet)
Rédigez des textes courts et bien mis en valeur.