Définition.
Définition: C'est l'adéquation entre ce que propose le site et les besoins des visiteurs potentiels et la facilité d’utilisation du site…l’information étant l’élément primordial du web .
L’ergonomie concerne : l’utilité (répondre aux besoins), l’utilisabilité

Conseils:
Observer & tester les sites concurrents, lister les points faibles & forts
Limiter le nombre de clics pour arriver à l’information recherchée
Mettre de d’information, ne pas inonder l’écran d'images
Vérifier la compatibilité avec autres navigateurs IE / Mozilla
Si possible, faites valider votre charte graphique avant la mise en ligne
La page d’accueil : l’utilisateur doit comprendre ce que vend le site et se sentir en confiance
Le site doit être le plus intuitif possible
Montrer clairement les zones de liens avec soulignement

Temps de téléchargement :
Au-delà de 10 sec le temps et considéré comme stressant
Une page est perçue comme plus intéressante si elle est téléchargée rapidement

Plan du site :
Est nécessaire pour les site qui ont une information abondante.
Notamment site de VPC, boutique en ligne…
Présenter un plan ne présente un intérêt que si il est mis suffisamment en évidence, en général le placer en haut à droite. Le design passe au 2d plan au profit de l’efficacité.
Faire un plan interactif = montrer les liens déjà visités

Facteur de retour sur un site

Barre de navigation ou fil d'Ariane
Elle se situe en général en haut du site et se présente sous cette forme:
accueil >> page1>>page 2 ...
Elle changera automatiquement en fonction de la navigation de l'internaute.
Cela augmente la maillage de vos sites ce qui est très apprécié par les moteurs de recherche.

Boutique en ligne
. Sélection produits, possibilité de comparaison
. Bon de commande, clair, possible de le modifier, supprimer des articles ….
. Frais d’envoi, disponibilité explicite dès le début
. Panier d’achat accessible à tout moment
. Confirmation de commande, impression, suivi de commande

Formulaires
Ils sont auto explicatifs
Indispensable de différencier les champs obligatoires et ceux qui ne le sont pas par une * à faire figurer en haut de page et non en bas
Lors de la validation, la saisie des champs obligatoires doit être contrôlée
Afficher clairement le format des dates (ex : 25/01/2007)
Codes postaux, attention aux normes étrangères
Justification :
A gauche si les titres ne diffèrent pas en longueur de plus de 6 caractères
A droite si longueur des titres importantes
Dans tous les cas les titres doivent être prêt des champs
Si titre au dessus, justification à gauche ex :
Nom :
xxxxxxxxxxxxxxxxxxx (champs)

De la même manière les champs de saisie sont alignés à gauche
Les déplacements du curseur d’un champ à l’autre doivent correspondre à l’ordre des champs. Autoriser les déplacements avant et arrière
Favoriser les menus déroulants quand les entrées possibles sont prédéfinies
Confirmer les informations saisies par l’utilisateur par un message explicite & en envoi de mail
Proposer un liste de pseudo quand le premier est déjà utilisé.

Internationalisation
C'est un vaste sujet, d'une façon générale, faites attention aux normes locales (date, chiffres,couleurs, sens de lecture...), aux symboles qui peuvent être interprétés da façon différente selon les pays, aux traductions qu'il est préférable de faire réaliser par des professionnels plutôt que des traducteurs automatiques.

Accessibilité
C'est l'adaptation de son site pour les personnes handicapées (malvoyants,séniors ...)
Voir les informations sur le site http://www.accessiweb.org
Les études nous révèlent que 8% des hommes sont daltoniens, les handicapés visuels sont 2 fois plus équipés en informatique que la moyenne et sont très fidèles aux marques en raison de la difficulté rencontrée pour comparer les offres différentes.
Les règles de base:
Tous les éléments visuels doivent être accompagnés d'un commentaire textuel (balise Alt & title)
La structure du site (HTML) et la mis en page (CSS/Feuilles de style) doivent être traités séparément .
Nota:les feuilles de styles offrent à l'utilisateur déficient visuel , la possibilité de modifier la mise en forme du document et d'en personnaliser son affichage.
Linéariser l'information: un champs de recherche doit se trouver au même endroit, de même que les boutons de validation. une présentation homogène sur toutes les pages permet à l'utilisateur de se repérer plus facilement.
Des liens clairs et concis: mettre des liens textuels et non "cliquez ici" , pensez à l'attribut title et si possible y associer des raccourcis clavier (attribut "accesskey") pour les utilisateurs qui ne peuvent pas utiliser de souris.
N'utiliser le flash (ou autres plug-ins) que lorsqu'une animation apporte une valeure ajoutée incontestable (description d'un processus ...), dans tous les cas votre site doit être visible sans Flash.
Eviter l'utilisation des frames dont l'accessibilité est plus complexe pour un non voyant; un site en frame présente par ailleurs le défaut majeure de ne pas pouvoir être bookmarké (ajouter aux favoris).