La charte graphique

"Dans le webdesign, le graphisme et l'ergonomie est au service du contenu. Un bon graphisme d'interface web accroche l'internaute, positionne votre site comme étant "prometteur" d'excellence. Ne décevez pas votre visiteur : Le contenu le fait revenir.
Un graphisme réussi véhicule un haut degré de professionnalisme et suscite le respect.
Un graphisme réussi positionne votre site comme étant l'un des meilleurs du genre dans le paysage très concurrentiel du web."
Marc Bergère, smartpixel.net

Composition des pages | Ecrire pour le Web | Couleurs | Typographie | Recommandations techniques concernant les images

Règle de composition des pages

Deux zones principales :

  1. zone de navigation (corps des polices réduit, espace limité),
  2. zone d'information (corps des polices important, espace maximal).

Navigation

Il existe un nombre limité de schémas de navigation : verticaux, horizontaux ou avec un menu « flottant ». La navigation utilise des menus déroulants, des images « réactives » ou des barres structurées à l'aide de tableaux.

Ces schémas peuvent être déclinés avec ou sans cadres (frames). L'utilisation des cadres est déconseillée, voir les articles à ce sujet sur:
Association des directeurs de bibliothèques départementales de prêt: http://www.adbdp.asso.fr/outils/ntic/creersite.htm#3
Auditweb: http://www.auditweb.net/conseils/usage_frames.htm

Recommandations:

On peut soit utiliser des menus déroulanys DHTML ou une navigation hypertexte classique misant sur la simplicité:
BENARD Vincent http://www.veblog.com/fr/2001/0203-pm-gouv-fr.html

On place sur chaque page, au minimum, des liens vers la page d'accueil et la rubrique hiérarchiquement supérieure, vers le haut de la page et éventuellement, un lien vers les pages suivante et précédente, on place les barres de navigation au même endroit sur chaque page, pour fixer des points de repères .

Navigation | Ecrire pour le Web | Couleurs | Typographie | Recommandations techniques concernant les images | Haut de page

Composition des pages

Le cas de la page d'accueil

Vitrine du site. Il est préférable que le temps de chargement soit court.
Un exemple: http://www.veblog.com/fr/2000/0816-utilisabilite-regles.html
Recommandations: http://www.montpellier.inra.fr/infoservices/presentations/pdf/page-accueil.pdf

Recommandations générales concernant les pages

Recommandations techniques concernant les pages

Navigation | Composition des pages | Couleurs | Typographie | Recommandations techniques concernant les images | Haut de page

Conseils rédactionnels - Ecrire pour le Web

Respect des règles linguistiques

Comment établir une cyberographie ?

Navigation | Composition des pages | Ecrire pour le Web | Typographie | Recommandations techniques concernant les images | Haut de page

Couleurs

Documents à consulter sur le Web

Navigation | Composition des pages | Ecrire pour le Web | Couleurs | Recommandations techniques concernant les images | Haut de page

Typographie

Documents à consulter sur le Web

Navigation | Composition des pages | Ecrire pour le Web | Couleurs | Typographie | Haut de page

Recommandations techniques concernant les images

 

Haut de page

4 mai 2004

© 2004 - Jean Pierre DEFILLE - Page sous licence OpenContent version 1.0.