L’une des étapes clés du parcours client en ligne est l’ajout au panier. Dans le meilleur des cas, cette étape permet au client de finaliser son achat et au e-commerçant de générer des revenus. Mais même si le client n’achève pas son achat, le fait d’ajouter un produit à son panier signale une forte intention d’achat et fournit au e-commerçant des informations importantes sur le comportement du client qui peuvent être utilisées pour des communications ou des recommandations personnalisées afin d’encourager les achats futurs.
Dans l’environnement de la vente au détail, les consommateurs de produits de luxe font largement appel à leur sens du toucher au moment de faire un achat. Les acheteurs de café et de vin utilisent l’odorat et le goût pour déterminer si un produit mérite ou non leur investissement. Cependant, le passage à l’achat en ligne signifie que les consommateurs doivent faire confiance à leur vue pour prendre une décision d’achat.Un contenu visuel de qualité pour les produits joue un rôle important dans l’achat en ligne. Cette importance accordée au visuel se retrouve dans le choix de la couleur du bouton « Ajouter au panier ».
De nombreux articles existent à propos de la forme, du placement, de la taille et du texte du bouton « Ajouter au panier ». Cependant, aucune étude définitive n’indique un choix de couleur qui fera grimper en flèche les taux de transformation panier. Dans cet article, nous partageons les informations récoltées lors d’une enquête sur l’utilisation des couleurs par les 50 plus grands e-commerçants du monde, et nous offrons des suggestions pour aider les autres e-commerçants à identifier la couleur idéale pour leurs boutons « Ajouter au panier ».
En examinant boutons d’appel à l’action (CTA) sur les principaux sites Internet de détaillants, plusieurs bonnes pratiques ont été constatées.
Le bouton « Ajouter au panier » :
- Complète le thème général de la marque
- Ressort du reste de la page, ce qui permet de la trouver facilement
- Est entouré d’un grand espace vide.
Prenez ces trois exemples :
La couleur du BOB (« Big Orange Button » : Gros Bouton Orange) d’Amazon reflète la couleur de la flèche du logo. Grâce à l’espace vide autour du bouton, ce dernier ressort au milieu de la masse de texte sans avoir l’air hors contexte. Amazon utilise l’orange comme partie intégrante de son interface utilisateur pour mettre en évidence les informations ou les actions qui, selon ses clients en ligne, sont les plus importantes pour leur décision d’achat : Ajouter au panier, Recherche, Avis, Prime.
Macy’s utilise l’espace vide autour des produits pour les mettre en valeur et le rouge, tiré de l’étoile de son logo, signale les informations importantes pour l’acheteur, notamment le bouton « Ajouter au panier ».
Alors qu’Amazon utilise un choix de couleurs monochromes sur l’ensemble de son site et que Macy’s reste proche des couleurs de sa marque, Office Depot utilise des couleurs complémentaires pour signaler à ses clients les étapes importantes de leur action. Office Depot a choisi un bleu opposé au rouge de sa marque pour faire ressortir les boutons « Ajouter au panier » et « Connexion ». Ces trois entreprises ont fait en sorte que les clients puissent localiser facilement les boutons d’appel à l’action en supprimant les éléments superflus.
Source : Freshome (« 10 Color Theory Basics Everyone Should Know » (10 bases de la théorie des couleurs que tout le monde devrait connaître) )
Comment les détaillants doivent-ils choisir la meilleure couleur pour leur site de e-commerce ? Dans l’ensemble de données eClerx Digital que nous avons collecté, 84 % des e-commerçants ont utilisé 4 couleurs : vert, bleu, rouge et noir, dans cet ordre. Nous avons observé que les couleurs des boutons d’ajout au panier les plus utilisées étaient liées aux couleurs de marque les plus répandues, à savoir le bleu, le rouge et le noir. On peut supposer que le vert est également utilisé parce que c’est une couleur naturelle et invitante ; cette couleur évoque aussi instinctivement « Go » aux utilisateurs.
Sur la base de nos observations, les e-commerçants ont quelques options à considérer pour tester quelles couleurs peuvent mener à des taux de transformation panier plus élevés.
- Des couleurs de marque complémentaires ?
- Des couleurs de marque contrastées ?
- Des couleurs de marque monochromes ?
- Une nuance de vert ?
La clé est de créer une interface utilisateur qui soit naturelle pour le visiteur et qui complète votre image de marque. En fin de compte, les tests sont le seul véritable moyen de déterminer ce qui fonctionne le mieux pour votre public.
Merci à Swati Sharma, chercheuse de l’équipe Domain and Market Intelligence, d’avoir dirigé ce projet, et à l’équipe du « Digital Center of Excellence » dirigée par Ryan Scott d’avoir fourni les données sur le secteur.