2. Quelques règles d'or pour les petits dispositifs

Optez pour un design simple

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

Une page d'accueil qui renvoie aux pages les plus importantes

Système de navigation pour les pages importantes

• idéalement l'utilisateur doit savoir 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 feed-back (via email ou via un formulaire)
• Faites un petit "usability-testing"

Chaque page doit avoir au moins un lien qui ramène vers la home page

• 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 3 et 5 secondes maxi (10 à la maison) !
• 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" (date de création/date de mise à jour), "où" (site/position par rapport au site).
• N'oubliez pas que la plupart des utilisateurs arrivent directement sur une page (par ex. en utilisant des engins de recherche ou encore leur propres bookmarks).
• Ces méta-informations permettent de cadrer l'information et de mieux la situer et évaluer.

Eléments indispensables:

• Barre de navigation, page "table des matières", index (si possible)
• Vous pouvez utiliser des "frames" pour un document multi-pages (table des matières, indices, etc. dans des petits "frames", le texte dans un grand "frame")

Mettez à disposition une version à imprimer

• Idéalement: versions PDF, Postscript (et ascii si approprié)

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 un système de menus plus d'autres aides à la navigation:
• engins de recherche, menus spécialisés, "site-maps"