Position, couleur et libellé de 100 boutons Panier

Où doit-être positionné le bouton Panier dans la fiche produit? Quelle couleur pour bien le mettre en avant (vert, rouge…)? Quel libellé pour « faciliter » le clic de l’internaute?
Au-delà des théories, voici un petit benchmark de 100 sites français (des gros, des petits, des généralistes, des spécialisés) que je viens d’effectuer.
J’ai regardé la position du panier : position par rapport à la zone de la fiche produit sans tenir compte d’une colonne de droite ou de gauche éventuelle, la couleur du bouton panier : dans le cas où l’action de mettre dans le panier est matérialisée par un bouton, j’ai marqué la couleur correspondante sans tenir compte de la charte colorimétrique du site. Enfin, j’ai mentionné le libellé affiché sur le bouton, libellé qui permet de comprendre qu’il faut cliquer ici pour mettre le produit dans le panier.


Alors que peut-on conclure de cette étude?
- 80% des paniers sont situés dans une zone droite de la fiche produit
- 21% sont des boutons rouges, 20% sont des boutons oranges, 14% sont des boutons verts
- 65% ont le libellé « Ajouter au panier » (ce qui est assez impressionnant quand on imagine le nombre de libellés disponibles!!)
Et vous, vous faîtes partie de la majorité?
Catégorie : e-commerce
Il y a 6 Commentaires
juillet 5th, 2010 à 23 h 50 min
Décidément la question de la couleur des boutons d’achat est dans l’air du temps. J’ai récemment publié aussi un article sur le sujet. Je me permets de te mettre le lien http://www.ludovicpassamonti.com/archive/2010/06/16/boutons-call-to-action-efficace-rouge-ou-vert.html, tu l’enleveras si tu le souhaites.
Ton benchmark est très intéressant et donne une bonne idée de la tendance. Le rouge et l’orange sont des couleurs d’alerte qui tranchent souvent avec le reste du site, donc pas très étonnant de les trouver en majorité. Mais comme tu le dis, tu as fais cette étude « sans tenir compte de la charte colorimétrique du site », ce qui ne permet pas de juger si le choix de la couleur est judicieux ou pas pour l’efficacité du site.
Mais super travail quand même !
juillet 6th, 2010 à 11 h 11 min
je pense que le libellé « ajouter au panier » revient très souvent car il est très explicite et quelque part proche de la réalité.
Bien souvent sur ces sites il y a un panier dans lequel se trouve tous les produits que nous voulons acheter. (un peu comme au supermarché, on met nos produit dans le panier puis on passe à la caisse).
En tout cas joli travail c’est très intéressant ^^
juillet 6th, 2010 à 11 h 39 min
C’est super intéressant d’avoir regroupé ces infos mais dommage qu’il n’y ait rien sur l’efficacité des libellés au final :/
(même si, on est d’accord, ce qui est vrai pour un site n’est pas une vérité générale)
novembre 7th, 2010 à 10 h 00 min
Bravo pour ce travail statistique. L’idéal est de réaliser un test A/B ou multivarié sur son propre bouton de mise au panier (taille, couleur, effet au survol, emplacement, wording) pour déterminer sa propre combinaison gagnante. Voilà quelques exemple avant/après : http://www.proimpact7.com/ecommerce-blog/killer-buttons-that-increased-conversion-rates/ La transfo se chache dans le détail
A+ Sylvain
novembre 7th, 2010 à 23 h 38 min
Merci pour le lien. C’est très intéressant
novembre 4th, 2012 à 17 h 07 min
Etude très interessante.
On pourrait même la pousser un peu + loin, comme la taille idéale,….
Merci de laisser un commentaire