Image
image
image
image


Les Critères d'Ergonomie


Les principaux critères d’ergonomie d’un site Internet sont les suivants (liste non exhaustive) :

Sobriété Simplicité un site Internet très épuré renforcera la crédibilité de l’organisation.
Peu chargé Les images animées sont déconseillées. Les animation doivent être privilégiées pour afficher des messages forts car elles attirent le regard de l’internaute.
Lisibilité Clarté Il convient de prendre en compte le fait que les informations écrites sont moins faciles à lire sur un écran que sur papier (25% de temps de lecture supplémentaire). Ainsi, le texte devra être suffisamment aéré.
Structuration Le texte devra être structuré à l’aide de paragraphes et de titres de différents niveaux, afin d’en faciliter la lecture
Organisation Les éléments d’informations doivent être hiérarchisé par niveau d’importance. Les éléments les plus importants doivent figurer en haut de page.
Utilisabilité Facilité de navigation La « règle des 3 clics », globalement suivie, stipule que toute information doît être accessible en moins de 3 clics
Repérage A tout moment le visiteur doit pouvoir être en mesure de se repérer dans le site. Qui plus est, le logo doit être présent sur toutes les pages, au même emplacement, et une charte graphique uniforme doit être appliquée à l’ensemble des pages afin de permettre à l’usager de savoir qu’il est toujours sur le même site. Un plan du site peut constituer un excellent moyen de permettre au visiteur de savoir où il est.

Liberté de navigation Le site doit laisser la possibilité à l’utilisateur de revenir à la page d’accueil et aux principales rubriques par un simple clic, quelque soit la page sur laquelle il se trouve (grâce à une barre de navigation par exemple). Dans la mesure du possible, l’utilisateur devra pouvoir naviguer dans le contenu selon des chemins transversaux. Les pages d’introduction ou pages interstitielles (splash screen) sont à éviter car elles énerveront la plupart des visiteurs.
Visibilité de l’adresse L’URL de la page en cours doit être constamment visible et suffisamment explicite pour permettre à l’utilisateur de se repérer afin de pouvoir revenir facilement.
Tangibilité de l’information Les informations présentes sur le site doivent être qualifiées, c’est-à-dire que des éléments permettant d’en connaître la date de mise à jour où l’auteur doivent être présents. D’autre part, il est néfaste pour un site de proposer une façade accrocheuse aboutissant sur des sections en travaux.
Homogénéité de la structure Les éléments de navigation doivent être situés au même endroit sur toutes les pages, si possible avec une présentation uniforme d’une page à une autre.

Rapidité Temps de chargement Le temps d’affichage d’une page doit être le plus petit possible car la majorité des internautes ne patientent pas plus de 15 secondes lors du chargement d’une page. Ce facteur dépend notamment de la connexion du visiteur, de la taille de la page et de ses images, ainsi que des capacités du serveur web.
Images optimisées Il convient d’optimiser au maximum la taille des images, en choisissant un format adapté et un nombre de couleurs le plus petit possible. Il est recommandé de ne pas dépasser 30 à 40 ko maximum par image, sauf action volontaire de votre part (par exemple dans le cas d’une image téléchargeable en haute résolution). Images non redimensionnées Pour la même raison, les images doivent préférentiellementêtre dans leur taille réelle, sans redimensionnement.
InteractivitéLiens hypertextes L’interactivité caractérise les interactions possibles entre l’utilisateur et le site Internet. Les liens hypertextes offrent de vastes possibilités dans ce domaine et permettent d’offrir au visiteur des parcours multiples, au gré de ses envies. Il est conseillé de mettre suffisamment de liens entre les différentes pages. A l’inverse, trop de liens peuvent rendre difficile la lecture.

