// Aspect général des pages_____

Les grandes règles à respecter

On doit pouvoir se repérer du premier coup d'oeil

où est-on ? de quoi parle-t-on ? les pages d'un même site doivent donc avoir une homogénéité dans leur présentation.

Une page ne doit pas être trop longue et encore moins trop large

Une page doit représenter la hauteur de 2 écrans au maximum et l'information principale doit être en haut de la page,
car on se lasse vite des défilements d'"ascenseur"

Une page ne doit pas être trop "lourde"

Pour éviter que que l'internaute ne "zappe", la page doit se charger très vite :

• "Avec un délai de réponse d'une seconde l'utilisateur a l'impression d'une navigation sans attente.
• Avec un délai de 10 s et moins, on évite d'interrompre la concentration de l'utilisateur" (Nielsen)

Calcul du temps de téléchargement >

Le "poids" optimal d'une page est de 20-30 Ko.
Il faut inclure dans ce total le poids des images intégrées à la page, mais les images répétées dans le site (logo) se chargeront plus vite dès la 2e page vue, car elles sont conservées dans le "cache" de votre ordinateur, qui n'a pas à effectuer une nouvelle connexion au serveur.

"Nettoyez" le code des pages pour le rendre plus léger et plus lisible, utilisez par ex. HTML-Kit

Mise en page et dimensions

Aspect général

Respectez les "trois lois fondamentales de la perception visuelle "
(Joelle Cohen, in Documentaliste - Sciences de l’information 2000, vol. 37, n° 3-4)

• la vision est instantanée : l'oeil se fait une idée globale avant d'explorer la page
• la vision ordonne : mettez les éléments importants en évidence
• la vision regroupe : regroupez les informations semblables

Faites en sorte que toutes vos pages aient un aspect similaire : cela donne une homogénéité à votre site et permet de celui qui le consulte de se repérer plus facilement. De plus, vous pourrez créer un modèle de page facilement réutilisable.

La page d'accueil de votre site aura un aspect un peu différent des autres sans se départir d'un "air de famille" (charte graphique).

Dimensions

Largeur

Pensez à vérifier l'aspect de votre page en fonction de différentes tailles et résolutions d'écran. : L'idéal est que l'utilisateur n'aie jamais à faire défiler l'ascenseur horizontal pour pouvoir lire le contenu de votre page, même s'il ne consulte pas en mode plein écran.

C'est une des raisons pour lesquelles il vaut mieux définir les largeurs de tableaux en pourcentage plutôt qu'en valeur absolue

Hauteur

Essayez de limiter aussi le défilement vertical et placez toujours l'information importante en haut de page : si votre page est trop longue, sectionnez-la en en plusieurs pages ou utilisez au moins des ancres.