Tous les articles
Publié 6 min de lecture

Des pages de connexion que les gens terminent vraiment

Par L’équipe Alt Auth

retouché sur MacBook
Photo par Theme Photos sur Unsplash

Chaque utilisateur de votre produit passe par la page de connexion, souvent plus d’une fois, et dans la plupart des entreprises personne n’en est responsable. Elle est livrée telle que le fournisseur d’authentification la rend, reçoit un logo dans un coin et n’est plus jamais regardée. C’est étrange, car c’est le seul écran où un moment d’hésitation vous coûte toute la session.

Faites-la ressembler au produit pour lequel ils sont venus

La principale source d’hésitation est une rupture visuelle. L’utilisateur clique sur « Se connecter » sur votre site marketing, atterrit sur une page aux autres polices, aux autres couleurs et au logo d’une autre société, et doit se demander s’il est toujours au bon endroit. Aligner la typographie, la palette et le logo supprime complètement cette question. Ce n’est pas du cosmétique : c’est le signal de confiance le moins coûteux qui existe.

Cinq changements plus petits qui se rentabilisent

  • Placez les boutons de réseaux sociaux là où le regard tombe en premier si la majorité de vos utilisateurs les préfèrent : l’ordre doit suivre l’usage, pas l’habitude.
  • Ne masquez jamais l’erreur. « E-mail ou mot de passe incorrect » à côté du champ vaut mieux qu’une notification qui disparaît en quatre secondes.
  • Gardez le formulaire au-dessus de la ligne de flottaison sur un ordinateur portable. Devoir faire défiler pour se connecter donne l’impression d’une page cassée.
  • Laissez le navigateur le remplir : des attributs autocomplete corrects sur les champs e-mail et mot de passe.
  • Indiquez ce qui se passe ensuite après un lien magique ou un e-mail de vérification, et rappelez l’adresse à laquelle vous l’avez envoyé.
“Un écran de connexion a une seule mission : s’effacer. Chaque élément qui n’aide pas la personne à entrer joue contre vous.”

Rien de tout cela ne demande un cycle d’ingénierie si votre fournisseur d’authentification expose les réglages. Couleurs, polices, logo, forme des boutons, mise en page et textes sont configurables dans Alt Auth, et les modifier ne touche pas à votre intégration : la redirection et le jeton restent exactement les mêmes.

Découvrez ce que vous pouvez personnaliser →

DesignConversionWhite-label