Votre formulaire, champ par champ

« Le formulaire ne marche pas. » C'est la phrase qui revient le plus souvent quand un client m'appelle pour un problème de conversion. Dans la plupart des cas, le formulaire marche très bien. Il envoie exactement ce qu'on lui demande d'envoyer. Le problème, c'est ce qu'on lui demande.

Un formulaire de devis que j'ai repris comptait onze champs : civilité, prénom, nom, société, fonction, email, téléphone, code postal, ville, budget estimé, message. Personne dans l'entreprise ne se souvenait d'avoir décidé ça. Les champs s'étaient empilés, un par service, sur trois ans.

Un formulaire ne collecte pas des informations. Il demande de la confiance, champ après champ. Et chaque champ a un prix que personne ne calcule.

1. Le seul calcul qui compte

Un champ est un arbitrage. Il vous rapporte de l'information et il vous coûte des demandes. Tant qu'on ne pose pas les deux plateaux de la balance, on discute de goûts et de couleurs.

Le Baymard Institute mesure ce sujet depuis plus de dix ans sur les tunnels de commande, et sa conclusion tient en une ligne : ce qui pèse sur l'expérience, ce n'est pas le nombre d'étapes, c'est le nombre de champs. Son relevé 2024 donne 11,3 champs en moyenne, alors que la plupart des sites pourraient boucler une commande avec huit, d'après son étude sur la réduction des champs en tunnel de commande.

Un formulaire de contact n'est pas un tunnel de commande. La mécanique, elle, est identique : à chaque champ supplémentaire, une part des visiteurs recalcule ce que ça leur coûte de vous écrire.

Ma méthode est simple et un peu brutale. On part de zéro champ, et on en ajoute un seulement quand on peut dire ce qu'on en fera dans l'heure qui suit la réception. Pas « ça peut servir ». Ce qu'on en fait, concrètement, à la lecture du message. Un champ qui sert une fois par trimestre coûte toute l'année.

2. Les champs que je retire en premier

Toujours les mêmes, et dans cet ordre.

La civilité. Elle sert à personnaliser un email d'accusé de réception. C'est cher payé pour un « Madame » qui, en prime, sera faux une fois sur vingt.

Le prénom et le nom séparés. Les gens pensent leur nom comme un bloc. Dans les tests de Baymard, 42 % des participants ont tapé leur nom complet dans le champ « Prénom » au moins une fois, et 89 % des sites du panel gardent malgré tout deux champs distincts. Un seul champ « Nom complet » supprime le problème et vous rend le même service.

Le code postal et la ville. Vous les avez dans la signature du mail de réponse, dans les registres d'entreprise, ou vous les demandez au téléphone. Sauf si vous facturez au déplacement, ils n'ont rien à faire dans un premier contact.

La fonction. Elle ne sert que si vous en faites un tri automatique dans votre outil de suivi commercial. Si vous lisez chaque demande à la main, le message vous dit qui écrit mieux qu'une liste déroulante.

Une exception, et j'y tiens : le champ « Comment nous avez-vous connu ? ». Je le garde, en facultatif, en dernier. Depuis que les outils de mesure ont perdu une partie de leur visibilité, c'est le seul signal déclaratif qui survit aux blocages de suivi, et il rattrape des canaux que l'analytique classe en « direct ». J'ai détaillé ce trou de mesure dans ce que Google Analytics 4 ne voit plus. Facultatif, il ne coûte presque rien. Obligatoire, il ferait fuir.

3. Le téléphone, le champ le plus cher du formulaire

Le téléphone ne demande pas une information. Il demande l'autorisation d'appeler. Ce n'est pas du tout la même chose, et les visiteurs le savent parfaitement.

Baymard relève que 39 % des sites l'exigent sans la moindre explication, et observe le résultat en test : certains participants saisissent un faux numéro, d'autres quittent. Sa recommandation est d'expliquer en clair pourquoi le champ est obligatoire, ou de le rendre facultatif.

Je vais un cran plus loin. Une explication vague du type « pour mieux vous répondre » ne rassure personne, parce qu'elle ne dit rien. Ce qui marche, c'est une phrase qui engage : « Je vous rappelle sous 24 h ouvrées, jamais de démarchage. » Vous annoncez le délai et vous fermez la porte au reste. Si vous ne pouvez pas tenir cette phrase, retirez le champ.

4. Le champ message, le seul qui trie vraiment

C'est le champ que les équipes veulent supprimer « pour raccourcir le formulaire ». C'est exactement celui qu'il faut garder.

Un formulaire sans zone libre vous fabrique des demandes interchangeables. Vous récupérez dix lignes identiques et vous ne savez pas par laquelle commencer. Avec trois phrases écrites à la main, vous savez en dix secondes qui a un projet et qui compare des prix.

Sur le programme de génération de contacts que j'ai piloté pour DecisionIA, un organisme de formation, le coût d'acquisition côté Meta est descendu à 3,73 €, contre 7,71 € de coût par action côté Google. Ces chiffres n'ont pris leur sens qu'après vérification à la main des premières inscriptions : une fraction seulement correspondait à la cible. Le formulaire n'y était pour rien, il faisait son travail. Mais tant qu'on n'avait pas de matière pour trier, le coût par contact restait un chiffre flatteur et sans usage. J'en ai tiré la même leçon partout depuis : un formulaire sans champ de tri vous offre un coût par contact séduisant et un coût par client réel que vous découvrirez trois mois plus tard.

