Tester les formulaires : moins de champs, meilleur résultat
La complexité des champs provoque l'abandon
Plus de champs, c'est plus de frictions. Chaque champ est une raison de partir. Des études montrent que l'abandon augmente à chaque champ ajouté. Un champ n'entraîne presque aucun abandon. Cinq champs entraînent trente pour cent d'abandon. Dix champs entraînent cinquante pour cent d'abandon.
Commencez par un formulaire minimal viable. Seulement les champs dont vous avez absolument besoin. Testez la suppression de champs avant d'en ajouter.
Quels champs tester à la suppression
Supprimez d'abord les champs facultatifs. Le numéro de téléphone quand l'e-mail suffit. L'URL du site quand elle ne sert à rien. Le code postal quand le pays suffit.
Supprimez les champs qui dupliquent une information que vous avez déjà ailleurs. Si vous connaissez le domaine de l'e-mail, ne demandez pas l'entreprise. Si le formulaire est au paiement, ne demandez pas le téléphone quand vous avez la commande.
Testez la suppression d'un champ à la fois. Si retirer le téléphone augmente les envois de cinq pour cent, gardez-le retiré. Testez ensuite la suppression du champ suivant.
L'ordre des champs compte
Les visiteurs lisent le formulaire de haut en bas. Des champs difficiles en haut provoquent des abandons précoces. Placez d'abord les champs faciles. L'e-mail avant l'entreprise. Le nom avant le téléphone.
Les champs conditionnels fonctionnent bien en test. « Avez-vous une entreprise ? » Si oui, affichez le champ entreprise. Si non, passez. Le formulaire est plus court et le taux de complétion augmente.
Tester les types de champs
Listes déroulantes ou champs texte
Des listes déroulantes pour les options connues. Liste de pays. Liste de départements. Catégories connues.
Des champs texte pour les réponses libres. Nom. E-mail. Saisie personnalisée.
Testez l'affichage des options. Une liste déroulante de cinquante pays contre un seul champ texte « Saisissez votre pays ». La liste déroulante est plus rapide pour l'utilisateur si la liste est courte. Le champ texte est plus rapide si la liste est longue.
Formulaire en une étape ou en plusieurs étapes
Un long formulaire d'un bloc paraît écrasant. Il montre tous les champs d'un coup.
Un formulaire en plusieurs étapes montre trois champs par étape. Il paraît plus court. Il est moins intimidant. Les visiteurs vont plus souvent jusqu'au bout.
Testez un formulaire unique de cinq champs contre un formulaire en trois étapes de deux, deux et un champ. Le formulaire en plusieurs étapes gagne en général sur la complétion, mais coûte des abandons entre les étapes. Mesurez la complétion totale, pas celle de chaque étape.
Texte indicatif ou libellés
Le texte indicatif est placé dans le champ. Quand le visiteur écrit, il disparaît. Le champ a l'air vide.
Le libellé est placé au-dessus du champ. Il reste visible. Le visiteur sait toujours de quel champ il s'agit.
Testez le texte indicatif seul contre un libellé au-dessus. Les libellés gagnent sur la complétion. Le texte indicatif seul déroute les visiteurs sur les champs qu'ils passent.
Tester la mise en page et la hiérarchie visuelle
Positionnement au-dessus de la ligne de flottaison
Au-dessus de la ligne de flottaison, c'est ce que les visiteurs voient sans défiler. Remonter le contenu clé dans cette zone augmente l'engagement.
Testez le bouton d'appel à l'action au-dessus de la ligne de flottaison contre le milieu de la page. Testez un titre principal placé plus haut. Testez le formulaire en haut de page.
Les visiteurs qui voient l'appel à l'action sans défiler cliquent plus souvent. Parmi ceux qui doivent défiler, beaucoup partent avant d'atteindre le bouton.
Réorganiser le contenu et le parcours
Parcours de page classique : titre, sous-titre, problème, solution, fonctionnalités, appel à l'action, formulaire.
Alternative : titre, formulaire, preuves, autres fonctionnalités, appel à l'action.
Testez le formulaire avant les preuves contre après les preuves. En B2B, un formulaire plus tôt fonctionne en général. En B2C, il faut d'abord plus de preuves. Testez avec votre audience.
Testez la position de l'image. Image principale au-dessus du titre contre à côté. Les tests montrent que le côte à côte gagne parfois. Cela dépend de la qualité de l'image et de la force du titre.
Éléments de design visuel
La couleur du bouton influence les clics. Bouton rouge contre bouton bleu contre bouton vert. Testez face à l'existant.
L'espace blanc influence la lisibilité. Page chargée contre page aérée. La page aérée gagne en général pour les produits haut de gamme. La page chargée gagne pour les remises et l'urgence.
Testez l'alignement du texte. Le texte centré paraît formel. Le texte aligné à gauche paraît naturel et lisible.
Tester le positionnement de la preuve sociale
Emplacement des témoignages
Témoignage au-dessus de la ligne de flottaison contre en dessous. Les témoignages créent la confiance. Les placer avant le formulaire augmente sa complétion.
Testez des témoignages à côté du formulaire contre des témoignages dans une autre section. La proximité avec l'appel à l'action compte.
Indicateurs de confiance
Testez l'affichage des logos de clients. Testez l'affichage du nombre d'avis. Testez l'affichage de badges de récompenses. Testez l'affichage d'une garantie de remboursement.
Chacun renforce la crédibilité. Testez la position : au-dessus de l'appel à l'action, il augmente la confiance avant l'engagement. En dessous, il rassure après l'engagement.
Tester les formulaires et la mise en page sur mobile
Longueur du formulaire sur mobile
Les utilisateurs mobiles sont impatients. Les longs formulaires sur mobile obtiennent vingt pour cent de complétion en moins que sur ordinateur.
Testez une suppression de champs plus marquée sur mobile. Cinq champs sur ordinateur. Trois champs sur mobile. Testez le masquage conditionnel de champs sur mobile.
Types de saisie sur mobile
Un champ numérique ouvre le clavier numérique. Un champ e-mail ouvre le clavier e-mail. Un champ téléphone ouvre le clavier numérique avec le plus.
Testez les bons types de saisie. Un mauvais type rend la saisie plus difficile. Le bon type l'accélère.
Sens de la mise en page sur mobile
Ordinateur : colonne de gauche avec titre et formulaire. Colonne de droite avec l'image.
Mobile : titre, image, formulaire. Empilement vertical. L'ordre d'empilement compte. Testez l'image avant le formulaire contre le formulaire avant l'image.
Questions fréquentes
Si je retire un champ et que j'obtiens plus d'envois mais des prospects de moindre qualité, dois-je quand même le retirer ?
Mesurez l'impact sur la qualité des prospects. Si vous obtenez trente pour cent d'envois en plus mais un taux de conversion inférieur de trente pour cent, vous êtes à l'équilibre. Mais vous avez trente pour cent de conversations en plus avec des prospects. Plus de conversations gagne en général à long terme. Menez le test pendant un mois. Calculez le total des conversions, pas seulement le taux d'envoi. Qualité et quantité comptent. Parfois, plus de conversations gagne même avec des taux de conversion individuels plus bas. Avec le créateur de site web de WEMASY, vous pouvez le mettre en place directement sur votre site.
Comment tester les champs si mon formulaire est intégré à plusieurs pages de façons différentes ?
Testez d'abord sur la page de formulaire qui a le plus de trafic. En général, la page d'accueil ou une fiche produit. Quand vous trouvez la variante gagnante sur cette page, appliquez-la partout. Testez ensuite sur les pages secondaires si le trafic le permet. Un seul test à la fois par page, pour ne pas confondre ce qui a provoqué le changement.
Le formulaire en plusieurs étapes est-il toujours meilleur qu'un formulaire unique pour la complétion ?
Pas toujours. Le formulaire en plusieurs étapes réduit l'abandon par étape mais ajoute de l'abandon entre les étapes. Quelqu'un part entre deux étapes. Testez les deux. Mesurez le taux de complétion total, du début à la dernière étape, pas la complétion étape par étape. Le formulaire en une étape gagne en général sous trois champs. Celui en plusieurs étapes gagne au-delà de cinq champs. Entre trois et cinq champs, c'est un coup de dés. Testez avec votre audience.
Dois-je tester la suppression d'un champ obligatoire ou changer les champs obligatoires ?
Si le champ est obligatoire, testez d'abord de le rendre facultatif avant de le retirer complètement. Un champ facultatif est ignoré par certains visiteurs. Vous gardez les données de ceux qui le remplissent. C'est mieux que de les perdre pour tout le monde. Si la plupart des visiteurs ignorent un champ facultatif, retirez-le.
Si je place le formulaire au-dessus de la ligne de flottaison, cela nuira-t-il au SEO de la page ?
Non. Il n'y a aucune pénalité SEO pour le contenu au-dessus de la ligne de flottaison. Google s'intéresse à la qualité et à la pertinence du contenu, pas à la mise en page. Placer le formulaire plus haut améliore l'expérience utilisateur, la conversion et les indicateurs de l'entreprise. L'impact SEO est positif ou neutre. Faites-le.
Comment tester des changements de formulaire sur une page qui en contient plusieurs ?
Testez un formulaire à la fois. Chaque formulaire convertit pour des raisons différentes. Le formulaire de contact n'a pas le même design optimal que l'inscription à la newsletter. Tester les deux en même temps brouille les résultats. Repérez le formulaire qui apporte le plus de valeur. Testez celui-là d'abord. Modifiez-le. Testez ensuite le formulaire suivant.