Comment créer un bon formu­laire (Assurez-vous que vos formu­laires ne font pas fuir les gens)

Les formulaires constituent le moyen d'inciter les gens à agir sur votre site web.

Quel que soit le type de formulaire que vous utilisez, vous devez vous assurer qu'il est facile à utiliser, afin que les gens le remplissent.

Si vos formulaires procurent une mauvaise expérience utilisateur, les gens ne les rempliront pas. Cela signifie qu'ils quittent votre site web, sans jamais devenir clients, car vous avez formaté les champs de votre formulaire de manière étrange !

Cela signifie que vous devez savoir comment créer un bon formulaire.

Quels sont les types de formulaires qui bénéficient d'une bonne conception ?

• Formulaires de génération de leads : lorsque vous voulez que les gens s'inscrivent à votre liste d'adresses e-mail ou téléchargent une offre gratuite
• Formulaires de contact : lorsque vous souhaitez que les gens vous contactent
• Formulaires d'inscription : lorsque vous souhaitez que des personnes s'inscrivent à votre service ou à votre événement
• Formulaires de connexion : pour faciliter la connexion des utilisateurs
• Formulaires de paiement : pour s'assurer que les clients n'abandonnent pas leur panier
• Formulaires généraux de capture d'adresses e-mail : pour toutes les occasions où vous avez besoin d'obtenir l'adresse e-mail d'une personne

Malheureusement, il existe également de nombreux mauvais formulaires.

Heureusement, ce n'est pas trop difficile de concevoir un formulaire simple, efficace et doté d'une bonne ergonomie.

Voici comment créer un bon formulaire.

Pour créer un bon formulaire, il faut deux choses :

1. De bonnes pratiques simples, comme l'emplacement des étiquettes de champ et comment empiler les champs
2. Les principes qui régissent l'élaboration d'un bon formulaire

Vous pouvez tirer un bon enseignement d'après ce que d'autres personnes ont déjà testé : dans quelques instants, je vais vous énumérer un certain nombre de bonnes pratiques en matière de conception de formulaires qui vous faciliteront la tâche.

Mais parfois, il arrive que l'on doive utiliser un formulaire pour quelque chose qui n'a pas été testé.

Ou vous travaillez avec un public qui, pour une raison ou une autre, est différent de la plupart des personnes qui remplissent des formulaires.

Comprendre les principes de la conception des formulaires vous donne les outils pour créer un bon formulaire en toute circonstance.

Voici donc les conseils rapides et spécifiques qui vous aideront à gérer les erreurs les plus courantes liées à l'expérience utilisateur pour les formulaires :

• Placez les étiquettes au-dessus de vos champs, et non sous la forme d'un texte qui disparaît à l'intérieur du champ. Sinon, lorsque quelqu'un commence à saisir sa réponse, il risque d'oublier les informations que vous avez demandées.
• Empilez les champs verticalement lorsqu'il y en a plus de deux. Les champs verticaux sont plus faciles à parcourir que les champs horizontaux.
• Indiquez clairement quels sont les champs obligatoires. Les astérisques sont courants (vous pouvez aussi mentionner expressément les champs facultatifs).
• S'il y a plus de 6 options pour un formulaire, utilisez un menu déroulant. Avez-vous déjà entendu parler de la règle des 7 ? Les gens peuvent se souvenir d'environ 7 éléments, donc si vous atteignez ou dépassez ce nombre, ne les affichez pas tous en même temps comme des boutons de radio.
• Utilisez des formulaires en plusieurs étapes si vous avez de nombreux champs : cela peut réduire les frictions.
• Faites varier la taille des champs de votre formulaire en fonction de la longueur de la réponse attendue. Un formulaire pour un code postal doit être plus court qu'un formulaire pour un numéro de téléphone.
• Si vous avez des messages d'erreur, il peut être judicieux d'ajouter une validation en ligne.
• Ne vous contenter pas d'écrire « Envoyer » sur le bouton pour soumettre le formulaire. Faites en sorte qu'il se distingue visuellement par une microcopie convaincante.

Et puis il y a les principes qui sous-tendent les bons formulaires. Voici les quatre C de la conception d'un bon formulaire :

1. Clarté
2. Concision
3. Clairvoyance
4. Coopération

(Note : Nous remercions l'équipe de Formulate d'avoir développé ce modèle des 4 C).

1. Les formulaires clairs sont plus faciles à utiliser