Le libellé du champ fait la moitié du travail. « Message » appelle « Bonjour, je souhaite des informations ». « Décrivez votre projet en quelques lignes : ce que vous vendez, ce qui bloque aujourd'hui » appelle une réponse exploitable. Le champ est le même, le rendement n'a rien à voir.

5. La forme pèse autant que le fond

On peut avoir les bons champs et perdre quand même des demandes sur la mise en œuvre. Quatre points que je vérifie systématiquement.

Le libellé au-dessus du champ, toujours visible. Remplacer le libellé par un texte à l'intérieur du champ fait gagner de la place et perdre des validations : l'indication disparaît dès la première frappe, au moment précis où l'utilisateur en a besoin. Le Nielsen Norman Group documente cette erreur en détail dans son article Placeholders in Form Fields Are Harmful. Le libellé se pose au-dessus et s'associe au champ par l'attribut for, comme le décrit le tutoriel Labeling Controls du W3C.

L'attribut de saisie automatique. Renseigner autocomplete="email", autocomplete="tel", autocomplete="name" laisse le navigateur pré-remplir en un geste. C'est aussi un critère d'accessibilité, décrit par la technique H98 des règles d'accessibilité des contenus web (WCAG). Deux minutes de balisage, des champs remplis sans effort.

Les erreurs à côté du champ fautif, jamais en haut de page. Et surtout, on ne vide jamais le formulaire. Perdre son message en cliquant sur « Envoyer », c'est perdre le visiteur avec.

Une seule colonne. Deux champs côte à côte cassent la lecture verticale et se comportent mal sur mobile, là où se joue l'essentiel du trafic. J'ai détaillé les points de fuite mobile dans le tunnel mobile.

ChampCe qu'il vous coûteCe qu'il vous rapporteMa position
CivilitéUn frein pour un gain nulUne formule de politesseRetiré
Nom completPresque rienIndispensableGardé, en un seul champ
EmailRien, c'est attenduLe canal de réponseGardé, obligatoire
TéléphoneLe plus cher du formulaireUn cycle de vente raccourciFacultatif, ou justifié en une phrase
SociétéModéré en B2B, lourd en B2CUn début de qualificationGardé en B2B seulement
Message libreDe l'effort demandéLe tri, la priorisation, le tonGardé, obligatoire, libellé précis
BudgetÉlevé, il gêne avant l'échangeUn filtre grossierRetiré du premier contact
Origine du contactFaible s'il est facultatifLe seul signal déclaratif de canalGardé, facultatif, en dernier

6. Obligatoire, facultatif, ou pas du tout

La question de conformité et la question de conversion se rejoignent, ce qui arrive rarement. La Commission nationale de l'informatique et des libertés (CNIL) rappelle qu'on ne doit collecter que les données adéquates, pertinentes et nécessaires au regard de la finalité du traitement. Autrement dit : si vous pouvez atteindre votre objectif sans cette donnée, ne la demandez pas.

C'est le même test que celui du chapitre 1, formulé par le régulateur. Un formulaire minimisé est plus conforme et il convertit mieux. Profitez-en, l'occasion est rare.

Deux règles de mise en œuvre que j'applique partout. La première : on marque explicitement ce qui est obligatoire et ce qui est facultatif, au lieu de laisser le visiteur déduire. Baymard relève que seuls 14 % des sites de son panel signalent les deux. La seconde : la case d'inscription à la newsletter reste séparée de l'envoi du formulaire, décochée, avec son propre libellé. Un contact récupéré par surprise coûte plus cher en désabonnements qu'il ne rapporte en ouvertures.

7. Ce qui se passe après le clic

Le formulaire ne s'arrête pas au bouton. Trois détails que je vois négligés presque partout.

Le libellé du bouton dit l'action, pas le mécanisme : « Recevoir mon audit », pas « Envoyer ». La page de confirmation annonce un délai chiffré, parce que le doute commence à la seconde où la page change. Et l'événement de conversion se déclenche sur la réponse réelle du serveur, pas au clic. Sinon vous comptez des envois qui ont échoué, vous optimisez vos campagnes sur du vide, et vous ne le saurez jamais. C'est la partie qui relie le travail de conversion à la mesure, et c'est presque toujours là que la chaîne casse.

Pour repérer le champ qui coince chez vous, les enregistrements de session sont l'outil le plus rapide. On voit le curseur entrer dans un champ, hésiter, ressortir. J'ai décrit la méthode dans heatmaps et enregistrements de session.

Au creuset : ce qui reste quand on a retiré les champs

Le réflexe naturel devant un formulaire qui convertit mal, c'est d'ajouter. Un champ pour mieux qualifier, un autre pour l'équipe commerciale, un troisième pour le reporting. Chaque ajout part d'une bonne intention et fait fondre un peu plus le volume.

Le travail va dans l'autre sens. On retire, on retire encore, et on regarde ce qui reste au fond. Le plus souvent : un nom, un email, une raison d'écrire. Trois champs qui pèsent plus lourd que les onze du départ, parce qu'ils ne demandent que ce que le visiteur est prêt à donner à ce stade. Le reste s'obtient dans la conversation qui suit, et la conversation, elle, ne commence que si le formulaire part.