Créer une page de sign-up pour son application Saas c'est un peu l'arbre qui cache la forêt. Loin d'être un simple formulaire tant son rôle quasi stratégique est important, la page de sign-up est à la croisée de la landing page et de la page de confirmation de commande (en e-commerce). Toute simple d'apparence, elle cache bien souvent une vraie réflexion sur la façon dont elle est structurée, dont il faut articuler le formulaire, et sur les moyens dont il faut convaincre l'internaute d'inscrire ses coordonnées.
Si vous cherchez actuellement des bonnes pratiques de sign-up pages pour refaire la votre, alors voici quelques traits d'analyses qui pourraient vous intéresser. La sign-up page est un élément primordial de l'activation des visiteurs en utilisateurs.
Pourquoi ces 5 startups ? C'est un choix purement arbitraire.
Nous n'avons aucune donnée sur la façon dont ces pages convertissent, nous savons seulement qu'elles appartiennent à la crème des startups américaines, et que - c'est très probable mais nous n'en sommes pas sûr -, elles ont fait l'objet de nombreux tests pour être perfectionnées.
Comme nous, utilisez-les en tant que source d'inspiration, et n'hésitez pas à tester ce qui marche spécifiquement pour votre site.
Nous nous intéresserons donc à 5 sign-up pages de startups :
- Uber, le leader des VTC dans le monde,
- Unbounce, application phare de création de landing pages,
- Stripe, leader des solutions de paiement par carte bleue,
- Hubspot, solution marketing tout-en-un n°1 mondial dont nous sommes partenaires,
- Mixpanel, solution analytics pour application mobile ou Saas.
UBER
Nos observations :
- le titre de la page reprend les termes de la phrase d'accroche de la page précédente, à savoir "Commandez un Uber" ;
- un texte d'accueil est déjà en train de souhaiter la bienvenue alors même que le formulaire d'inscription n'a pas commencé ;
- toutes les étapes du formulaire sont sur la même page, on joue la transparence.
UNBOUNCE
Nos observations :
- Formulaire en 2 étapes sur la même page
- Case à cocher pour s'inscrire au blog
- Une zone de réassurance carrément perfectionnée sur la droite.
- Elle contient :
- a) les logos des principaux clients
- b) les témoignages de clients conquis
- Les contenus de la zone sont grisés et apparaissent en couleur au survol de la souris.
- De plus, les contenus s'enrichissent. Il y a moins de témoignages à l'étape 1 qu'à l'étape 2 (pourtant on reste sur la même page)
- Elle contient :
STRIPE
Nos observations :
- L'utilisateur a possibilité de passer l'étape d'inscription et d'accéder directement à son dashboard en mode test.
- Il pourra créer son compte plus tard (notamment pour débloquer l'ensemble des fonctionnalités).
- D'ailleurs, presque la plupart des portes de sortie (le clic sur le logo, le lien Stripe en footer...) invite l'utilisateur à passer cette étape.
- Ultra-minimaliste
HUBSPOT
Nos observations :
- Le numéro de téléphone s'affiche clairement en haut à gauche ; il y a aussi la possibilité de se faire rappeler
- Titre de la page très clair avec indication en nombre de jours de la période d'essai (30 jours)
- Rappel de l'argumentation Hubspot avec copies d'écrans à l'appui
- Formulaire assez riche, en 2 étapes, contenu dans la colonne de droite
MIXPANEL
Nos observations :
- formulaire en 2 étapes, appuyé par une zone de réassurance à sa droite
- la zone de réassurance contient les logos des principaux clients
- une interface très dépouillée
Conclusion
Aucunes de ces pages ne laissent apparaître le moindre élément superflu.
Dans les formulaires, seules les données nécessaires sont demandées au futur utilisateur - d'ailleurs tous les champs sont requis. La navigation principale du site est supprimée systématiquement pour centrer l'internaute sur son inscription.
Autrement dit, tout est pris en charge pour éviter absolument d'éloigner l'internaute de l'objectif de la page. La validation des champs se fait en temps réel pour minimiser l'effort de l'internaute.
L'email, qui constitue le premier "actif" pour l'entreprise est, presque systématiquement, le premier champ du formulaire, avant même de demander un nom ou prénom.
On observe qu'à l'instar d'une landing page classique, tout est contenu est présenté sur une seule et même page - même lorsque le formulaire est en deux étapes (il est chargé dynamiquement).
Et dans la même logique qu'un ecommerce, lorsqu'elles sont demandées, les données de paiement se trouvent toujours à la fin du formulaire. C'est ensuite une question de choix : certains comme Uber affichent la transparence (on sait à l'avance qu'il faudra fournir ses données de paiement), d'autres comme Unbounce annoncent la couleur qu'en étape 2 du formulaire.
D'ailleurs concernant les autres, si aucune donnée de paiement n'est demandée pendant l'inscription, la mention "Aucune carte de crédit requise" est clairement affichée. Un argument de réassurance supplémentaire.
Quant aux conditions générales et mentions légales, elles seront acceptées d'office au clic sur le bouton de validation du formulaire (cette mention apparaît généralement sous le bouton). Pas de case à cocher donc.
La réalisation d'une page de sign-up est un vrai exercice de style qui requiert habilité et discernement. Le design bien souvent ultra minimaliste demande une précision dans la position des éléments. L'expérience utilisateur doit être guidée par l'objectif suprême de la page qui reste son inscription.
Ce que nous pouvons retenir comme leçon de ces observations, c'est le test & learn ! Beaucoup de ces startups en ont fait l'usage pour maximiser leurs taux de conversion. À vous de jouer ;)
Vous prévoyez une refonte de site ?
Commentaires
Laisser un commentaire