ecommerce-52.org

D’après le « Dico du net », l’ergonomie est la « recherche d’une meilleure adaptation entre les fonctionnalités d’un site Internet et ses utilisateurs. »
www.outil-webmaster.fr précise:  « L’ergonomie web peut être définie comme l’ensemble des actions visant à permettre à l’internaute d’utiliser un site internet avec un maximum de plaisir et d’efficacité. Rendre un site web ergonomique consiste à le rendre parfaitement adapté au contexte d’utilisation, en terme d’efficacité et de confort d’utilisation. »

Ces premiers jalons posés, on se rend vite compte que la principale difficulté que pose la conception ergonomique d’un site internet est la gestion de la diversité des profils des visiteurs. Les attentes et habitudes des visiteurs varient en fonction de leur âge, de leur catégorie socio-professionnelle et de niveau de connaissances. Leur équipement (matériel, PC ou Mac, mais aussi navigateur, Internet Explorer ou Mozilla…) influe sur la manière dont ils vont percevoir un site.

Pour construire un site le plus consensuel possible, il convient de se conformer aux différentes directives établies par les professionnels de l’ergonomie, comme par exemple les «12 règles d’ergonomie WEB » rédigées par Amélie Boucher, qui dirige le pôle Ergonomie et Architecture de l’information d’Altima.

Des stratégies diversifiées pour un but unique

Une fois que l’on a intégré que l’ergonomie web se base sur l’utilisabilité (navigation intuitive…), sur l’utilité (pertinence des fonctionnalités proposées…) et sur le design (étapes de visualisation, appartenance sectorielle…), on s’appliquera tout naturellement à chercher les meilleures solutions pour rendre son site le plus attractif possible. Parce que certaines mises en page rencontrent plus de succès que d’autres, on assiste à une certaine forme de standardisation des sites ecommerce, comme l’explique cet article sur la mode des menus sous forme d’onglets.

Le sens de lecture d’une page est relativement figé, et pour vendre au mieux, mieux vaut se conformer aux règles énoncées plus haut. C’est le même principe qu’en boutique physique, où la tendance dextrogyre des clients pousse le commerçant à installer ses rayons « achats d’impulsion » (librairie, DVD, électroménager…) à droite de l’entrée, pour capter le client avant que ce dernier ne s’échappe dans les rayons « achats réfléchis » (alimentaire).

Cependant, le choix d’une mise en page plus originale peut également porter ses fruits, à condition que l’on parvienne à respecter les règles d’utilisabilité de base. Rien ne sert en effet de chercher à tout prix à se démarquer, si c’est pour perdre ses visiteurs au bout de quelques instants!

L’équipe du Benchmark Group a fait le point sur l’ergonomie des sites de certaines marques de luxe (Givenchy, Dior, Gucci, Boucheron, et Galerieslafayette.com). Cette analyse permet de mieux comprendre comment certains de ces sites, pourtant dotés de gros moyens, pourraient parfois être améliorés de manière significative, en simplifiant certains aspects de leur construction.

Des outils pour tester et améliorer l’ergonomie de son site

Le meilleur test à effectuer sur votre site reste celui d’utilisabilité, c’est-à-dire un test d’utilisation en temps réel. En savoir plus sur les tests d’utilisabilité.  Demandez à quelqu’un de votre entourage, de préférence peu habitué à l’achat en ligne, de passer une commande test. Observez ses réactions, essayez d’analyser les difficultés qu’il rencontre et demandez-lui son avis sur le déroulement de l’essai. Réitérez le test avec un utilisateur plus chevronné, et plusieurs navigateurs différents : les obstacles rencontrés ne seront pas forcément les mêmes ! On distingue les tests scénarisés, dans lesquels les utilisateurs doivent effectuer une tâche spécifique (comme trouver une information ou s’inscrire à un événement) des tests exploratoires, où des utilisateurs sont invités à utiliser librement le site à évaluer. Les problèmes d’utilisabilité rencontrés sont notés afin d’être corrigés. Ergolab propose une méthodologie de test à effectuer en interne.

Pour faire tester leur site, les Webmaster peuvent choisir de le soumettre à l’avis d’internautes lambda, en ayant recours aux services de http://www.usertesting.com/ par exemple. Payant, ce service permet de recueillir des avis détaillés de l’interface de votre site, restitués sous forme de capture vidéo de l’écran du testeur.

En dehors de ces tests basés sur une approche de mise en situation, des outils plus techniques cherchent notamment à retracer le parcours de l’œil ou de la souris de l’utilisateur. Il s’agit respectivement de eye- ou mouse-tracking. Pour tester cette technique, on peut se tourner vers des outils gratuits comme Feng-gui http://www.feng-gui.com ou le pluging ViewFinder website heatmap 1.0 pour Firefox.

La capture d’écran ci-dessous révèle le résultat d’une analyse du site www.tresorslingons.com par l’outil Feng-gui . Ce type d’analyse permet de se rendre compte que certaines zones que l’on croit pourtant importantes et bien mises en valeur (logo, menu supérieur…), sont en réalité « invisibles » pour l’œil du visiteur!

Pour en savoir plus sur l’intérêt et l’utilisation de l’eye-tracking, lire l’article « Etude du suivi du regard (eye-tracking) et ergonomie des sites Web » On y apprend notamment que l’on doit toujours rester prudent quand à l’interprétation des résultats de ce type de tests, et que souvent, le bon sens prime sur les techniques de pointe…

Outre les outils de test à proprement dire, certains plugins JQUERY peuvent faciliter le travail du webmaster qui veut améliorer l’  « usabilité » de son site : carrousels, effets de zoom, boites de dialogues et autres effets panoramiques rendent les sites plus vivants et plus agréables à parcourir. De nouveaux attraits pour les (nouvelles) technologies web (2) : Jquery

Des trophées pour récompenser les meilleurs

Benchmark Group et Le Journal du Net ont décerné, le 15 octobre, les premiers Trophées de l’ergonomie. « Parce que le Web est d’abord au service des utilisateurs. »L’équipe du Benchmark Group a sélectionné les « sites les plus réussis d’un point de vue de leur utilisabilité et de leur ergonomie. Le choix des gagnants a été basé sur des critères tels que la clarté et la lisibilité de l’information, la simplicité d’utilisation et chacun de ces sites avait été préalablement nominé dans sa catégorie.»
Plusieurs articles disponibles sur le Journal du Net expliquent en détail ce qui a incité le jury à retenir les sites nominés dans les différentes catégories. Si les sites récompensés sont tous la propriété de grandes enseignes (Sarenza.com, Samsung.com, Metro Paris,Danone.com ) qui disposent d’une équipe de développeurs-analystes hors de portée pour la plupart des PME, rien n’empêche de s’inspirer des bonnes pratiques identifiées par l’équipe de spécialistes de Benchmark Group!