Malinea Conseil

Voici le premier volet de la saga « Les 10 trucs pour (commencer à) optimiser son site marchand ». L’objectif est de partager avec vous quelques grands principes de la transformation. Dans cette première partie nous aborderons le sujet des boutons d’action, les fameux « Call to Action ». Trop souvent, seul le designer du site a son mot à dire sur ce bouton. Or si le bouton est du point de vue de la charte graphique très souvent bien intégré au site, le constat que nous faisons dans la plupart des cas est qu’il n’appelle pas toujours à l’action. C’est parfois même le contraire, tant il se fond dans le paysage. Or les textes et les couleurs ne doivent être un frein, mais un véritable appel au clic !

Les boutons d’action ont un objectif simple et unique  : pousser au clic. Sur un site, si vous n’incitez pas au clic, vos visiteurs ne cliqueront pas. Ca paraît basique et pourtant on l’oublie rapidement… Il est donc essentiel de mettre en place des boutons d’action intuitifs. Il faut, en effet, que le bouton indique clairement la destination tout en donnant envie. Évitez par exemple les boutons tel que « Cliquez ici » et préférez quelque chose de plus persuasif : « Bénéficiez de 20% de réduction ».

Le bouton d’action doit donc inciter au clic grâce à un texte adapté, mais la couleur est aussi un élément important. Un bouton rouge par exemple peut être parfois un frein à l’achat : feu rouge, je m’arrête ! A l’inverse un bouton « vert » poussera au clic. Il faut bien entendu adapter la couleur du bouton à son contexte, mais n’ayez pas peur d’être « hors charte », l’exemple de Nesppresso est criant.

Quelques exemples (cliquez sur les bouton pour les voir dans leur environnement) :

Les bons :

• Le bouton « Je m’inscris ! » sur Looneo.fr
• Le bouton «Je confirme mon paiement » sur WWF.fr

Dans les deux cas, le vert rassure et la phrase est simple. Ils incitent à cliquer.

Les moins bons :

• Le bouton « Ajouter au panier » sur rue-de-la-deco.fr
• Le bouton « Acheter » sur 4-pied.fr

Dans le premier cas, le bouton est certes joli, avec un petit papillon, mais il n’est pas impactant car sa couleur est trop proche des autres éléments du site. Dans le second cas, non seulement il ne ressort pas, mais les éléments autour le mettent clairement en retrait.

Un « truc » simple et pas cher à mettre en place pour optimiser le taux de transformation de votre site marchand, et qui peut rapporter de précieux point de rentabilité ! Ce n’est pas par hasard si Amazon mesure et optimise l’impact de son bouton Add to Cart en permanence…