Conception de l’expérience d’utilisation
Les premiers pas des utilisateurs dans votre app constituent certainement l’expérience la plus importante. Une expérience d’accueil réussie peut entraîner des taux de conversion de plus de 90 % et encourage les gens à interagir davantage avec votre app, ce qui les rend plus rentables.
La fonctionnalité Facebook Login permet aux gens de commencer à utiliser votre app rapidement et facilement, et de profiter d’expériences plus personnalisées et plus pertinentes. Dans ce document, nous proposons des conseils pour créer une excellente expérience d’utilisation avec Facebook Login.
1. Montrer les points forts avant d’inviter les gens à se connecter
Pour décider à quel moment de l’expérience d’utilisation vous devriez inviter les personnes à se connecter, demandez-vous à quel stade elles apprécieraient suffisamment votre application pour lui confier leurs informations.
Ce moment dépend souvent de l’expérience vécue par chaque personne, même avant de télécharger l’app, mais vous pouvez influencer les utilisateurs par la conception de votre app.
Voici quelques stratégies de conception pour inciter les gens à se connecter :
- Proposez une description claire et brève de votre application.
- Donnez aux gens un aperçu du contenu auquel ils auront accès une fois connectés.
- Proposez une nouvelle expérience d’utilisation.
- Permettez aux gens de découvrir votre app sans créer de compte.
Proposez une description claire et brève de votre application.
Proposez une description claire, brève et convaincante de votre app. Cela fait peut-être un moment que les gens ont téléchargé votre app ou ont lu sa description dans l’App Store.
Donnez aux gens un aperçu du contenu auquel ils auront accès une fois connectés.
Avant que les personnes se connectent, donnez-leur un aperçu du contenu auquel elles auront accès (la photo d’arrière-plan, par exemple). L’aperçu du contenu ne doit pas nécessairement entrer dans les détails. Même des images floues du tableau à épingles de Pinterest encouragent les gens à se connecter à la plate-forme.
Proposez une nouvelle expérience d’utilisation.
Si votre app requiert une formation complémentaire pour être utilisée de façon optimale, ajoutez une démo étape par étape au-dessus du bouton Login. Les gens pourront ainsi choisir soit d’en apprendre davantage, soit de se connecter tout de suite s’ils sont prêts à utiliser votre app.
Permettez aux gens de découvrir votre application avant de se connecter.
Si possible, permettez aux personnes de découvrir votre app avant de les inviter à se connecter. Par exemple, un grand nombre d’applications d’e-commerce telles que Zulily ne demandent aux personnes de se connecter que lorsqu’elles sont prêtes à payer leurs achats.
2. Éviter les étapes inutiles
L’un des moyens les plus efficaces pour améliorer votre taux de conversion consiste à réduire les étapes inutiles.
Évitez de demander aux utilisateurs d’appuyer d’abord sur « Se connecter » ou « S’inscrire » pour accéder au bouton Facebook Login. Avec Facebook Login, il s’agit d’une étape inutile. Les gens ne doivent même pas se demander s’ils ont un compte ou non.
Par ailleurs, ne demandez plus aux personnes qui se sont connectées via Facebook de créer un nom d’utilisateur ou un mot de passe. L’une des raisons principales que les gens évoquent pour se connecter avec Facebook est que « c’est rapide, facile, et je n’ai pas à saisir de mot de passe ». Les gens ne veulent surtout pas avoir à créer un nom d’utilisateur et un mot de passe après s’être connectés via Facebook.
3. Bouton Facebook Login
Le bouton Facebook Login compris dans nos SDK est facile à intégrer et inclut une formation interne qui garantit une conception et une expérience cohérentes.
Pour activer la création d’un compte et la connexion à Facebook, les étiquettes recommandées sont « Continuer avec Facebook » ou « Se connecter avec Facebook » selon le contexte.
Utilisation approuvée de « Se connecter avec Facebook »
Utilisation approuvée de « Continuer avec Facebook »
Utilisation approuvée de « Continuer en tant que [Nom] »
Les modèles de connexion ci-dessus sont recommandés et seront approuvés par nos examinateurs. Toutefois, s’il est nécessaire de créer une version spécifique à vos besoins, vous devez suivre les règles ci-dessous.
Logo
Afin de renforcer la reconnaissance et la confiance, utilisez toujours le logo « f » approuvé disponible dans le Centre de ressources de marque Facebook.
Quand le logo « f » est utilisé pour concevoir le bouton de connexion, celui-ci doit apparaître avant le call-to-action. Ne l’utilisez pas dans le cadre de l’appel à l’action en disant « Connexion avec le logo “f” ».
Couleur
La couleur est l’un des meilleurs moyens de reconnaître quelque chose rapidement. Du point de vue de l’efficacité, plus vite les gens reconnaissent un bouton et sa fonction, plus vite ils voudront appuyer dessus et plus l’expérience sera agréable.
Les couleurs de bouton sont le blanc et le bleu officiel de Facebook : 5890FF. Dans le monde entier, les gens appellent souvent Facebook Login le « bouton bleu ». Si vous ne parvenez pas à utiliser le bleu de Facebook, utilisez le noir et le blanc.
VALEURS DE LA COULEUR BLEUE DE FACEBOOK
- CMJN couché : 83 / 52 / 00 / 00
- CMJN non couché : 77 / 36 / 00 / 00
- PMS 2727C
- PMS 2382U
- Hex #1877F2
- R = 24 G = 119 B = 242
Texte
Les étiquettes recommandées sont « Continuer avec Facebook » ou « Se connecter avec Facebook », selon le contexte. Lorsque vous utilisez le logo « f » avec un call-to-action, utilisez la version officielle disponible au téléchargement dans le Centre de ressources de marque Facebook.
Placez la copie du call-to-action dans le bouton de connexion. Elle ne doit pas se trouver à l’extérieur du bouton.
Choisissez la police, la taille de police et l’espacement les plus appropriés pour votre application, notamment de manière à optimiser la lisibilité.
Placement
Votre bouton de connexion doit être aussi rapide et facile à reconnaître et à utiliser que possible. Sur un appareil mobile, cela signifie que le bouton doit être placé près du pouce et être suffisamment grand pour qu’il soit facile d’appuyer dessus. C’est simple mais vrai : les grands boutons génèrent davantage de conversions que les petits.
Le logo « f » est fourni dans plusieurs tailles pour s’adapter au mieux à votre bouton, mais les proportions et le style de typographie doivent rester cohérents.
Recommandations
Recommandé : utilisez le logo « f » approuvé disponible dans le Centre de ressources de marque Facebook et suivez les instructions d’utilisation.
Recommandé : utilisez l’étiquette recommandée « Continuer avec Facebook » ou « Se connecter avec Facebook » sur le bouton de connexion en fonction du contexte, et assurez-vous que la copie se trouve à l’intérieur du bouton.
Déconseillé : ne modifiez pas le logo « f » de quelque façon que ce soit, par exemple en changeant le visuel, l’échelle, la couleur ou toute autre variation personnalisée. S’il vous est impossible pour des raisons techniques d’utiliser la couleur appropriée, utilisez le noir et blanc.
Déconseillé : n’utilisez pas le logo « f » sur un bouton sans call-to-action approprié, de préférence « Continuer avec Facebook » ou « Se connecter avec Facebook ».
Déconseillé : ne placez pas la copie du call-to-action (par exemple, « Continuer avec Facebook ») à l’extérieur du bouton de connexion.
4. Autorisations
Demandez uniquement les autorisations dont vous avez besoin.
Moins vous demandez d’autorisations, plus les gens se sentent en confiance pour les accorder. Nous avons constaté que le fait de demander moins d’autorisations permet de générer davantage de conversions.
Vous pouvez toujours demander des autorisations supplémentaires plus tard, une fois que les personnes ont eu l’occasion d’essayer votre app.
Demander moins d’autorisations est également avantageux, car vous n’aurez peut-être pas besoin de soumettre votre application au processus Examen de connexion. Vous ne devez soumettre votre application au processus Examen de connexion que si vous demandez des autorisations autres que public_profile et email.
Demandez les autorisations dans leur contexte et expliquez-en la raison.
Les gens sont plus susceptibles d’accepter les demandes d’autorisation lorsqu’ils comprennent la raison pour laquelle votre application a besoin de cette information en vue d’offrir une meilleure expérience. C’est pourquoi il est judicieux de déclencher vos demandes d’autorisation lorsque les gens essaient de réaliser une action dans votre app qui requiert une autorisation particulière.
Par exemple, l’application Facebook demande l’autorisation d’utiliser les Services de localisation uniquement lorsque les gens appuient explicitement sur le bouton de localisation quand ils mettent à jour leur statut.
5. Prévoir un moyen de se déconnecter
Lorsqu’une personne est connectée, vous devez lui donner un moyen de se déconnecter, de dissocier son compte ou de le supprimer entièrement. Il s’agit non seulement de respecter la liberté de l’utilisateur, mais également de respecter les termes des Politiques développeur en matière de connexion.
L’app de rencontre Tinder, par exemple, vous permet de cacher votre carte de profil pour empêcher les gens de vous retrouver, ainsi que de vous déconnecter ou de supprimer entièrement votre compte.
6. Tester et mesurer
Même les meilleurs concepteurs doivent s’y reprendre à plusieurs fois avant d’obtenir le bon flux d’accueil des utilisateurs. Une excellente expérience d’accueil est généralement le fruit d’une conception et de tests réfléchis et répétés.
Avant de lancer votre application, procédez à un test qualitatif du confort d’utilisation pour comprendre comment les gens réagissent à ce qu’ils voient. Le test ne doit pas nécessairement être formel, mais veillez à observer les gens tout au long de l’expérience.
En plus du test qualitatif, utilisez les statistiques pour savoir si les gens terminent le processus et pour connaître leurs taux de conversion moyens. Les applications qui respectent nos recommandations peuvent générer des taux de conversion de plus de 90 %.