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

20

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

Charger les commentaires

20

Commentaires

  1. Caroline Répondre

    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 ?)

  2. sylvain Répondre

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

  3. Domi Répondre

    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.

  4. fred Répondre

    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.

  5. Caroline Répondre

    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.

  6. Caroline Répondre

    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.

  7. PMC Hygiène Répondre

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

Laissez un commentaire :

  • (will not be published)