Les formulaires clairs ne font pas réfléchir les gens (et c'est une bonne chose).

Ce n'est pas sans raison que ce livre est la bible de la conception de sites web (Amazon)

Que signifie un formulaire clair ? Cela signifie que la personne qui remplit vos formulaires web doit pouvoir le faire avec le moins d'effort possible.

Un champ obligatoire doit l'être de manière évidente. Les champs de saisie doivent indiquer clairement les informations qu'ils demandent.

Si votre formulaire est long, les champs sont clairement identifiés et aussi simples que possible.

La clarté de vos formulaires est essentielle. Si une partie de votre formulaire est confuse, vous perdrez des conversions !

Et j'entends par là n'importe quelle partie de votre formulaire, ce qui inclut :

• Quelles parties sont obligatoires ou facultatives
• Quelles informations fournir
• Quels champs du formulaire correspondent à quelles informations
• Ce qu'il se passera après l'envoi du formulaire
• Pourquoi faut-il remplir votre formulaire en premier lieu

À moins que votre formulaire ne soit quelque chose de très intense que les gens sont légalement tenus de remplir (comme les documents fiscaux), vous devez faire en sorte que les gens aient envie de remplir votre formulaire. Cela signifie que vous avez besoin d'une offre claire et de qualité, ainsi que d'un texte d'opt-in clair et de qualité.

Faites en sorte qu'il soit aussi facile et agréable à remplir que possible.

Lorsque vous concevez votre formulaire, posez-vous les questions suivantes :

• Est-il évident de comprendre ce que le formulaire attend de l'utilisateur ?
• Les informations demandées sont-elles évidentes ?
• Le format de ces informations est-il évident ?
• L'endroit où chaque information doit être saisie est-il évident ?
• En cas d'erreur, le message d'erreur indique-t-il comment y remédier ?
• Une fois les informations saisies, la prochaine étape est-elle évidente ?

2. Les formulaires concis génèrent plus de conversions

Concis ne veut pas dire court ! Cela signifie qu'il n'est pas plus long que nécessaire.

Oui, un formulaire court obtiendra généralement plus de conversions qu'un formulaire long. Mais :

1. Parfois, un formulaire long convertit mieux qu'un formulaire court
2. Parfois, vous avez vraiment besoin de plus d'informations
3. Parfois, vous voulez vous assurer que seules les personnes les plus intéressées vous contactent

Lorsque Michael Aagaard, expert en optimisation des taux de conversion, a raccourci son formulaire de trois champs, il pensait que le taux de conversion augmenterait.

Ce ne fut pas le cas. Les conversions ont chuté de 14 %.

« Résultat ? Une baisse de 14 % du taux de conversion. J'ai supprimé tous les champs avec lesquels les gens veulent vraiment interagir et j'ai laissé les champs merdiques avec lesquels ils ne veulent pas interagir. Un peu stupide de ma part. » – Michael Aagaard, sur ConversionXL

Certains champs de formulaire sont par nature plus frictionnels (par exemple, « numéro de téléphone ») que d'autres (par exemple, « prénom »).

Bien entendu, vous souhaitez disposer d'un maximum d'informations sur vos leads. Vous devez simplement trouver un équilibre entre ces informations et celles que les gens sont prêts à vous donner.

D'un autre côté, il y a deux très bonnes raisons pour lesquelles vous pourriez vouloir créer un formulaire plus long :

1. Vous avez vraiment besoin de toutes ces informations pour convertir les leads en clients
2. Vous avez beaucoup de visiteurs sur votre site web et vous voulez faire fuir les personnes qui ne sont pas intéressées par votre offre

Les formulaires longs sont plus fréquents lorsque vous vendez des services plus coûteux, en particulier si vous les vendez à des entreprises.

Même si vos formulaires sont longs, veillez à ne demander que les informations dont vous avez besoin.

Et n'oubliez pas que vous pouvez transformer un formulaire long en un formulaire à plusieurs étapes pour qu'il soit plus facile à remplir.

3. Des formulaires clairvoyants pour aider les gens

La clairvoyance ne signifie pas que votre formulaire doit contenir une multitude de jeux de mots. Comme nous l'avons déjà écrit, la clarté est plus importante que la clairvoyance, du moins lorsque cela signifie « être drôle ».

Dans ce contexte, « clairvoyant » signifie « astucieux ». Ces formulaires sont suffisamment astucieux pour aider vos visiteurs à les remplir, par exemple en supprimant les étapes non pertinentes ou en facilitant la tâche des visiteurs pour qu'ils accomplissent les étapes nécessaires.

Quelles sont ces étapes ?

• Remplissage automatique des champs du formulaire pour que vos visiteurs puissent remplir leurs informations plus rapidement
• Masquer les champs de formulaire pour les informations que vous possédez déjà
• Masquer les champs du formulaire jusqu'à ce que les champs préalables soient remplis
• Accepter uniquement certaines entrées pour certains champs de formulaire (par exemple, une adresse e-mail doit contenir @)

Google vous permet de remplir automatiquement vos informations. Cet exemple (tiré de developers.google.com) illustre la rapidité du remplissage automatique.

En rendant vos formulaires plus astucieux, il est plus facile pour les gens de les soumettre.

4. Les formulaires coopératifs ne frustrent pas les gens

Le terme « coopération » est un principe plus général que les trois autres. Si un formulaire est coopératif, cela signifie qu'il collabore avec vos visiteurs pour les aider à le remplir.

Le principe de coopération intègre une série de bonnes pratiques. Par exemple, les formulaires coopératifs :

• Travaillent avec le cadre mental que le remplisseur de formulaires utilise lorsqu'il aborde le formulaire
• Définissent les termes et les replacent dans leur contexte chaque fois que cela est nécessaire
• Utilisent des termes qui seront familiers au type de personne qui soumet le formulaire
• Font ressortir les erreurs et indiquent la marche à suivre pour les corriger
• Prennent en charge quelques erreurs mineures dans les entrées (fautes d'orthographe, formats multiples)
• S'assurent qu'une réponse valide et précise est disponible pour tous les champs du formulaire
• Posent des questions dont les réponses sont valables, afin d'éliminer les réponses « optimales » qui ne reflètent pas les véritables croyances, la situation ou les informations de la personne qui remplit le formulaire
• Expliquent clairement ce que l'on attend de la personne qui remplit le formulaire et ce qu'elle peut attendre du formulaire

L'incertitude peut frustrer les gens : s'ils sont frustrés, ils ne remplissent pas les formulaires et ne deviennent pas des clients.

Une méta-analyse récente sur les effets de l'incertitude a montré comment celle-ci affecte la prise de décision.

« L'incertitude est souvent inévitable dans la vie quotidienne et peut être à la fois stressante et excitante... Des recherches récentes suggèrent que les organismes biologiques tentent de résoudre et de minimiser l' incertitude, afin d'optimiser les déductions et les prédictions sur le monde extérieur et, en fin de compte, de favoriser la survie. »

Lorsque vous êtes face à un formulaire confus, quel est le moyen le plus rapide de « résoudre et minimiser l'incertitude » ?

Ne pas remplir le formulaire !

C'est pourquoi les formulaires coopératifs sont si importants : ils évitent aux personnes qui remplissent ces formulaires d'être frustrées.

Et ils incitent davantage de personnes à remplir vos formulaires.

Un bon formulaire n'est que le début de l'interaction de vos visiteurs avec votre entreprise.

Une bonne conception des formulaires et un texte d'opt-in percutant peuvent inciter un plus grand nombre de personnes à soumettre vos formulaires. Par la suite, vous devrez trouver des moyens de continuer à engager vos nouveaux leads et abonnés.

Voici quelques suggestions pour maintenir l'engagement des personnes :

• Dirigez-les vers une page de remerciement personnalisée. Une page de remerciement personnalisée vous permet d'orienter les internautes vers d'autres ressources susceptibles de les intéresser (et de les inciter à rester sur votre site).
• Indiquez clairement la prochaine étape à franchir. Allez-vous les appeler ? Envoyer un e-mail de confirmation ? Doivent-ils faire quelque chose d'autre dans l'immédiat ? Faites en sorte que cela soit évident pour eux.
• Assurez le suivi (vous pouvez l'automatiser). Envoyez un e-mail de bienvenue. Déclenchez un suivi automatisé. Le taux d'engagement est le plus élevé juste après l'envoi du formulaire. Il faut donc battre le fer tant qu'il est chaud et prendre contact dès maintenant.

Apprenez à créer un bon formulaire. Créez-le puis assurez le suivi. Développez votre activité en transformant un plus grand nombre de vos visiteurs en leads et en clients.