L’ergonomie incitative : il reste du travail !

Prenons les plus gros sites e-commerce (d’après le classement de la Fevad, et en enlevant les sites étrangers) :

  • CDiscount
  • Priceminister
  • Fnac
  • Voyages Sncf
  • La Redoute
  • VentePrivée
  • Pixmania

Je m’arrête là.

Ces sites mettent ils en place les principes de l’ergonomie incitative ?

Pour rappel, les principes de l’ergonomie incitative sont assez simples.On peut résumer de la façon suivante :

L’idée est de proposer à l’internaute un « chemin unique », balisé par un code graphique sans ambiguïté.

Concrètement, sur les sites marchands, il s’agit bien sûr de baliser le chemin, depuis l’ajout au panier jusqu’à la confirmation de commande.

Donc, le bouton auquel on veut associer l’ergonomie incitative doit avoir la même forme, la même couleur, les mêmes codes graphiques, sur toutes les pages.

De plus, la couleur doit trancher, par rapport à l’ensemble des autres couleurs du site.

Petit plus appréciable : le bouton est encore plus incitatif s’il change au survol et au clic.

La référence dans le domaine, je ne vais pas vous étonner, c’est Amazon bien sûr, avec son code graphique bien connu :

(on verra, sur un autre billet, la différence entre ergonomie et ergonomie incitative)

Allons voir sur les sites en tête du classement ce que ça donne.

Premier candidat : CDiscount

Le bouton d’ajout au panier est bien sur un code couleur qu’on ne retrouve nul part ailleurs.

Sur la page panier, les choses se gâtent :

Le bouton qui devrait être incitatif, c’est le bouton « passer commande », tout en bas de la page.

La bande verte au dessus « mon panier » reprend les codes couleurs incitatifs. On n’est donc plus avec de l’ergonomie incitative, le bouton est noyé dans la page (et tout en bas en plus).

Deuxième candidat : Priceminister

On n’a pas d’ergonomie incitative : la couleur du bouton est bien trop proche de la couleur du logo, et de la couleur du bouton Rechercher.

Sur les pages suivantes, le bouton principal devient rouge, puis bleu sur la page d’après…

Donc, on est bien loin d’une ergonomie incitative.

Troisième candidat : Fnac.com

La couleur du bouton est celle du logo, et cette couleur est reprise un peu partout sur le site.

Dommage, car sinon, d’après ce que j’ai vu, ce site a fait un véritable travail de fond pour avoir une vrai cohérence sur les boutons, dans les différentes pages.

 Quatrième candidat : Voyage-Sncf

La aussi, il y a eu un vrai travail d’armonisation des boutons, mais la couleur ne ressort pas du tout : bleu sur bleu…

 

Bon, vous aurez compris l’idée : même les plus grands sites ne mettent pas en place certains principes de base de l’ergonomie incitative.

Vous pourrez me dire : et alors ? Ils ne s’en sortent pas plus mal.

Et bien ça se discute 😉

Bien sûr ces sites font de beaux chiffres. Mais ils pourraient faire mieux… Améliorer le taux de transformation, sur de tels sites, c’est super important, comme sur n’importe quel site en fait.

Mais les sites sont gros, les chemins de décisions pas toujours linéaires… Et les sites s’en ressentent.

Le côté positif, c’est que ça montre qu’on a du chemin à faire, des marges de progression 😉

 

7 commentaires

  1. Merci pour ces explications bien utiles aux débutants.
    La plupart des sites web recherchent la perfection technique, de référencement, de liens sociaux… et négligent parfois l’essentiel : la conversion de l’internaute en client. Ce point de rentabilité est très lié au design et à la facilité de navigation et le conseil.

  2. Il est vrai qu’à l’heure où l’on entend ne parle que d’ergonomie incitative, ce billet montre bien le contre-poids !! Au final il y a beaucoup de chose à faire encore mais les leaders prouvent une fois encore que de « bonnes » choses (bons produits, bons prix, etc.) valent mieux que de « jolies » choses 😉

  3. Surtout que lorsque l’on fait un travail de benchmark on va souvent s’inspirer des gros sites… et s’ils n’adhèrent pas aux bonnes pratiques du web ils doivent (mal) influencer beaucoup de petits ecommerçants !

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *