Vous avez une page avec un fort trafic mais peu de conversions ? Et si ça venait tout simplement des boutons ?
Les boutons d’appel à l’action représentent l’élément principal de vos pages, ce sont eux qui conduisent à l’objectif. Accordez-leur du temps, ils en valent la peine.
1. Un objectif unique
- Votre page doit avoir un seul objectif principal
- Vous devez l’identifier et le distinguer des objectifs secondaires
- Cet objectif principal doit être représenté à l’aide d’un bouton d’action dédié, qui sera identique tout le long de la page pour que les utilisateurs puissent également le repérer
- Votre page peut comporter des objectifs secondaires (“en savoir plus”, “inscription à la newsletter”, etc.) mais ceux-ci doivent moins ressortir. L’utilisateur doit pouvoir distinguer d’un coup d’oeil l’objectif principal des objectifs secondaires.
2. Une couleur dédiée
-
- Le bouton d’appel à l’action doit avoir une couleur qui ressort bien par rapport aux autres éléments de la page.
- Il doit être l’élément le plus visible
- Idéalement sa couleur doit être utilisée uniquement pour le bouton, nul part ailleurs dans la page
- Remarque : il peut être intéressant de tester différentes couleurs de boutons via des A/B tests, même si ce ne sont pas les tests qui donnent le plus de résultats. L’important est d’avoir une couleur unique et qui ressort bien.
Exemple : sur le site d’AB Tasty, la couleur du bouton se retrouve nulle part ailleurs sur la page et ressort très bien
3. Un seul libellé pour vos boutons d’actions principales
- Votre bouton d’action principale peut être répété plusieurs fois dans la page.
- Si votre page est longue et nécessite de scroller, vous pouvez l’afficher une première fois en haut et une seconde fois en bas de la page. Si elle est très longue vous pouvez également le rajouter une troisième fois au milieu.
- Dans tous les cas, le libellé doit être le même, pour que l’utilisateur n’ait pas à se demander sur quel bouton il doit cliquer. A chaque fois que l’utilisateur se pose une question sur le fonctionnement du site, c’est une occasion supplémentaire pour lui de quitter le site.
- Exemple : sur la copie d’écran ci-dessus d’AB Tasty, ils réutilisent le même libellé “Demande de Démo” aux 2 emplacements du bouton.
4. Bien choisir le libellé des boutons
- Le libellé du bouton doit évoquer l’action qui va être réalisée derrière. Par exemple, privilégier “Compléter mes coordonnées” plutôt que “Suivant” dans un formulaire.
- Il doit évoquer ce que l’utilisateur va obtenir. Par exemple, privilégier “Augmenter mon trafic” plutôt que “Choisir” pour une solution d’acquisition.
- La gratuité fait vendre : faites-la apparaitre dans votre bouton si vous proposez une période d’essai gratuite ou un produit gratuit. Par exemple : “Tester gratuitement” plutôt que “Tester”.
- A tester : parfois l’utilisation du “je” ou du “vous” dans le bouton peut aider à convertir, car l’utilisateur se sent davantage impliqué. Par exemple “Je m’inscris” au lieu de “S’inscrire”, ou encore “Testez gratuitement” au lieu de “Tester gratuitement”. Cela dépend des personas et du thème du site, donc à tester.
Exemple : sur le site de Netflix, les boutons indiquent “Profitez d’un mois gratuit” : ils évoquent à la fois le bénéfice avec le mot “Profitez”, et montrent la gratuité. A noter qu’ils s’adressent à l’utilisateur à la 3ème personne avec la tournure “Profitez” et non “Profiter”.
5. La forme et la taille du bouton comptent
- N’essayez pas d’avoir des formes originales pour vos boutons. La forme la plus habituelle, rectangulaire à angles arrondis, est celle qui fonctionne en général le mieux. Si vous voulez vraiment avoir des formes plus arrondies, pour coller à votre charte graphique par exemple, vous pouvez toujours essayer, mais obligatoirement via des A/B tests car l’impact peut être négatif.
- Concernant la taille, le bouton doit être suffisamment gros pour bien ressortir par rapport aux autres éléments de la page.
- Attention cependant à ne pas dépasser une certaine taille : s’il est trop gros, l’utilisateur pourrait se sentir agressé. A vous de trouver le bon dosage.
6. Choisissez le bon emplacement
- Le bouton doit être dans un emplacement logique, il doit être visible dans la continuité de la lecture, et au moment où l’utilisateur va prendre sa décision.
- L’utilisateur ne doit pas avoir à chercher le bouton, le moindre effort supplémentaire qu’on lui demande est une occasion de plus d’abandonner le site.
- Pour certains types de pages, l’utilisateur s’attend à trouver le bouton dans des endroits spécifiques où il a l’habitude de le voir, ne cherchez pas à réinventer la roue, par exemple :
- Site e-commerce : à côté des photos, proche de la description et des informations de livraison.
- Formulaire : juste en-dessous du formulaire, en général centré au milieu, mais cela dépendra de la structure du formulaire (et non pas calé tout en bas à droite de la page comme on peut le voir sur certains formulaires).
- Solution SaaS : sous chaque colonne de prix
- A tester : rien ne vous empêche de tester de nouveaux emplacements si vous sentez qu’ils peuvent avoir du sens en fonction du contenu et de la disposition des autres éléments de la page
Conclusion
De nombreux paramètres favorisent le passage à l’action sur un bouton :
- Objectif unique
- Couleur dédiée
- Libellé identique partout
- Libellé qui pousse à l’action
- Forme
- Taille
- Placement
Vérifiez les boutons d’appel à l’action de vos pages, identifiez-les actions principales des actions secondaires. Attardez-vous sur les boutons principaux et suivez ces règles en mettant en place des A/B tests pour mesurer l’impact sur vos conversions.
Et dites-nous ce qui a marché pour vous !
Je suis Marie-Rose Tripault et je crée des produits digitaux depuis 2005. Résolument orientée résultats, je m'applique à identifier les problèmes et les solutions qui vont permettre d'augmenter les KPI alignés à la vision de l'entreprise : conversion, rétention, recommandation, et bien sûr revenu ! Si vous n'êtes pas entièrement satisfait par les résultats de votre site ou de votre produit digital, contactez-moi pour échanger sur vos problématiques.
