3,K
Les critères d’ergonomie d’un site internet
L’ergonomie d’un site internet désigne l’ensemble des principes et pratiques qui visent à optimiser l’expérience de navigation des utilisateurs. Celle ci a pour objectif de rendre un site simple, clair, efficace et agréable à utiliser. Certes, tout en répondant aux attentes et aux besoins des visiteurs.
Un site ergonomique ne se limite pas à un beau design : il repose sur une organisation logique des contenus, une navigation intuitive, une lisibilité optimale et une accessibilité pour tous les publics. D’ailleurs l’ergonomie est un facteur clé de satisfaction pour les utilisateurs. De même, un critère de performance. En effet, un site bien conçu augmente le temps de consultation, favorise la fidélisation et améliore le taux de conversion.
En somme, l’ergonomie web se situe à la croisée du design, de la psychologie cognitive et de la technologie, avec comme finalité de créer une expérience fluide et naturelle pour l’internaute.
– Sobriété
– Lisibilité
– Utilisabilité
– Rapidité
– Interactivité
– Adaptative
– Accessibilité
Ergonomie d’un site internet
| Critère | Sous-critère | Description |
|---|---|---|
Sobriété | Simplicité | Un site web sobre renforce la crédibilité de l’organisation. |
| Peu chargé | Les images animées pour l’ergonomie d’un site internet sont déconseillées. Mais, les privilégier pour 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 effectivement moins faciles à lire sur un écran que sur papier (25% de temps de lecture supplémentaire). Ainsi, l’aération du texte est nécessaire pour l’ergonomie d’un site internet. En savoir plus sur le visuel |
| Structuration | Les paragraphes et les titres de différents niveaux devront structurer le texte. Cela, afin de faciliter la lecture et l’ergonomie du site web. | |
| Organisation | Les éléments d’informations doivent être hiérarchisés par niveau d’importance. Ainsi, les plus importants devraient figurer en haut de page. D’ailleurs, très utile pour l’accessibilité d’une page web. | |
Utilisabilité | Facilité de navigation | La « règle des 3 clics » : L’information doit être accessible en moins de 3 clics. En effet cela facile la navigation, un critère essentiel à l’ergonomie web. |
| Repérage | A tout moment le visiteur devrait facilement se repérer dans un site. Ainsi, le logo doit être présent sur toutes les pages et au même emplacement. Par ailleurs, l’ensemble des pages doit posséder une charte graphique uniforme. | |
| Liberté de navigation | Le site web doit laisser la possibilité à l’utilisateur de revenir à la page d’accueil. Ainsi qu’aux principales rubriques par un simple clic. | |
| Visibilité de l’adresse | L’URL de la page en cours doit être constamment visible et suffisamment explicite. Cela, pour permettre à l’utilisateur de se repérer afin d’y revenir facilement. | |
| Tangibilité de l’information | Les informations présentes sur le site doivent être qualifiées. C’est-à-dire, les éléments devraient renseigner la date de mise à jour et l’auteur devraient être présents. D’autre part, évitez les 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. Par exemple, avec une présentation uniforme, afin que l’internaute s’y retrouve. | |
Rapidité | Temps de chargement | Le temps d’affichage d’une page doit être le plus court possible car la majorité des internautes ne patientent pas plus de 15 secondes lors du chargement d’une page. |
| Images optimisées | Il convient d’optimiser au maximum la dimension des images, en choisissant un format adapté. Ainsi qu’un nombre de couleurs le plus petit possible. Il est recommandé de ne pas dépasser 30/40 ko max par image sauf si nécessaire. | |
| Images non redimensionnées | De même, les images devraient être affiché dans leur taille réelle, sans redimensionnement. | |
Interactivité | Liens hypertextes | L’interactivité caractérise les interactions possibles entre l’utilisateur et le site web. Ainsi, il est conseillé de mettre suffisamment de liens entre les différentes pages web. En revanche, trop de liens peuvent rendre difficile la lecture. |
| Découpage de l’information | Dans certains cas afin de susciter la curiosité, permettre au visiteur de mieux assimiler l’information. D’ailleurs il est préconisé de découper l’information. Notamment le découpage de l’information peut se traduire par un texte d’accroche et un lien hypertexte qui conduit à la suite de l’article. (Lire la suite, en savoir plus…) | |
| Facilitation des échanges | Il est souhaitable de faciliter l’échange avec les visiteurs, cela afin de recueillir les impressions et les demandes. Certes, dans l’optique de faire évoluer le site internet. D’ailleurs, le visiteur devrait facilement trouver le moyen de contacter l’administrateur. | |
Adaptabilité | L’adaptabilité caractérise la possibilité de personnalisation du site web par l’utilisateur. | |
| Redimensionnement des polices | Les textes du site devraient être des polices qui ne sont pas exprimée en valeur absolue. Cela, afin de donner la possibilité de les redimensionner aux lecteurs. | |
Adaptative | Une version adaptative d’un site web caractérise la possibilité de personnalisation automatique du site web sans intervention de l’usager. | |
Accessibilité | Universalité de l’accès | L’accessibilité est la capacité du site web à être consulté universellement, c’est-à-dire par tout type d’utilisateurs. Certes, y compris les malvoyants et non voyants. Donc, un certain nombre de règles sont à respecter. |
| 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 web à être consultable par différents écrans et de logiciels. | |
| Transparence des formats | Les formats utilisés devraient être transparents, c’est-à-dire consultable en mode texte. Ainsi l’utilisation du HTML par rapport au Flash sera de mise. Par ailleurs, les images et animations ne devraient pas se soustraire aux informations textuelles ou provoquer une gêne pour les non-voyants. | |
| Légende | Une légende ou un texte de remplacement devraient être prévu en lieu et place des images (grâce à l’attribut alt). Cela, afin de permettre aux déficients visuels de comprendre le sens de l’image. | |
| Choix des couleurs | Les couleurs devraient être choisies afin de laisser l’information lisible aux personnes qui ne distinguent pas les couleurs correctement (daltoniens). | |
| Usage sain des feuilles de style | L’information doit être accessible, y compris sans feuille de style. | |
| Contraste adapté | Le niveau de contraste entre la couleur d’arrière-plan, puis le texte en avant plan devraient être suffisants pour 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. Également, les polices utilisées ne devraient pas être trop petites, au risque de fatiguer la vue des lecteurs ou d’être illisibles. |
Autres articles :
Créer une landing page pour améliorer vos ventes
Le design émotionnel une nouvelle tendance !
1 comment
[…] et sont de bons conseillers. En effet, ils peuvent remplir les critères graphiques, et ceux d’ergonomie, afin de rendre votre site attractif et facile d’utilisation. Le webdesign est un compromis entre […]