Le choix de la structure de votre formulaire change le taux de complétion de 20 à 30 %. Un formulaire d'une page qui affiche vingt champs d'un coup et un formulaire en plusieurs étapes qui pose les mêmes vingt questions en trois étapes recueillent exactement les mêmes informations. Pourtant, les taux de complétion diffèrent fortement. Une structure fait penser au visiteur « Je peux finir ça en deux minutes ». L'autre lui fait penser « C'est trop de travail », et il part.
Alors quelle approche choisir ? Regardez votre formulaire actuel. Combien de champs demandez-vous ? Vos visiteurs le remplissent-ils sur un téléphone ou sur un ordinateur ? Un long formulaire leur paraît-il écrasant, ou le découper en étapes leur paraît-il une friction inutile ? La réponse décide de tout. Un formulaire d'inscription qui demande un nom et un e-mail ne fonctionne pas comme un formulaire de découverte B2B qui demande des détails sur l'entreprise, le budget et le pouvoir de décision. Cet article explique quand utiliser chaque approche et comment organiser votre formulaire pour que les visiteurs le terminent vraiment.
Formulaires en une étape : ce qu'ils sont et quand les utiliser
Un formulaire en une étape affiche tous les champs sur une seule page. Le visiteur voit le formulaire entier au chargement de la page. Il fait défiler tous les champs, les remplit et envoie. Tout se passe sur un seul écran.
Utilisez une seule étape quand votre formulaire compte cinq champs ou moins. Un visiteur trouve un formulaire de cinq champs court, qu'il soit sur une page ou sur plusieurs. Des étapes supplémentaires ajoutent de la friction sans bénéfice. Une inscription à une newsletter qui demande le nom, l'e-mail et le pays fonctionne bien en une étape. Un simple formulaire d'avis qui demande un commentaire, une note et un e-mail fonctionne bien en une étape. Le visiteur le remplit en moins de deux minutes et passe à autre chose.
Utilisez une seule étape quand chaque champ est simple et se comprend de lui-même. Si aucun champ n'a besoin de contexte ni d'explication, une seule étape convient. Un formulaire de contact qui demande le nom, l'e-mail, le message et le téléphone est clair. Chaque visiteur comprend ce que demande chaque champ. Aucune aide supplémentaire n'est nécessaire. Une seule étape supprime les étapes inutiles et termine le formulaire plus vite.
Utilisez une seule étape quand vous voulez une transparence maximale sur la longueur du formulaire. Un formulaire d'une page montre au visiteur exactement ce qui l'attend avant qu'il commence. Pas de surprise sur la page suivante. Pas de sentiment du type « Je ne m'attendais pas à cette question ». Certains visiteurs préfèrent cette transparence et terminent plus vite, car ils connaissent d'emblée l'ampleur du formulaire.
Utilisez une seule étape pour les actions rapides comme les recherches, les filtres de produits ou les sondages éclair. Un formulaire de recherche sur une boutique en ligne fonctionne en une étape. Un formulaire de filtre de produits aussi. Un sondage éclair qui demande « Quelle fonction devons-nous créer ensuite ? » aussi. Le but est l'action immédiate, pas la collecte d'informations détaillées. Une seule étape y répond.
Formulaires en plusieurs étapes : ce qu'ils sont et quand les utiliser
Un formulaire en plusieurs étapes répartit les champs sur plusieurs pages successives. Le visiteur termine l'étape 1 avec trois à cinq champs, clique sur Suivant, et arrive à l'étape 2 avec de nouveaux champs. L'étape 2 mène à l'étape 3, et ainsi de suite. Le formulaire dévoile ses questions progressivement.
Utilisez plusieurs étapes quand votre formulaire compte plus de cinq champs. Un formulaire de dix questions convertit mieux réparti sur deux ou trois étapes que sur une seule page. Un visiteur qui voit dix champs sur un écran pense « C'est trop de travail ». Le même visiteur qui voit trois champs pense « Je peux le faire ». Avec les mêmes champs répartis en étapes, le taux de complétion augmente de 20 à 30 %.
Utilisez plusieurs étapes pour les formulaires qui portent sur des thèmes différents. Un formulaire de demande B2B peut poser des questions sur l'entreprise à l'étape 1, sur les objectifs à l'étape 2 et sur le budget à l'étape 3. Chaque étape a un objet clair. Le visiteur comprend pourquoi ces questions sont regroupées. Cette organisation logique donne au formulaire un aspect moins aléatoire.
Utilisez plusieurs étapes pour demander des informations sensibles ou personnelles. Un formulaire qui demande des problèmes de santé, des détails financiers ou des antécédents familiaux paraît intrusif quand tout arrive d'un coup. Les répartir en étapes met le visiteur à l'aise dans la conversation. L'étape 1 demande des informations de base qui paraissent neutres. L'étape 2 demande des informations un peu plus détaillées. L'étape 3 pose les questions sensibles. À l'étape 3, le visiteur a déjà investi du temps et décidé de continuer. Le côté sensible paraît une suite naturelle, pas une exigence immédiate.
Utilisez plusieurs étapes pour les formulaires d'inscription et de création de compte. Un visiteur qui crée un compte remplit d'abord les informations de base (e-mail, mot de passe), puis ajoute des détails de profil (nom, lieu), puis règle ses préférences (fréquence des messages, centres d'intérêt). Plusieurs étapes reflètent la hiérarchie naturelle de l'information. Le visiteur termine chaque étape et passe à la suivante.
Utilisez plusieurs étapes pour les formulaires sur mobile. Les utilisateurs mobiles ressentent la fatigue du défilement. Un formulaire de dix champs sur mobile oblige à faire défiler une longue page. Avec plusieurs étapes, chaque page montre trois ou quatre champs. Le visiteur les remplit, clique sur Suivant et voit un nouvel écran. Pas de long défilement. Pas de fatigue. Les visiteurs mobiles profitent particulièrement de l'approche pas à pas. Si votre formulaire doit fonctionner sur mobile, choisissez plusieurs étapes par défaut, sauf s'il est vraiment court (cinq champs ou moins).
Combien d'étapes pour votre formulaire en plusieurs étapes
Un formulaire de 6 à 15 champs fonctionne bien en 2 ou 3 étapes. Un formulaire de 15 à 25 champs fonctionne en 3 ou 4 étapes. Un formulaire de plus de 25 champs devrait compter 4 à 5 étapes au maximum. L'objectif est que chaque étape montre 5 à 7 champs, ce qui reste gérable sans multiplier inutilement les chargements de page.
Ne découpez pas un formulaire de 10 champs en 5 étapes. Cela va à l'encontre du but. Un visiteur qui clique cinq fois sur Suivant pour un formulaire de 10 champs a l'impression d'un travail plus long, pas plus court. Gardez un nombre d'étapes assez faible pour que le visiteur arrive à la fin sans fatigue.
Si votre formulaire utilise une logique conditionnelle où chaque visiteur suit un parcours totalement différent, le nombre d'étapes compte moins. Un visiteur qui répond « Taille de l'entreprise : 1 à 5 personnes » peut voir 3 étapes. Un visiteur qui répond « Taille de l'entreprise : 100 personnes ou plus » peut en voir 5. Chaque visiteur ne vit que son parcours. Le nombre total d'étapes importe moins que de faire en sorte que le parcours de chacun paraisse court et pertinent.
Comment organiser un formulaire en plusieurs étapes
L'étape 1 doit demander des informations d'identification de base. E-mail, nom, entreprise. Ces champs sont simples et rassurants. Le visiteur termine l'étape 1 et sent de l'élan. Il est investi dans la suite.
L'étape 2 doit porter sur les besoins, les objectifs ou la situation. « Que cherchez-vous à accomplir ? » « Quel est votre principal défi ? » « Combien de personnes compte votre équipe ? » Cette étape précise le contexte du visiteur. Elle passe de « Qui êtes-vous ? » à « De quoi avez-vous besoin ? »
L'étape 3 doit demander des informations détaillées ou sensibles. Budget, délai, niveau de décision, informations de santé, détails financiers. À l'étape 3, le visiteur a décidé de continuer. Poser ici les questions sensibles paraît naturel, pas intrusif. Il est déjà investi.
Ne demandez pas deux fois la même information. L'étape 1 demande l'e-mail. Ne le redemandez pas aux étapes 2 ou 3. Chaque étape doit recueillir de nouvelles informations, pas répéter.
Regroupez les champs liés dans la même étape. Si vous posez des questions sur l'entreprise, demandez la taille, le secteur et le lieu dans la même étape. Ne les dispersez pas sur trois étapes. Un regroupement logique donne au formulaire un aspect organisé, pas aléatoire.
Ne posez pas à l'étape 1 un champ qui dépend d'une réponse de l'étape 2. Si l'étape 2 demande « Quelle est la taille de votre entreprise ? », ne demandez pas « Combien de managers avez-vous ? » à l'étape 1. Le nombre de managers dépend de la taille de l'entreprise. Posez les champs dans l'ordre où ils dépendent logiquement les uns des autres.
Les formulaires mobiles ont besoin de plusieurs étapes
La plupart des formulaires sont envoyés depuis un téléphone. Si votre formulaire doit fonctionner sur mobile, utilisez plusieurs étapes. Un formulaire en une étape avec dix champs sur mobile oblige le visiteur à faire défiler une longue page. Il se fatigue. Il abandonne à mi-chemin.
Un formulaire en plusieurs étapes sur mobile montre 3 à 4 champs par étape. Le visiteur les remplit et clique sur Suivant. Un nouvel écran apparaît avec de nouveaux champs. Pas de long défilement. Pas de fatigue. Chaque étape paraît rapide.
Exception : si votre formulaire compte cinq champs ou moins, une seule étape convient très bien sur mobile. Un formulaire de cinq champs défile vite sur un téléphone. Le visiteur le termine sans fatigue. Mais au-delà de cinq champs, il vaut mieux passer en plusieurs étapes pour les utilisateurs mobiles.
Si votre formulaire doit fonctionner à la fois sur ordinateur et sur mobile, concevez-le d'abord pour le mobile. Construisez-le en plusieurs étapes. Sur ordinateur, le formulaire fonctionne toujours. Les étapes en plus ne nuisent pas aux conversions sur ordinateur. Mais un formulaire en une étape optimisé pour l'ordinateur donnera de mauvais résultats sur mobile. Concevoir pour le mobile d'abord garantit que votre formulaire fonctionne partout.
Le rôle des indicateurs de progression
Un formulaire en plusieurs étapes doit toujours montrer la progression. Un indicateur de progression dit au visiteur où il en est dans le parcours. « Étape 2 sur 4 » ou une barre de progression visuelle montre combien d'étapes restent. C'est important, car cela donne confiance. Un visiteur qui sait qu'il est à mi-parcours continue plus volontiers qu'un visiteur qui ignore combien d'étapes restent.
Les indicateurs de progression ont une autre fonction. Ils réduisent l'anxiété. Un visiteur commence plus volontiers un formulaire s'il sait qu'il compte 3 étapes que s'il ignore combien de temps cela prendra. La transparence sur la longueur augmente les taux de complétion.
Les formulaires en une étape n'ont pas besoin d'indicateur de progression, car il n'y a pas de progression à montrer. Le formulaire entier est visible.
Testez si vous hésitez
Si vous avez un formulaire de 6 à 10 champs et que vous hésitez entre une et plusieurs étapes, testez les deux. Construisez deux versions. Montrez la version A (une étape) à 50 % des visiteurs pendant deux semaines. Montrez la version B (plusieurs étapes) aux 50 % restants pendant la même période. Suivez les taux de complétion. Après deux semaines, vous saurez quelle approche fonctionne le mieux pour votre public et votre formulaire.
Le test compte, car il existe des exceptions. Certains publics préfèrent une seule étape même pour des formulaires plus longs si les questions sont très simples. Certains formulaires qui semblent trop longs pour une seule étape convertissent bien quand même, parce que le visiteur est très motivé. Vos propres données sont plus fiables que les règles générales.
Les erreurs courantes à éviter
Mettre un formulaire de dix champs sur une page et espérer une forte complétion. Un visiteur voit dix champs sur un écran et pense « Ça n'en finit pas ». Ne faites pas cela. Si votre formulaire compte plus de cinq champs, utilisez plusieurs étapes.
Découper à l'excès un formulaire court. Un formulaire de trois questions n'a pas besoin d'être réparti sur deux étapes. Cela ajoute de la friction. Gardez les formulaires en une étape pour ceux qui comptent cinq champs ou moins.
Demander « Quel est votre chiffre d'affaires annuel ? » à l'étape 1. N'ouvrez pas avec des questions sensibles. Le visiteur ne s'est pas encore engagé. Il voit une question sensible et abandonne. Demandez d'abord les informations d'identification (nom, e-mail, entreprise), puis posez les questions sensibles à l'étape 2 ou 3.
Créer six ou sept étapes. Un formulaire réparti en six étapes semble ne jamais finir. Gardez deux à quatre étapes pour la plupart des formulaires. Au-delà, les visiteurs abandonnent avant la fin.
Ne pas montrer la progression. Un formulaire en plusieurs étapes doit afficher « Étape 2 sur 4 » ou une barre de progression visuelle. Sans progression, les visiteurs ne savent pas s'ils sont à la moitié ou presque au bout. Cette incertitude réduit les taux de complétion. Ajoutez un indicateur de progression à chaque formulaire en plusieurs étapes.
Demander deux fois la même information. Ne demandez pas l'e-mail à l'étape 1 puis à nouveau à l'étape 3. Chaque étape doit recueillir de nouvelles informations. Répéter des questions donne l'impression d'un formulaire cassé.
Comment WEMASY vous aide pour la structure des formulaires
Le créateur de formulaires de WEMASY facilite la création de formulaires en une étape comme en plusieurs étapes. Vous pouvez construire un formulaire en plusieurs étapes avec une logique conditionnelle pour que chaque visiteur voie des questions différentes selon ses réponses. Vous pouvez réorganiser les étapes et les champs sans reconstruire le formulaire. Toutes les réponses arrivent dans votre tableau de bord de statistiques, où vous voyez les taux de complétion par étape. Si l'étape 2 perd beaucoup de visiteurs, vous pouvez repérer le problème et le corriger. Pour une vue plus large de l'effet de la conception des formulaires sur les conversions, consultez notre guide sur les principes de conception des formulaires et sur comment réduire la friction des formulaires et augmenter les taux de complétion.