L'idée reçue la plus courante sur la conception de formulaires est aussi la plus risquée : un formulaire plus court convertit toujours mieux. Quand on regarde un formulaire de contact de 10 champs, on se dit qu'avec 5 on aurait de meilleurs résultats. Quand on conçoit un formulaire d'inscription, on pense qu'un champ vaut forcément mieux que deux.
En réalité, la longueur d'un formulaire est une variable, pas une constante. Un formulaire de 12 champs peut convertir nettement mieux qu'un formulaire de 3 champs dans le bon contexte. Un formulaire d'inscription à un seul champ peut donner de moins bons résultats qu'une version à 4 champs qui attire des contacts mieux qualifiés. L'erreur est de voir la longueur comme le problème, alors qu'elle est le symptôme d'autre chose.
Ce chapitre présente ce que dit vraiment la recherche sur la longueur des formulaires, comment réfléchir au nombre de champs idéal pour votre formulaire et dans quels cas les formulaires longs l'emportent.
Ce que montre la recherche sur la longueur des formulaires et la conversion
Les études sur la longueur des formulaires arrivent toutes à la même conclusion : cela dépend. Mais dans ce « cela dépend », on trouve quelques tendances utiles à connaître.
Une analyse de plus de 40 000 formulaires clients a montré que les formulaires de 3 champs convertissaient à 25 %, contre 21 % pour ceux de 5 champs. En surface, cela confirme l'idée que « moins de champs, c'est mieux ». Mais en regardant de plus près, le schéma se brise. Les formulaires de 8 champs gardaient des taux honorables, parfois supérieurs à ceux des versions à 5 et à 10 champs, selon ce que demandaient ces champs.
Un institut de recherche spécialisé en UX a constaté que 81 % des utilisateurs mobiles abandonnent les formulaires qu'ils jugent trop longs. Notez le mot « jugent ». Un formulaire de 6 champs peut sembler long si tous sont obligatoires et serrés. Les mêmes 6 champs répartis sur 3 étapes peuvent ne pas sembler longs du tout.
L'analyse de plusieurs études de cas par une agence de marketing en ligne a montré quelque chose de surprenant. Dans un test, un formulaire de 11 champs sous-performait, tout comme une version à 10 champs. Une version à 15 champs convertissait 109 % de mieux. La version à 30 champs d'un autre formulaire atteignait 53 % de conversion. Ce qui comptait n'était pas le nombre de champs. C'était de savoir si le formulaire correspondait à ce que le visiteur attendait et s'il comprenait pourquoi on lui posait ces questions.
En bref : chaque référence que vous voyez sur « le nombre idéal de champs » vient d'un cas précis et ne s'applique pas directement à votre formulaire.
La longueur selon le type de formulaire : ce qui compte vraiment
Plutôt qu'un chiffre universel, pensez la longueur selon ce que les gens remplissent. Chaque type de formulaire crée des attentes différentes.
Formulaires d'inscription et de newsletter en une étape
La collecte d'e-mails et les abonnements à une newsletter fonctionnent mieux avec 1 à 2 champs. Demandez une adresse e-mail (obligatoire). Demandez éventuellement un prénom. Tout ce qui dépasse réduit nettement les conversions.
Pourquoi ? Le visiteur ne s'est pas encore engagé. Vous lui demandez d'échanger des informations contre un avantage futur qu'il n'a pas encore vécu. Gardez la demande minimale. Collectez les données supplémentaires plus tard, quand il s'est investi.
Formulaires de contact et de demande de devis
Les formulaires de contact donnent généralement les meilleurs résultats avec 3 à 5 champs : nom, e-mail, téléphone (facultatif dans certains secteurs), message ou description, et peut-être une question de qualification. C'est le juste milieu où vous recueillez assez d'informations pour répondre utilement sans créer d'hésitation.
Au-delà de 5 champs, l'abandon grimpe. À 8 champs pour un simple formulaire de contact, vous créez une friction inutile. Le visiteur veut vous écrire vite. Facilitez-lui la tâche.
Formulaires de réservation et de rendez-vous
Les formulaires de rendez-vous et d'inscription à un événement supportent plus de champs, car le visiteur s'est déjà engagé mentalement. Il a décidé de réserver. Des champs pour la date, l'heure, les coordonnées et peut-être une note sur ses besoins sont attendus. Ici, vous pouvez monter à 5 à 7 champs sans friction notable.
Ce qu'il ne faut pas faire, c'est poser des questions de qualification. Cela alourdit l'effort mental au moment même où le visiteur termine une décision déjà prise. Gardez la qualification pour une étape de suivi.
Formulaires de paiement et de création de compte
Un formulaire de paiement en boutique en ligne compte en moyenne 14,88 champs dans le secteur. Mais la plage idéale est de 6 à 8 champs visibles pour un paiement en tant qu'invité. Comment ? Avec l'affichage progressif. Montrez d'abord ce qui est nécessaire (adresse de livraison, moyen de paiement). Cachez les champs facultatifs derrière des options comme « ajouter une adresse de facturation ».
Les formulaires de création de compte supportent 8 à 10 champs, car l'utilisateur sait pourquoi il crée un compte. Il a le contexte. Pourtant, chaque champ au-delà de 8 réduit la conversion mobile de 3 à 7 %. C'est là que tester votre parcours précis compte plus que n'importe quelle référence.
Formulaires B2B et de qualification de contacts
Les formulaires interentreprises doivent souvent qualifier les contacts selon la taille de l'entreprise, le secteur, le budget ou le calendrier. Un formulaire de contact B2B de 8 à 12 champs fonctionne en fait mieux qu'un formulaire court quand il écarte d'emblée les contacts non qualifiés. Votre équipe commerciale reçoit des contacts de meilleure qualité. Vos indicateurs de conversion s'améliorent, car vous ne comptez que les prospects sérieux.
C'est là que la longueur du formulaire aide vraiment vos résultats, même si le taux d'abandon brut est plus élevé.
La variable cachée : la perception des champs compte plus que leur nombre
Un formulaire de 5 champs dont 4 restent cachés jusqu'à la première réponse se ressent tout autrement qu'un formulaire de 5 champs visibles. Un formulaire de 8 champs obligatoires paraît plus long qu'un formulaire de 8 champs dont 3 sont facultatifs. Ce n'est pas le nombre qui provoque l'abandon. C'est la perception.
Deux facteurs changent la façon dont votre formulaire est perçu :
Obligatoire ou facultatif
Marquez comme facultatifs les champs qui le sont vraiment. Quand un formulaire affiche 8 champs dont 3 facultatifs, les visiteurs se disent tout de suite « je n'ai que 5 champs à remplir ». L'effort mental baisse. À l'inverse, un formulaire de 5 champs obligatoires paraît plus difficile à remplir qu'un formulaire de 8 champs dont on peut ignorer la moitié.
Prenez le champ du mot de passe. La création d'un mot de passe a l'un des taux d'abandon les plus élevés des formulaires (environ 10,5 %), car les utilisateurs la jugent souvent complexe ou intrusive. Si votre formulaire l'exige, signalez-le tôt. S'il est facultatif, dites-le clairement.
Profilage progressif et logique conditionnelle
Au lieu de tout collecter d'emblée, posez des questions différentes selon les réponses précédentes. Un formulaire qui montre 3 champs au départ, puis en révèle 2 à 3 de plus selon la première réponse, paraît plus court qu'un formulaire qui affiche les 8 d'un coup.
Le créateur de formulaires de WEMASY utilise la logique conditionnelle pour masquer ou afficher des champs de façon dynamique. Un visiteur qui répond « Je suis indépendant » à une question sur le type d'activité ne voit jamais le champ « Combien d'employés avez-vous ? ». Le formulaire reste court pour lui.
Abandon de formulaire sur mobile : le vrai point de rupture
Le mobile change tout. Le même formulaire de 6 champs qui marche sur ordinateur ne marche souvent pas sur mobile. Chaque champ au-delà de 8 réduit la conversion mobile de 3 à 7 %. À 10 champs ou plus sur mobile, vous luttez contre l'envie de fermer le navigateur et de revenir plus tard.
Si le trafic mobile compte pour votre formulaire, concevez d'abord l'expérience mobile. Cela signifie souvent :
- Réduire à 4 ou 5 les champs visibles par écran sur mobile
- Utiliser une mise en page en une colonne plutôt que des champs côte à côte
- Prévoir de grands boutons faciles à toucher du pouce
- Utiliser la saisie automatique et les valeurs prédéfinies partout où c'est possible
Les utilisateurs mobiles abandonnent les formulaires qu'ils jugent longs, car ils ont une alternative sans effort : fermer l'onglet. Sur ordinateur, on insiste parfois. Sur mobile, non.
Comment déterminer le bon nombre de champs pour votre formulaire
Vous connaissez maintenant les références. Mais votre formulaire n'est pas une référence. Voici la méthode pour trouver combien de champs il doit vraiment avoir.
Étape 1 : listez chaque champ que vous voulez collecter
Notez tout ce que vous aimeriez savoir. Ne filtrez pas encore. Nom, e-mail, téléphone, entreprise, poste, secteur, taille de l'entreprise, budget, calendrier, description du projet, comment ils vous ont trouvé, solutions concurrentes étudiées, exigences techniques, tout.
Étape 2 : notez chaque champ selon son caractère indispensable
Pour chaque champ, demandez-vous : puis-je relancer sans cette information ? Si la réponse est oui, le champ est facultatif ou reportable. Si la réponse est non, il est essentiel.
Vous avez besoin de l'e-mail et du message. Vous n'avez probablement pas besoin de connaître la taille de l'entreprise avant qu'on vous contacte. Vous pouvez le demander dans un e-mail de suivi.
Étape 3 : distinguez ce qui se demande maintenant de ce qui se demande plus tard
Certaines informations doivent être collectées tout de suite. D'autres une fois que le visiteur s'est déjà engagé. Un formulaire de contact a besoin du message. Il n'a pas besoin du budget. Un formulaire de demande de démo a besoin de l'entreprise et du poste. Il n'a pas besoin du calendrier exact avant que la démo soit planifiée.
Essentiel maintenant = champ obligatoire. Important plus tard = question de suivi. Agréable à avoir = à oublier.
Étape 4 : testez des variantes
Créez le formulaire avec le nombre de champs visé. Laissez-le tourner une semaine. Notez les envois, les abandons et la qualité des envois. Retirez ensuite 2 à 3 champs (les facultatifs les moins prioritaires) et testez cette version. La plupart des équipes trouvent le bon équilibre en 2 à 3 itérations.
Quand les formulaires longs convertissent mieux
Toute cette discussion sur le nombre de champs peut masquer une réalité importante : parfois, un formulaire plus long l'emporte.
Un quiz de personnalisation qui pose 8 à 12 questions avant une recommandation convertit mieux qu'un formulaire court, car le visiteur a investi du temps. Cet investissement crée de l'engagement. Quand il voit le résultat, il est plus enclin à agir.
Un formulaire de contact B2B de 10 champs sur l'entreprise, l'usage, le budget et le calendrier génère souvent des rendez-vous de meilleure qualité qu'un formulaire de 3 champs, car les contacts mal adaptés s'écartent d'eux-mêmes. Votre taux de conversion peut être plus bas (moins d'envois au total), mais vos résultats commerciaux s'améliorent (moins d'appels commerciaux inutiles).
Un formulaire d'inscription à un événement qui interroge les participants sur leurs restrictions alimentaires, leurs besoins d'accessibilité et leurs centres d'intérêt permet aux organisateurs d'offrir une meilleure expérience. Le formulaire plus long crée un meilleur événement. Les participants ne s'en plaignent pas, car ils comprennent pourquoi ils répondent.
Le principe : les formulaires longs gagnent quand le visiteur voit un intérêt à répondre. Les formulaires courts gagnent quand la friction de l'engagement compte plus que la qualité de l'information.
Tester la longueur de votre formulaire de façon méthodique
Une fois votre formulaire conçu selon la nécessité et le contexte, il faut encore vérifier qu'il fonctionne. Les hypothèses sur le nombre de champs se trompent régulièrement. Le test bat la théorie.
Quoi mesurer
Suivez ces indicateurs pour chaque version de votre formulaire :
- Taux d'envoi : quel pourcentage des visiteurs qui voient le formulaire le terminent ?
- Abandon par champ : quels champs précis causent le plus de décrochages ? (Utilisez des outils de statistiques de formulaire pour le voir.)
- Temps de remplissage : combien de temps les utilisateurs mettent-ils à le remplir ?
- Qualité des contacts : la réduction des champs a-t-elle nui à la qualité des envois reçus ?
- Mobile et ordinateur : l'écart de performance est-il important ?
Si passer de 8 à 5 champs augmente les envois de 20 % mais fait nettement baisser la qualité des contacts, votre cible n'est peut-être pas la bonne. Si passer de 8 à 5 champs augmente les envois ET que la qualité reste la même, vous avez trouvé votre réponse.
Combien de temps tester
Faites tourner chaque variante au moins une semaine, plus si le trafic est faible. Il faut au moins 50 à 100 envois par variante pour voir des tendances. Avec un formulaire peu visité, cela peut prendre un mois. Ce n'est pas grave. Vous ne devinez plus.
Les formulaires WEMASY et l'optimisation des champs
Le créateur de formulaires de WEMASY vous offre plusieurs façons d'appliquer les techniques décrites ici sans écrire de code.
Les champs à logique conditionnelle permettent d'afficher ou de masquer des champs selon les réponses précédentes. Un visiteur qui choisit « Je suis indépendant » ne voit jamais le champ « Combien d'employés ? ». Le formulaire reste court pour lui.
Les formulaires en plusieurs étapes découpent un long formulaire en écrans plus petits. Un formulaire de 8 champs réparti sur 2 étapes paraît plus court que les mêmes 8 champs sur un seul écran. Le créateur de formulaires de WEMASY gère les indicateurs de progression et l'avance automatique pour que l'expérience reste fluide.
Les statistiques de formulaire montrent où les gens décrochent. Vous voyez quel champ provoque le plus d'abandons, combien de temps prend chaque champ et les taux d'envoi par appareil. Utilisez ces données pour tester votre hypothèse sur le nombre de champs idéal pour votre formulaire.
Le pré-remplissage et la saisie automatique réduisent la longueur perçue d'un formulaire. Si un champ peut être pré-rempli à partir d'une fiche contact existante ou complété par les données du navigateur, les visiteurs voient moins de travail devant eux. WEMASY prend en charge le pré-remplissage dynamique à partir de paramètres d'URL et la saisie automatique sur les champs courants comme l'e-mail et le téléphone.
Découvrez comment le créateur de formulaires de WEMASY gère ces fonctions. Pour en savoir plus sur la conception de formulaires efficaces, lisez les principes de conception et bonnes pratiques et comment l'abandon de formulaire se produit et comment l'éviter. Commencez par créer votre premier formulaire et testez différents nombres de champs sur votre cas d'usage.