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.