1. Organisation d'un site WWW et style

A. Le site: généralités

Optez pour un design simple

• Un site riche en graphiques et bien fait est très difficile à réaliser

Une seule "home page" qui renvoie aux pages les plus importantes

Système de navigation pour les pages importantes

• idéalement le lecteur doit avoir une idée "d'où il se trouve"
• une bonne solution est d'utiliser une barre de navigation

Utilisez le même design pour toutes vos pages importantes

• surtout valable si vous utilisez des éléments de navigation et de style pas très orthodoxes

Faites participer les utilisateurs

• Permettez-leur de renvoyer un feeback (via email ou via un formulaire spécialisé)

B. Le site: organisation

Utilisez plutôt une organisation hiérarchique qu'une toile d'arraignée

• faites un bon compromis entre profondeur et largeur

 

• Il est utile d'utiliser la même structure de fichiers (facilite la maintenance)
• Un site large nécessite d'autres aides à la navigation
• engins de recherche, menus spécialisés, "site-maps"

C. Les pages individuelles

• Chaque page doit avoir au moins un lien qui ramène vers une page "supérieure" et/ou vers l'auteur.
• Ne laissez pas le lecteur "coincé" !
• Si vous faites des pages longues, utilisez une table de matière interne
• Plus généralement: l'utilisateur doit avoir un accès rapide et direct vers l'information
• Evitez des pages qui mettent du temps à télécharger
• le temps de frustration est autour de 10 secondes maxi !
• utilisez les paramètres "width" et "height" dans la définition des images, cela permet au texte de se charger avant les images.
• Pensez aussi aux gens qui ne chargent pas les images: utilisez le paramètre "alt".

 <IMG SRC="gif/logo-tecfa.gif" ALT="[logo Tecfa]" width=567 height=225> 

• La page idéale donne de l'information sur:
• "qui" (auteur), "quoi" (contenu), "quand", "ou" (site).
• N'oubliez pas que la plupart des lecteurs arrivent directement sur une page (par exemple en utilisant des engins de recherche ou encore leur propres bookmarks).
• Ces informations permettent de cadrer l'information et de mieux la juger.

D. Documents multi-pages

• Eléments indispensables:
• Barre de navigation, page "table des matières", index (si possible)
• Mettez à disposition une version à imprimer
• Idéalement: versions PDF, Postscript (et ascii si approprié)