10JUN

Critères d'ergonomie à respecter lors de la conception d‘un site internet

<!--[if !supportLists]-->1.      <!--[endif]-->Conception site internet « Simplicité » :<o:p></o:p>

<!--[if !supportLists]-->§  <!--[endif]-->un site web très épuré renforcera la crédibilité de votre compagnie.<o:p></o:p>

<!--[if !supportLists]-->2.      <!--[endif]-->Conception site internet « Peu chargé » : <o:p></o:p>

<!--[if !supportLists]-->§  <!--[endif]-->Les images animées sont déconseillées. Les animations doivent être privilégiées pour afficher des messages forts car elles attirent le regard de visiteur de votre site web.<o:p></o:p>

<!--[if !supportLists]-->3.      <!--[endif]-->Conception site internet « L’illumination » : <o:p></o:p>

<!--[if !supportLists]-->§  <!--[endif]-->C’est de respecter le fait que les informations écrites sur le site web soient moins faciles à lire sur un écran que sur papier (25% de temps de lecture supplémentaire). Ainsi, le texte devra être suffisamment aéré. Il s’agit de la Clarté.<o:p></o:p>

<!--[if !supportLists]-->4.      <!--[endif]-->Conception site internet « La Structuration » : <o:p></o:p>

<!--[if !supportLists]-->§  <!--[endif]-->Le texte devra être bien structuré à l'aide de paragraphes et de titres de différents niveaux, afin d'en faciliter la lecture. <o:p></o:p>

<!--[if !supportLists]-->5.      <!--[endif]-->Conception site internet « Organisation » : <o:p></o:p>

<!--[if !supportLists]-->§  <!--[endif]-->Les éléments d'informations doivent être hiérarchisés par niveau d'importance. Les éléments les plus importants doivent figurer en haut de page du site internet. <o:p></o:p>

<!--[if !supportLists]-->6.      <!--[endif]-->Conception site internet « Facilité de navigation » : <o:p></o:p>

<!--[if !supportLists]-->§  <!--[endif]-->La « règle des 3 clics », globalement suivie, stipule que toute information qui figure dans le site web, doit être accessible en moins de 3 clics. <o:p></o:p>

<!--[if !supportLists]-->7.      <!--[endif]-->Conception site internet « Repérage » : <o:p></o:p>

<!--[if !supportLists]-->§  <!--[endif]-->A tout moment le visiteur du site web doit pouvoir être en mesure de se repérer dans le site. Le logo doit être présent sur toutes les pages web, 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 internet. Un plan du site web peut constituer un excellent moyen de permettre au visiteur de savoir où il est. <o:p></o:p>

<!--[if !supportLists]-->8.      <!--[endif]-->Conception site internet « Liberté de navigation » : <o:p></o:p>

<!--[if !supportLists]-->§  <!--[endif]-->Le site web doit laisser la possibilité à l'utilisateur de revenir à la page d'accueil et aux principales rubriques par un simple clic, quelle que soit la page web sur laquelle il se trouve. Dans la mesure du possible, le visiteur devra pouvoir naviguer dans le contenu selon des chemins transversaux.<o:p></o:p>

<!--[if !supportLists]-->9.      <!--[endif]-->Conception site internet « Tangibilité de l'information » : <o:p></o:p>

<!--[if !supportLists]-->§  <!--[endif]-->Les informations présentes sur le site internet doivent être qualifiées, par exemple, la date de mise à jour ou le nom de l’auteur doivent être présent. D'autre part, il est désastreux pour un site web de proposer une façade accrocheuse aboutissant sur des sections en travaux. <o:p></o:p>

<!--[if !supportLists]-->10.  <!--[endif]--> Conception site internet « Homogénéité de la structure » : <o:p></o:p>

<!--[if !supportLists]-->§  <!--[endif]-->Les éléments de navigation doivent être situés au même endroit sur toutes les pages web sur le site, si possible avec une présentation uniforme d'une page à une autre. <o:p></o:p>

<!--[if !supportLists]-->11.  <!--[endif]--> Conception site internet « Temps de chargement » : <o:p></o:p>

<!--[if !supportLists]-->§  <!--[endif]-->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.<o:p></o:p>

<!--[if !supportLists]-->12.  <!--[endif]-->Conception site internet « Images optimisées » : <o:p></o:p>

<!--[if !supportLists]-->§  <!--[endif]-->Il convient d'optimiser au maximum la taille des images sélectionnées, 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 par image, sauf action volontaire de votre part. <o:p></o:p>

