160 boutons d’ajout au panier (français) à la loupe

Posté le 12 avril 2011 dans E-commerce | User experience , par Caro - 20 Commentaire
visu_panier

Nous nous sommes tous posés maintes et maintes fois la question en phase de conception : de quelle couleur le bouton d’ajout au panier doit-il être afin d’être efficace ? son intitulé sera-t-il plus lisible en minuscule ou majuscule ? dois-je ajouter un picto pour illustrer le wording adopté ?

Je n’ai hélas pas de réponse précise à vous apporter… mais j’aimerais cependant partager avec vous les grandes tendances de nos sites français, desquelles on pourra sûrement dégager quelques bonnes pratiques.

Je me suis donc penché sur 160 de nos plus gros sites eCommerce français (pardonnez-moi si j’en ai oublié quelques uns), avec pour objectif de dégager les tendances suivantes :

Voici pour commencer notre mur de boutons classés par picto et couleurs :

Quelle couleur ?

En tête et à égalité : orange, noir et rouge ! et tout près le rose… c’est marrant, j’aurais misé sur le bleu dans le top 3.

En observant les références derrière ces couleurs, on se rend compte que les couleurs sont bien souvent rattachées au type de produits vendus :

  • La couleur orange est adoptée par beaucoup de eCommerçants de produits high tech ou culturels (Alapage, Philips, Gros Bill, Rue du Commerce, Boulanger, Cultura…) ; il en est de même pour le jaune (Darty, Fnac, Amazon, Micromania)
  • Le noir, le rose (et le violet) et le gris concernent tous deux la vente en ligne de vêtements, accessoires plus particulièrement, mais aussi des produits de beauté, décoration ou équipement de la maison. Le noir est plutôt vu chez les marques moyen / haut de gamme (Zadig & Voltaire, Caudalie, Gérard Darel, Yoox, Dior, Maje, Lancôme, etc.) ; quant au rose (et le violet), il tape dans un registre plus ‘cheap’ (Jennyfer, Roxy, Sarenza, Promod, La Redoute, Kookit, Teleshopping, Camif, Kitchen Bazaar…). Le gris est pour sa part retenu pour le haut de gamme voire le luxe : Colette, Bonpoint, Fred, MAC Cosmetics, Aubade.
  • Et le vert dans tout ça ? Il n’est pas vraiment adopté par des marques « green » (à l’exception de Yves Rocher, et  L’Occitane). Il est lui aussi utilisé par nombre de commerçants des secteurs high-tech et équipement de la maison (Apple, CDiscount, M6 Boutique, MisterGoodDeal, Pixmania, DeLaMaison, Leroy Merlin…).
  • Enfin, le rouge est principalement utilisé par des marques à l’identité rouge (Galeries Lafayette, Celio, QuickSilver, Bata, etc.) ; tous les secteurs sont concernés.

Avec ou sans picto ?

Plus d’1 commerçant sur 3 n’a pas recours à l’utilisation de pictos.

C’est encore le caddie que l’on voit le plus souvent, mais qui ne va pas tarder à se faire devancer par le sac, très souvent personnalisé à l’image de la marque, en particulier dans les secteurs de l’habillement (Agnès B, Comptoir des Cotonniers, Jacadi, Swarovski, Bérénice) et des produits de beauté (Nocibé, Trésor, La Halle,).

La flèche, pourtant le symbole du « call to action », est peu utilisée. Le recours à un picto avec une symbolique évidente facilite sûrement l’identification du rôle du bouton et permet de s’économiser la lecture de l’intitulé.

A noter : l’exception Bata avec sa boite à chaussure !

Quel intitulé ?

En tête loin devant (71%), on retrouve l’infinitif « Ajouter au panier« , puis « Ajouter à mon panier » et « Acheter » toutes catégories de produits confondues. Le reste est insignifiant pour être abordé… Je pense que sur ce point-là vous n’aurez plus à vous poser la question !

En majuscule ou minuscule ?

Pour terminer, la poire est plutôt coupée en 2 : les minuscules sont quand même préférées à 58%.

Et voici une petite synthèse de toutes ces données :

Adaptation française des analyses de sites US de 2007 sur GetElastic et de sept 2010 sur SmileyCat

À propos de l'auteur

20 commentaires
Ajoutez le votre
  1. olybop

    Ouaaa mais il est juste maboule le travail de recherche et de création oO franchement Chapeau

  2. clém

    seulement 161 boutons ! =D

  3. e-komerco

    Bravo pour le travail de recherche et de consolidation !
    Je garde cet article dans mes tablettes.

  4. js

    j’ajoute mon bravo au pannier des louanges

  5. Caroline

    merci :) en effet, c’était un peu long à préparer, je tâcherai de traiter d’autres thématiques (t’es prêt Clément ?)

  6. Robin

    Bravo Caro, un sacré travail !

  7. sylvain

    C’est amusant de voir cette variété de bouton, qui finalement ne sont pas tellement éloignés les uns des autres ! Beau boulot.

  8. Domi

    Beau boulot ; merci pour l’article.

    j’aurai bien vu en conclusion l’affichage des boutons qui synthétisent l’ensemble.
    C’est à dire, si j’ai bien suivi : Orange, avec un picto et en minuscule.

  9. fred

    Excellente analyse, il est intéressant aussi de se poser la question de savoir si un bouton nous freine ou pas pour finaliser la commande. Perso le « j’achète » est trop direct ..Enfin histoire de goût surement.

  10. Caroline

    Merci !
    @Domi : je n’ai pas fait de conclusion comme je l’indique en introduction, car je pense que les tendances se dégagent plutôt par secteurs, en particulier pour les couleurs. Le orange en tête vient sûrement d’ailleurs du fait que parmi nos plus grands sites eCommerce français, on a beaucoup de marchands de produits high tech, culturels, etc.

  11. [...] pour un super résultat! @glemarchand 160 boutons d’ajout au panier (français) à la loupe http://is.gd/wSmiDr [...]

  12. Spartan

    Joli article, il en aura fallu du courage pour en venir à bout. ;)

  13. Joe Vains

    Superbe sélection ! Bravo et merci ! :)

  14. installateur chaudière

    Pas un mot sur les boutons animé, pourtant pour un petit bouton ca peut le faire.

  15. Caroline

    Oui c’est vrai, c’est que je n’en ai pas trouvé sur les 160 sites eCommerce français passés en revue. Vous avez des exemples réussis ? Le rendu est en général assez discutable…
    J’aurais par contre pu faire un focus sur les roll-over.

  16. plombier

    Oui, ca inspire pour créer des boutons ajout, plus originaux !
    Je pense qu’il y a de quoi faire.

  17. David

    ah oui…quand même! çà donne envie d’acheter tout çà!
    sinon, mon préféré reste le premier avec le chat ;-)

  18. Caro

    Un petit complément sur l’excellent site KISSmetrics : http://blog.kissmetrics.com/color-psychology/?wide=1

  19. Aurelien

    Génial, merci beaucoup

  20. PMC Hygiène

    Merci, oui ce bouton est très important, un peu d’aide pour les couleurs et textes sont les bienvenus.

Laissez votre commentaire