6 Pratiques de conception de page d’inscription pour les formulaires sans friction
En tant que spécialiste du marketing, vous aimez probablement penser que vous comprenez bien vos prospects — qui ils sont, comment ils se comportent, etc. Donc, si l’un d’eux a visité votre site Web ou votre page d’inscription, que pensez-vous qu’il ferait ensuite?
Inscrivez-vous probablement à votre service, n’est-ce pas?
Ce n’est pas toujours le cas, comme l’a découvert une marque. Pour eux, quelque chose entre ce CTA et leur page de remerciement faisait perdre à l’entreprise près d’un quart de ses clients potentiels.
Il y avait un problème avec leur page d’inscription.
Créer des pages de destination avec Instapage Qu’est-ce qu’une page d’inscription ?
Les pages d’inscription, également appelées » pages d’inscription « , ne sont pas toutes identiques. Certaines sont des pages de destination post-clic PPC; d’autres sont liées à la page d’accueil via la navigation – certaines sont même la page d’accueil. Malgré leurs différences, ils partagent tous le même objectif: générer des inscriptions pour un service.
Dans de nombreux cas, la page d’inscription est la dernière étape de l’entonnoir de conversion d’une entreprise. C’est là que les prospects naviguent après avoir évalué une marque et décidé que son service offre ce dont ils ont besoin.
Pour cette raison, les pages d’inscription se concentrent moins sur la persuasion du prospect de se convertir et plus sur la minimisation des frictions impliquées dans le processus. Cet accent mis sur la convivialité signifie que d’autres éléments de page de destination post-clic traditionnels tels que la preuve sociale, les témoignages et les médias qui attirent l’attention prennent une place arrière.
Il suffit de regarder la page d’inscription de Shopify ci-dessous, qui apparaît sur la page d’accueil une fois que vous cliquez sur « commencer. »
C’est vraiment juste une forme courte. Et, comme vous le verrez un peu plus tard, la plupart des pages d’inscription sont construites de la même manière, avec rien de plus qu’un titre, quelques champs de formulaire et un appel à l’action.
Mais ce n’est pas parce que beaucoup sont conçus de cette façon que c’est la bonne façon. Créer une page d’inscription réussie ne se limite pas à éliminer les distractions et à réduire les champs de formulaire. La tâche est double.
Pour générer un maximum d’inscriptions, vous devez minimiser les étapes de l’inscription et, en même temps, tirer le meilleur parti des quelques éléments que vous utilisez. Voici quelques conseils et idées des experts.
Utilisez un titre axé sur les avantages
Au moment où un prospect arrive sur votre page d’inscription, dans la plupart des cas, il a déjà évalué votre service et déterminé qu’il répond à ses besoins. Mais, cela signifie-t-il que vous ne devriez pas leur rappeler pourquoi ils sont là?
Ci-dessous, Copyblogger utilise un titre bourré de preuves sociales pour convaincre les utilisateurs de s’inscrire, et au-dessus, Shopify rappelle aux prospects que leur essai est gratuit pendant 14 jours.
Simple, c’est bien, mais si vous avez la possibilité de renforcer votre USP avec un titre, faites-le. Il y a de fortes chances que cela ait un impact plus positif sur les conversions que négatif.
Rendre tous vos champs obligatoires
Cette astuce consiste moins à demander à vos visiteurs de remplir votre formulaire qu’à vous assurer d’avoir choisi les bons champs. Nous entendons par là que si vous avez déterminé qu’un champ de formulaire est facultatif, vous n’avez pas besoin de cette information pour inscrire le prospect.
Par exemple, un service comme Groupon doit connaître votre position lors de l’inscription pour vous proposer des offres et des coupons pertinents. Mais, la localisation n’est pas une information cruciale pour Instapage à connaître de ses clients, c’est pourquoi nous ne la demandons pas lors de l’inscription.
Si vous n’avez pas vraiment besoin de connaître l’entreprise de votre prospect, son poste ou le nombre d’employés qu’il a, ne demandez pas. Moins ils ont besoin de travail, mieux c’est.
Champs de formulaire à considérer
Certains champs de formulaire à envisager de consolider / de se débarrasser:
- Nom d’utilisateur : Vos utilisateurs ont-ils vraiment besoin d’un nom d’utilisateur pour s’inscrire ? Ou pouvez-vous simplement demander leur e-mail, puis les laisser déterminer leur nom d’utilisateur une fois qu’ils se sont connectés?
- Confirmer le mot de passe : Ce champ est obsolète et n’est nécessaire qu’en raison du masquage du mot de passe, une autre technique peu pratique.
Le masquage de mot de passe est la technologie qui fait que chaque lettre ressemble à une puce identique lorsqu’elle est entrée dans un formulaire. Cela donne l’impression d’une sécurité supplémentaire, mais la seule chose dont il protège vraiment, ce sont les gens qui regardent par-dessus votre épaule.
Demandez-vous: mes prospects créent-ils vraiment leurs mots de passe dans un environnement public bondé? Pas probable.
Au lieu d’utiliser un champ « confirmer le mot de passe », permettez aux utilisateurs de voir ce qu’ils tapent en démasquant le champ « mot de passe » d’origine ou en utilisant une fonction « afficher/masquer « , comme le fait MailChimp sur leur page d’inscription:
- Prénom et nom : Envisagez de regrouper prénom et nom en un seul champ » nom complet « . Ou, demandez simplement votre prénom. Diable, peut-être même penser à s’en débarrasser complètement.
Dans plusieurs exemples ci-dessous (Buffer, Asana, Crazy Egg), les pages d’inscription ne demandent pas de nom immédiatement, mais laissent leurs clients convertis entrer les détails une fois qu’ils se sont connectés à la plate-forme.
- Accord utilisateur : Au lieu de faire en sorte que vos utilisateurs cliquent sur une case indiquant qu’ils acceptent vos conditions d’utilisation, envisagez d’inclure un message au-dessus de votre CTA comme LinkedIn le fait ci-dessous. Il indique qu’en convertissant, l’utilisateur y consent automatiquement.
Créez des pages de destination avec Instapage ➔
Si vous avez absolument besoin de toutes ces informations, demandez-les par étapes
Regardez, parfois vous avez vraiment besoin de beaucoup d’informations pour enregistrer un nouvel utilisateur. Les inscriptions qui nécessitent un paiement sur place nécessitent des formulaires longs pour capturer des informations sensibles telles que l’adresse de facturation et le numéro de carte de crédit. Lorsque cela se produit, envisagez de diviser le processus d’inscription en plusieurs étapes.
Un rapport de Formstack montre que l’année dernière, les formulaires d’inscription de plusieurs pages ont surpassé de plus de 9 les formulaires d’une page%:
Pourquoi?
Les formulaires de plusieurs pages rendent la conversion moins accablante en séparant le processus en plusieurs étapes courtes. Plus de pages signifient plus d’espace pour des polices plus grandes, des champs plus longs et des étiquettes descriptives qui pourraient ne pas tenir dans une forme plus courte. De plus, les inscriptions sur plusieurs pages sont généralement accompagnées d’une barre de progression pratique qui permet aux utilisateurs de savoir jusqu’où ils en sont dans l’inscription.
Rappelez-vous: si vous pouvez raccourcir votre formulaire en éliminant quelques champs, raccourcissez-le. Si vous ne le pouvez pas, n’essayez pas de le faire paraître plus court en entassant tout dans un petit espace. Vous ne ferez qu’encombrer votre page et submerger votre prospect.
Envisagez d’utiliser une fenêtre modale
Pour ceux qui ont un processus d’inscription rapide, comme Canva, une fenêtre modale offre quelques avantages.
Le concepteur, Joshua Johnson, explique pourquoi:
Ils superposent le contenu actuel au lieu de vous amener sur une page différente. D’une certaine manière, c’est juste moins troublant que d’être emmené dans un endroit nouveau, ce qui ressemble à une interruption. En obscurcissant les graphiques de la page d’accueil et en faisant apparaître un formulaire d’inscription de signe modal, vous avez l’impression que le processus sera rapide et indolore et que vous reviendrez à la navigation en un rien de temps.
À l’heure où les internautes sont plus impatients que jamais, leur donner l’impression de revenir à la navigation en un instant est une excellente pratique.
Créez des pages de destination avec Instapage ➔
Activer le remplissage automatique des réseaux sociaux
Dans presque tous les exemples de page d’inscription ci-dessous, vous remarquerez des boutons de remplissage automatique des réseaux sociaux. Ceux-ci permettent aux utilisateurs de contourner votre formulaire en un seul clic en important les informations personnelles pertinentes qu’ils ont déjà soumises aux réseaux sociaux.
Formstack a constaté qu’en incluant cette fonctionnalité, les utilisateurs pouvaient générer des conversions de formulaires 189 % plus élevées. De plus, 86% des gens disent que la création de nouveaux comptes d’utilisateurs sur différents sites Web n’est pas pratique. Lorsque votre objectif est de rendre la conversion aussi facile que possible, l’utilisation du remplissage automatique social est une évidence.
Abandonnez le texte de l’espace réservé
Pour convertir, les visiteurs doivent savoir comment remplir votre formulaire. Mais, l’utilisation de texte d’espace réservé n’est pas la meilleure façon de les afficher.
Selon le groupe Nielsen Norman, l’ajout de texte gris clair à vos champs de formulaire a le potentiel de:
- Sollicitez la mémoire à court terme des utilisateurs. Quand ils commencent à taper et que le texte gris disparaît, ils se disent: « Combien de caractères mon mot de passe doit-il avoir à nouveau? »
- Rendez vos champs de formulaire invisibles. Les champs de formulaire vides sont en fait plus visibles par les prospects que ceux avec des espaces réservés.
- Irritent les utilisateurs qui tabulent le formulaire. Ceux qui remplissent rapidement votre formulaire en utilisant le bouton « onglet » n’auront pas le temps de lire le texte explicatif de l’espace réservé avant qu’il ne disparaisse.
- Confondent les visiteurs. Ils peuvent confondre le texte de l’espace réservé avec des informations qui ont été automatiquement remplies.
Pour éviter toute confusion, incluez une étiquette au-dessus de chaque champ qui indique aux visiteurs exactement ce qu’ils doivent y inclure. Le texte de l’espace réservé ne fera que créer plus de frictions sur votre page d’inscription.
Créez des pages de destination avec Instapage Comment les pros construisent les pages d’inscription
Maintenant que vous savez quoi inclure sur votre page d’inscription, examinons comment les pros construisent les leurs.
Cette page d’inscription LinkedIn est de la variété de page de destination post-clic. Il est autonome, ce qui signifie qu’il n’est pas connecté au site Web de l’entreprise via la navigation — même pas dans le logo.
Au-dessus du formulaire, le titre pourrait présenter un avantage plus important. Sur celui-ci, quatre champs maintiennent la friction faible. Cependant, en combinant le prénom et le nom de famille en un seul champ « nom complet », cette friction pourrait être encore plus faible.
Sur chaque zone de texte, le lettrage gris permet aux prospects de savoir ce qu’ils sont censés taper, et au-dessus du champ « mot de passe », cette étiquette est encore plus spécifique. Cependant, ce champ « mot de passe » ne suit pas les meilleures pratiques en affichant des puces identiques pour chaque lettre que le prospect tape.
Un lettrage gris supplémentaire sous le dernier champ du formulaire permet aux visiteurs de savoir qu’en cliquant sur « Rejoindre maintenant », ils acceptent les conditions d’utilisation, la politique de confidentialité et la politique de cookies de LinkedIn. Cela évite au prospect l’étape supplémentaire consistant à cliquer sur une case d’inscription pour consentir.
Dans l’appel à l’action, le mot « maintenant » souligne qu’une fois que l’utilisateur clique sur le bouton CTA, il fait immédiatement partie du réseau. En ce qui concerne le bouton lui-même, il pourrait éclater un peu plus, ne pensez-vous pas? Une couleur d’arrière-plan ou de bouton différente peut attirer davantage l’attention sur l’endroit où l’utilisateur doit cliquer pour rejoindre.
En dessous, un bouton « Continuer avec Facebook » rationalise l’ensemble du processus. Si vous avez un profil sur le plus grand réseau social au monde, cliquez sur ce bouton pour permettre au remplissage automatique de remplir le formulaire à votre place en utilisant les données que vous avez déjà partagées avec Facebook.
Copyblogger
Voici une page d’inscription qui est plus qu’un simple formulaire. La première chose que les prospects sont susceptibles de remarquer est ce titre géant rempli de preuves sociales. Traduit, il dit: « Si nous sommes assez bons pour 334 000 spécialistes du marketing, nous sommes assez bons pour vous aussi. »
Il tire également parti d’un phénomène communément appelé « FOMO « , qui signifie « peur de passer à côté. »Personne ne veut manquer de prendre l’avance que 334 000 de leurs pairs de l’industrie ont.
Sous cela, un aperçu de tout le contenu précieux gratuit que les prospects obtiennent après leur inscription les incite à remplir ce formulaire. La forme elle-même, cependant, pourrait être mieux conçue.
En éliminant le champ « Entrer de nouveau le mot de passe » et en condensant le prénom et le nom en « nom complet », Copyblogger pourrait réduire le nombre de zones de texte de 5 à 3 et, à son tour, la quantité de friction impliquée dans l’inscription. À la place de ce champ « ressaisir le mot de passe », une option afficher / masquer peut être utilisée pour garantir l’exactitude lors de la saisie d’un mot de passe.
Pour réduire encore plus la friction, les étiquettes de chaque champ doivent être positionnées au-dessus. À l’heure actuelle, ce lettrage gris disparaît lorsque les prospects cliquent dans la zone de texte, ce qui leur permet d’oublier facilement ce qu’ils tapaient.
Dans l’ensemble, bien que quelques lacunes dans le formulaire et quelques liens sortants puissent nuire aux conversions sur cette page d’inscription, le contenu gratuit de Copyblogger est trop précieux pour être ignoré.
Crazy Egg
Tout d’abord, une entreprise qui se dit « le leader » de son industrie est comme un cafè qui qualifie son café de meilleur au monde. Il y en a beaucoup qui le disent, mais peu qui peuvent le prouver. Au lieu de vous appeler le meilleur, sauvegardez votre réclamation avec une statistique ou en citant un client bien connu qui croit que vous êtes.
Sous ce titre se trouve une image qui prévisualise l’aperçu que vous obtenez lorsque vous utilisez Crazy Egg, et à droite de l’image, trois lignes de copie expliquent en quoi consiste cet aperçu et ce que vous pouvez en faire.
Sur cette forme très courte, les frottements sont minimes. Le titre souligne que l’essai est gratuit, que le bouton apparaît sur fond blanc et que l’appel à l’action est écrit à la première personne. À l’heure actuelle, la seule chose qui empêche ce formulaire d’être sans douleur est le texte d’espace réservé gris distrayant dans chaque champ.
En dessous, une preuve sociale sous la forme de logos clients reconnaissables et du texte « Plus de 200 000 entreprises se convertissent mieux avec Crazy Egg » renforce la persuasion de cette page d’inscription.
Au total, cette page facilite la conversion pour les visiteurs.
Créez des pages de destination avec Instapage ➔
Buffer
Lorsque vous cliquez sur l’appel à l’action « S’inscrire gratuitement » sur Buffer.avec, la page d’accueil se transforme en page d’inscription en déployant un court formulaire contextuel et en assombrissant le contenu environnant.
Sur cette fenêtre contextuelle, le processus de conversion est simple: cliquez sur l’un des trois boutons de connexion sociale pour contourner le formulaire ou entrez une adresse e—mail et un mot de passe. De toute façon, la friction est minime. La seule façon dont ce formulaire pourrait être plus facile à remplir? Débarrassez-vous de ce texte d’espace réservé distrayant.
Asana
Tout au plus, l’inscription sur cette page depuis Asana prend deux clics. Avec une fonctionnalité de connexion Google, cela pourrait prendre aussi peu qu’un.
Une phrase au-dessus du formulaire vous indique comment remplir le formulaire, même jusqu’à quel e-mail vous devez vous inscrire.
Juste en dessous, cependant, un champ de formulaire rempli de texte d’espace réservé gris distrait l’utilisateur. Mais cela dissuadera-t-il les gens de s’inscrire? Pas probable. Ce formulaire est presque sans friction et facile à remplir.
Commencez à créer une page d’inscription optimisée avec Instapage, demandez une démo Instapage Enterprise dès aujourd’hui.