2 – L’inscription comme transaction
Vous devez considérer comme une transaction le fait qu’un utilisateur vous donne son adresse mail. En effet, ils attendent quelque-chose de votre part en échange de leur adresse (ou d’une autre donnée). De manière générale, vous devez demander le moins possible et donner le plus possible en échange (extrait des paroles de J J Goldman).
Les utilisateurs motivés sont susceptibles de compléter un formulaire de taille raisonnable. Mais sont-ils suffisamment motivés pour se soucier de vos besoins en données ? J’en doute.
Voici l’exemple d’un formulaire de la pire espèce :
- Aucune contrepartie n’est affichée,
- le nombre de champs est ridiculement haut
Un autre exemple de mauvaise pratique : bien qu’il soit court, ce formulaire ne donne aucune raison pour vous inciter à le compléter.
C’est à vous créer cette motivation/envie chez l’utilisateur. Et pour cela, ne demandez pas simplement à l’utilisateur de s’inscrire, mais vendez lui quelque-chose en échange.
Voici un bel exemple de formulaire (normal c’est le nôtre ;)). C’est court, on sait ce qu’on reçoit en échange, et on sait comment les données vont être utilisées :
Testez votre offre
Ce que vous offrez en échange de l’information demandée influe énormément sur votre taux de conversion. Tout le reste n’est la que pour l’appuyer.
3 – Affichez les Social Proofs
Personne ne veut être le seul idiot qui a rempli votre formulaire d’inscription. C’est un fait. Vous devez donc montrer à vos utilisateurs que des tonnes de personnes l’ont fait avant eux.
La Social Proof est un moyen vraiment efficace d’augmenter vos taux de conversion.
4 – Dites leurs ce qu’il va se passer ensuite
Autre grande vérité générale : les gens aiment se sentir dans le contrôle. Remplir un formulaire sans savoir ce qu’il se passe après sa validation crée de l’incertitude. Et avec l’incertitude vient la friction.
La pire chose que vous puissiez faire est que votre bouton de soumission du formulaire dise “Soumettre” ou “valider”. La meilleure façon de faire est que votre CTA indique ce qu’il va se passer ensuite.
5 – Le Design de vos Formulaires
Les gens ont confiance dans les jolis design. Pour les inciter à compléter vos formulaires d’inscription, ne lésinez pas sur ce point.
Voici un exemple du formulaire d’inscription Hotjar. Il est simple et organisé de manière rationnel afin d’encourager l’utilisateur à s’inscrire.
6 – Une seule colonne s’il vous plaît
Cette étude réalisée par notre partenaire ConversionXL a montré que les formulaires d’inscription en 1 colonne prennent moins de temps à remplir. Et cela s’est même vérifié pour les longs formulaires d’inscription :
7 – Testez les formulaires façon Mad Lib
Connaissez-vous ce jeu appelé le Blanc Manger Coco ? Si ce n’est pas le cas, je vous invite à y jouer, c’est très drôle. Le Mad Lib s’en rapproche fortement : c’est un jeu dans lequel un joueur a une liste de mots qu’il doit placer dans une phrase à trous. Et le résultat est souvent très drôle.
Il y a quelques années, Vast.com a réalisé un AB test afin de comparer les résultats d’un formulaire traditionnel avec un formulaire d’inscription dans le style “Mad Lib”. Résultat : Le formulaire style Mad Lib a augmenté les conversion de 25 à 40% suivant les cas.
8 – Pointez clairement du doigt les erreurs de complétion
Si vos utilisateurs ne remplissent pas un champ obligatoire ou se trompent, affichez l’erreur de manière très visible pour qu’ils n’aient pas à chercher pendant plusieurs minutes d’où vient l’erreur. Meetup fait cela très bien :
Autre point important sur le sujet : lorsqu’un utilisateur fait une erreur, assurez-vous que les champs correctement remplis conservent les informations saisies. Recommencer de zéro est une source de frustration importante, et l’utilisateur risque de ne pas renouveler sa tentative.
9 – Ne soyez pas trop pointilleux
S’il a bien quelque chose d’irritant, c’est un formulaire qui requiert des informations dans un format spécifique.
Par exemple, lorsque vous demandez de compléter une date, acceptez pour l’année le format 20 ou 2020. Laissez votre utilisateur utilisé le point ou le slash entre les chiffres. Lorsque vous demandez un numéro de téléphone, vous n’avez pas besoin d’espaces, de crochets ou d’autre chose. Laissez l’utilisateur saisir son numéro de téléphone comme bon lui semble.
Si vous avez besoin de données dans un format spécifique, faites votre demande de manière claire. Ce formulaire extrait du site Heineken France évite les erreurs potentielles entre le point ou le slash et spécifie clairement le format de date attendue.
Encore mieux, vous pouvez convertir les données de formulaire au bon format grâce à un script. Vous pouvez également concevoir votre formulaire de façon à supprimer ce problème de format. Pour le cas des dates par exemple, vous pouvez demander à vos utilisateurs de choisir dans un calendrier.
10 – Ne demandez le mot de passe d’une seule fois
Rappelez-vous la règle de base : plus vous avez de champs, moins les personnes rempliront votre formulaire. Avoir donc 2 champs pour le mot de passe est donc stupide. Quand on fait cela, c’est généralement pour s’assurer que l’utilisateur n’a pas fait de fautes de frappe lors de sa première saisie. Mais vous pouvez tout simplement donner la possibilité à l’utilisateur de voir ce qu’il a tapé grâce à une simple case à cocher du type “Affichez mon mot de passe”, cela fonctionne bien mieux.
11 – Liste déroulante, cases à options & champs auto-complétés
Vous avez probablement déjà vu ces énormes listes déroulantes vous permettant de sélectionner des catégories, des pays ou des villes. S’il existe une multitude de choix, une liste déroulante n’est pas la bonne pratique.
Ceci n’est pas un bon exemple :
Préférez lui l’auto-complétion des champs : l’utilisateur tape les premières lettres et différentes propositions lui sont faites. Il n’a plus qu’à cliquer sur la bonne.
Vous pouvez également utiliser les options par défaut , mais de manière intelligente. Par exemple, si la plupart de vos utilisateurs habitent en France, cela pourrait être une bonne idée de mettre “France” en pays par défaut.
Si votre champs contient entre 7 et 15 options, utilisez la liste déroulante. Si vous avez entre 2 et 6 options, préférez lui les cases à option.
12 – Largeur du CTA = Largeur du champ
Le call-to-action est la partie la plus importante de votre formulaire. Un bouton de petite taille aura de faibles performances et rendra vos utilisateurs peu confiants. Faites en sorte qu’il soit aussi large que les champs à compléter.
13 – Évitez les boutons de « nettoyage » de champ
Aucune personne qui remplit un formulaire ne veut effacer toutes les informations remplies dans les champs. Si elle ne veut pas les remplir, elle a juste à quitter la page ou à modifier les réponses directement.
De plus, si elles remplissent le formulaire et cliquent accidentellement sur le bouton “Effacer”, il y a de grandes chances pour qu’elles ne recommencent pas.
14 – N’utilisez pas de CAPTCHAs sur vos formulaires
Les CAPTCHAs sont ces modules anti-spam :
Cette étude réalisée sur une période de 6 mois démontre qu’utiliser les CAPTCHAs fait peut vous faire perdre jusqu’à 3,2% du nombre de conversions. Cette autre étude nous montre que jusqu’à 30% des CAPTCHAs complétés par de vraies personnes pouvaient échouer car trop difficile à comprendre ou à déchiffrer (“C’est un i majuscule ou un l majuscule ??? et ce rond là, un zéro ou un O ??”).
Alors, que faire à la place ?
Si c’est un formulaire d’inscription à une liste de mailing, utilisez simplement la fonction “double opt-in” pour vérifier l’adresse mail.
S’il s’agit d’une demande de devis ou d’un autre type de formulaire, vous pouvez utiliser la technique suivante :
Utilisez le CSS pour rendre invisible un champs censé rester vide. A chaque fois que le formulaire est complété, vérifiez le champs est bien vide. Si ce n’est pas le cas, marquez-le comme spam (mais ne le supprimez pas).