Découpage de l’information Afin de permettre au visiteur de mieux assimiler l’information et, dans certains cas de susciter sa curiosité, il est préconisé de découper l’information. Le découpage de l’information peut notamment se traduire par un texte d’accroche et un lien hypertexte conduisant à la suite de l’article.
Facilitation des échanges Il est souhaitable de tout mettre en place pour faciliter l’échange avec les visiteurs, notamment afin de recueillir leurs impressions et leurs demandes, en vue de faireévoluer le site. A minima, le visiteur doit pouvoir trouver facilement le moyen de contacter une personne, par courrierélectronique ou grâce à un formulaire de contact.
Adaptabilité L’adaptabilité caractérise la possibilité de personnalisation du site Internet sur intervention de l’utilisateur.

Redimensionnement des policesLes textes du site doivent préférentiellement utiliser des polices dont la taille n’est pas exprimée en valeur absolue, afin de laisser la possibilité de les redimensionner aux personnes le souhaitant.
Adaptativité L’adaptativité caractérise la possibilité de personnalisation du site Internet à personnaliser automatiquement le site Internet sans intervention de l’usager.
AccessibilitéUniversalité de l’accès L’accessibilité est la capacité du site Internet à être consulté universellement, c’est-à-dire par tout type d’utilisateurs, y compris les malvoyants et non voyants. Il existe un certain nombre de règles d’accessibilité simples, à respecter afin de permettre l’accès au site Internet au plus grand nombre, quelque soit leur configuration logicielle et matérielle ou leur handicap.

Interopérabilité Le respect des standards, en particulier les recommandations d’accessibilité du W3C, permet de garantir un bon niveau d’interopérabilité, c’est-à-dire la capacité du site Internet à être consultable par différents clients logiciels.
Transparence des formats Les formats utilisés doivent préférentiellement être transparents, c’est-à-dire consultable en mode texte. Ainsi le HTML sera utilisé préférentiellement au Flash. Par ailleurs, les images ou animation ne doivent pas se soustraire aux informations textuelles ou provoquer une gêne pour les non-
voyants. Les illustrations graphiques doivent donc uniquement être utilisées en tant que complément visuel au texte.
Légende Une légende ou un texte de remplacement doivent être prévu en lieu et place des images (grâce à l’attribut alt), afin de permettre aux déficients visuels de comprendre le sens de l’image.
Choix des couleurs Les couleurs doivent être choisies afin de laisser l’information lisible aux personnes ne distinguant pas les couleurs correctement (daltoniens).

Usage sain des feuilles de style L’information doit pouvoir être accessible, y compris sans feuille de style.
Contraste adapté Le niveau de contraste entre la couleur d’arrière-plan et le texte en avant plan doit être suffisant pour en permettre la lecture aux malvoyants.
Taille des polices modifiable La taille des polices doit être adaptable afin de laisser la possibilité de grossir les textes si nécessaire.
Les polices utilisées ne doivent également pas être trop petites, au risque de fatiguer la vue des lecteurs ou d’être illisibles.
Conception du système de navigation
La structure d’un site Internet doit être le reflet d’une stratégie. Des scénarios de navigation doivent être élaborés afin de pousser l’utilisateur à suivre un chemin dans le site Internet.
Néanmoins il ne faut pas emprisonner le visiteur et le laisser libre de s’en aller ou de changer de rubrique à tout moment.
Parcours visuel
Des études ont montré que l’oeil de l’internaute moyen parcourt généralement la page web selon un cheminement global en « zigzag » commençant à l’angle supérieur gauche, jusqu’à l’angle inférieur droit.
La zone centrale supérieure représente ainsi un endroit particulièrement stratégique pour placer des informations.
Structuration du site Internet
La structuration du site Internet consiste à bâtir l’architecture globale du site Internet en organisant les différentes informations.
Il s’agit dans un premier temps de faire l’inventaire des contenus du site Internet et de les regrouper par thématique afin de constituer des rubriques, on parle alors de rubriquage.
Dès lors que les principales rubriques sont identifiées (on veillera à ne pas dépasser une dizaine de rubriques principales), il faut alors déterminer leur organisation et leur découpage en sous-rubriques. La plupart du temps la structuration du site peut se représenter sous la forme d’une arborescence dont la racine est la page d’accueil



image


image
image