<!--[if !supportLists]-->13.  <!--[endif]--> Conception site internet « Images non redimensionnées » : <o:p></o:p>

<!--[if !supportLists]-->§  <!--[endif]-->Pour la même raison, les images doivent préférentiellement être dans leur taille réelle, sans redimensionnement.<o:p></o:p>

<!--[if !supportLists]-->14.  <!--[endif]-->Conception site internet « Liens hypertextes » : <o:p></o:p>

<!--[if !supportLists]-->§  <!--[endif]-->L'interactivité caractérise les interactions possibles entre l'utilisateur et le site web. 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.<o:p></o:p>

<!--[if !supportLists]-->15.  <!--[endif]-->Conception site internet « Découpage de l'information » : <o:p></o:p>

<!--[if !supportLists]-->§  <!--[endif]-->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 texte.<o:p></o:p>

<!--[if !supportLists]-->16.  <!--[endif]-->Conception site internet « Facilitation des échanges » : <o:p></o:p>

<!--[if !supportLists]-->§  <!--[endif]-->Il est souhaitable de tout mettre en place pour faciliter l'échange avec les visiteurs de votre site web, notamment afin de recueillir leurs impressions et leurs demandes, en vue de faire évoluer le site. Le visiteur doit pouvoir trouver facilement le moyen de contacter une personne, par courrier électronique ou grâce à un formulaire de contact qui doit être placé dans une page web bien visible.<o:p></o:p>

<!--[if !supportLists]-->17.  <!--[endif]--> Conception site internet « Adaptabilité» :  <o:p></o:p>

<!--[if !supportLists]-->§  <!--[endif]-->L'adaptabilité caractérise la possibilité de la personnalisation du site web sur intervention de l'utilisateur.<o:p></o:p>

<!--[if !supportLists]-->18.  <!--[endif]-->Conception site internet « Redimensionnement des polices » : <o:p></o:p>

<!--[if !supportLists]-->§  <!--[endif]-->Les textes du site internet 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.<o:p></o:p>

<!--[if !supportLists]-->19.  <!--[endif]-->Conception site internet « Universalité de l'accès » : <o:p></o:p>

<!--[if !supportLists]-->§  <!--[endif]-->L'accessibilité est la capacité du site web à ê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 web au plus grand nombre, quel que soit leur configuration logicielle et matérielle ou leur handicap.<o:p></o:p>

<!--[if !supportLists]-->20.  <!--[endif]-->Conception site internet « Interopérabilité » : <o:p></o:p>

<!--[if !supportLists]-->§  <!--[endif]-->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 web à être consultable par différents clients logiciels.<o:p></o:p>

<!--[if !supportLists]-->21.  <!--[endif]-->Conception site internet « Transparence des formats » : <o:p></o:p>

<!--[if !supportLists]-->§  <!--[endif]-->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.<o:p></o:p>

<!--[if !supportLists]-->22.  <!--[endif]-->Conception site internet « Légende » : <o:p></o:p>

<!--[if !supportLists]-->§  <!--[endif]-->Une légende ou un texte de remplacement doivent être prévu en lieu et place des images, afin de permettre aux déficients visuels de comprendre le sens de l'image.<o:p></o:p>

<!--[if !supportLists]-->23.  <!--[endif]-->Conception site internet « Choix des couleurs » : <o:p></o:p>

<!--[if !supportLists]-->§  <!--[endif]-->Les couleurs du site doivent être choisies afin de laisser l'information lisible aux personnes ne distinguant pas les couleurs correctement (daltoniens).<o:p></o:p>

<!--[if !supportLists]-->24.  <!--[endif]-->Conception site internet « Usage sain des feuilles de style » : <o:p></o:p>

<!--[if !supportLists]-->§  <!--[endif]-->L'information doit pouvoir être accessible, y compris sans feuille de style.<o:p></o:p>

<!--[if !supportLists]-->25.  <!--[endif]-->Conception site internet « Contraste adapté » : <o:p></o:p>

<!--[if !supportLists]-->§  <!--[endif]-->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.<o:p></o:p>

<!--[if !supportLists]-->26.  <!--[endif]-->Conception site internet « Taille des polices modifiable » : <o:p></o:p>

<!--[if !supportLists]-->§  <!--[endif]-->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.<o:p></o:p>

<o:p> </o:p>

0
Publié par @Nathalie
  • Partager

Les articles les plus lus