Aller au contenu

Écrire un bouton qui donne envie de cliquer.

Le texte d’un bouton fait quelques mots, il est lu par tous les visiteurs, et il décide du passage à l’action. C’est le texte le plus rentable d’un site — et le plus souvent laissé au hasard.

Publié le
Format
Méthode
Lecture
04 min
Référence
FSJ-E09
Maquette d’interface imprimée avec plusieurs variantes de boutons annotées au crayon

Dire ce qui va se passer

« Envoyer » décrit une action technique. « Recevoir mon devis » décrit un bénéfice et annonce la suite. Le second rassure parce qu’il répond à la seule question qui compte au moment du clic : qu’est-ce que j’obtiens, et dans quoi je m’engage ?

Avant

Envoyer

Après

Envoyer mon brief

Avant

En savoir plus

Après

Voir les trois formats d’atelier

Avant

Cliquez ici

Après

Lire le guide de la refonte

Avant

Soumettre

Après

Demander un rappel sous 48 h

Parler à la première personne

« Recevoir mon devis » fonctionne mieux que « Recevez votre devis » : le visiteur s’approprie l’action au lieu de recevoir un ordre. C’est un détail, mais il change la posture — on passe d’une injonction à une décision.

Un seul bouton principal

  • Un bouton plein pour l’action souhaitée, un lien discret pour l’alternative.
  • Trois boutons colorés côte à côte : le visiteur hésite, puis ne clique sur aucun.
  • Le bouton principal doit être visible sans défiler sur mobile.
  • Le même libellé partout pour la même action : la répétition construit la reconnaissance.

La place du doute

Un visiteur qui hésite devant un bouton se pose presque toujours la même question : à quoi je m’engage ? Répondre avant le clic supprime l’hésitation — durée, gratuité, absence d’engagement, délai de réponse.

C’est particulièrement vrai pour une prise de rendez-vous. « Réserver un appel » inquiète ; « Réserver 20 minutes, sans engagement » rassure, parce que le visiteur sait exactement ce qu’il accepte.

Adapter le libellé à l’endroit

Le même bouton n’a pas le même rôle selon sa place dans la page. En haut, le visiteur découvre : il faut ouvrir une porte, pas demander un engagement. En bas, il a lu, comparé, hésité : il peut recevoir une proposition ferme.

  • En haut de page : « Voir les projets », « Comprendre la méthode » — un pas léger.
  • Au milieu, après une preuve : « Lire ce cas en détail ».
  • En bas, après l’argumentaire : « Envoyer mon brief », « Réserver un créneau ».
  • Dans un article : un lien vers la page d’offre concernée, pas un formulaire générique.

Ce qu’il vaut mieux éviter

  • Les libellés qui culpabilisent : « Non merci, je préfère perdre du temps ».
  • Les promesses que le formulaire ne tient pas : « Devis en 2 minutes » quand la réponse prend deux jours.
  • Les boutons qui ressemblent à du texte, ou les textes qui ressemblent à des boutons.
  • Les verbes vagues — « Découvrir », « Commencer » — qui ne disent pas ce qui arrive ensuite.

Un dernier détail, souvent négligé : le libellé doit rester compréhensible hors contexte. Les lecteurs d’écran permettent de parcourir tous les liens d’une page à la suite ; une liste de « En savoir plus » n’y apprend rien à personne.

Tester sans outil

Pas besoin de test A/B pour progresser. Montrez l’écran à quelqu’un d’extérieur et demandez : « que se passe-t-il si tu cliques ? ». S’il hésite ou se trompe, le libellé est à revoir. Trois personnes suffisent à repérer les formulations ambiguës.

Un bon bouton ne convainc pas : il rassure quelqu’un qui a déjà décidé.
À retenir

L’essentiel en 4 points.

  • 01Un bouton doit dire ce qui se passe après le clic.
  • 02Le verbe vient du visiteur, pas de vous.
  • 03Un seul bouton principal par écran, sinon plus rien ne ressort.
  • 04La phrase sous le bouton lève la dernière hésitation.
Tout le Journal →