L'intégration et l'authentification des utilisateurs font partie des parcours utilisateur les plus courants, mais aussi les plus abandonnés et les plus frustrants pour les utilisateurs. Ils constituent la première impression qu'un utilisateur a de votre application. Il est donc essentiel de la rendre accueillante, pratique et fiable. Que vous conceviez une connexion, une inscription ou une présentation de l'intégration, les conseils suivants vous aideront à créer une expérience idéale.
Points à retenir
- Créez une expérience d'intégration exceptionnelle.
- Utilisez les bibliothèques disponibles, comme les clés d'accès, pour renforcer la confiance, la familiarité et la commodité des utilisateurs.
- Ne collectez que les informations utilisateur essentielles.
- Utilisez un langage clair et utile.
- Organisez et expliquez la valeur des fonctionnalités et les raisons des autorisations.
Premiers pas
Collecter : réfléchissez à ce que votre utilisateur doit configurer, apprendre et autoriser.
Dans l'application ou en amont : séparez tout ce qui doit être accompli avant d'utiliser l'application de ce qui doit être fait pendant son utilisation. Évitez de créer des frictions pour que vos utilisateurs puissent commencer à interagir avec le contenu de votre application. Déterminez si le contenu et les interactions sont plus adaptés à une invite ou à un moment éducatif.
Pour les éléments contextuels, fournissez une explication et une action, le cas échéant.
Pour les étapes et les informations essentielles à suivre avant d'utiliser votre application, organisez-les en étapes logiques. En règle générale, vous devez montrer la valeur de l'application avant de demander des autorisations d'appareil ou de créer un compte. Faites toujours suivre la proposition de valeur par l'action.
Si votre application nécessite un compte, choisissez des méthodes d'authentification. Les clés d'accès peuvent atténuer les préoccupations et les frictions des utilisateurs concernant la gestion des comptes.
Fournissez des méthodes de récupération.
Affichez la progression de l'utilisateur. Vous pouvez utiliser des composants tels que des steppers, des pagers ou un indicateur de progression.
Parcours utilisateur
Une intégration exceptionnelle crée un sentiment d'accomplissement et possède une personnalité distincte. Elle aide les utilisateurs à s'orienter grâce à des modèles de signalisation clairs pour configurer leur expérience, accorder des autorisations et constater leur progression, tout en interagissant avec la marque et les concepts de votre application.
Placement du point d'entrée
Le placement de bienvenue précharge toutes les informations destinées aux utilisateurs et la configuration de l'application. Cette approche est idéale lorsque votre application nécessite l'inscription des utilisateurs pour accéder au contenu, lorsque la prévisualisation du contenu n'est pas possible ou lorsque l'apprentissage contextuel n'est pas adapté. L'avantage principal est que les utilisateurs savent immédiatement comment utiliser l'application et y ont un accès complet plus rapidement. Toutefois, l'inconvénient majeur est le risque plus élevé de perdre des utilisateurs avant qu'ils n'aient pu essayer l'application. Vous pouvez toutefois l'atténuer en fournissant une première présentation du contenu, comme illustré dans l'image suivante.
L'intégration contextuelle, ou juste-à-temps dans l'application, offre une plus grande flexibilité en termes de présentation du contenu, d'inscription et d'apprentissage. Elle permet d'utiliser des modèles tels que l'amorçage des autorisations, où les requêtes sont effectuées au moment précis où elles sont nécessaires. Cette approche est idéale lorsque vous souhaitez fournir un aperçu pour inciter les utilisateurs à s'inscrire ou lorsque vous préférez diviser l'inscription et l'apprentissage en étapes plus petites, plus mémorables et plus faciles à gérer. Cela permet également à l'utilisateur d'apprendre en pratiquant et d'avoir plus de chances de retenir les informations.
Inscription
Le flux d'inscription aide les utilisateurs à créer un compte pour votre application. Déterminez si votre application doit enregistrer les utilisateurs en amont pour qu'ils puissent l'utiliser ou s'ils peuvent accéder à un certain niveau de contenu et de fonctionnalités.
Pour optimiser le flux d'inscription, ne collectez que les informations minimales nécessaires en amont, telles que l'adresse e-mail et le mot de passe, ou combinez les étapes pour réduire les frictions. Ne collecter que les propriétés essentielles, comme un nom d'utilisateur pour la validation, évite de submerger l'utilisateur avec des options. Pour les processus plus longs, divisez-les en plusieurs écrans, mais n'en faites pas trop en n'affichant qu'une seule entrée par écran. Assurez-vous que les exigences relatives aux mots de passe sont claires et logiques.
Connexion
Les utilisateurs qui reviennent doivent pouvoir se reconnecter à leur compte. La connexion doit être rapide et discrète. Si votre application ne nécessite l'authentification que pour les comptes, envisagez de combiner l'inscription et la connexion via une méthode d'authentification unique.
Les parcours de connexion efficaces doivent donner la priorité à la commodité des utilisateurs en implémentant des modèles d'authentification modernes. Cela inclut la proposition d'invites biométriques et de fonctionnalités de remplissage automatique pour réduire la charge cognitive et la saisie manuelle requises de l'utilisateur.
Présentation de l'intégration et personnalisation
Avant d'implémenter une présentation complète, évaluez de manière critique si votre application en a vraiment besoin. Souvent, les fonctionnalités complexes peuvent être présentées plus naturellement grâce à des indices de mouvement subtils ou à des info-bulles contextuelles qui ne perturbent pas le flux initial de l'utilisateur.
Si des autorisations d'appareil sont nécessaires, utilisez l'amorçage des autorisations pour expliquer la valeur de l'accès demandé. Cette approche est plus efficace lorsqu'elle est effectuée au moment précis où elle est nécessaire plutôt que sous forme de requête groupée au début de l'expérience de l'application.
À faire
À éviter
Lorsque vous présentez les fonctionnalités de l'application pour inciter les utilisateurs à s'inscrire, déterminez si un aperçu du contenu réel serait plus convaincant qu'une série de diapositives interstitielles statiques. Si vous utilisez une présentation, assurez-vous toujours qu'il existe une option claire et persistante pour la passer ou se connecter immédiatement.
Offrez un moyen de passer et de reprendre plus tard, comme la mise en cache de la progression. Offrir un moyen d'enregistrer crée un point de contrôle, de sorte que les utilisateurs sont plus susceptibles de reprendre là où ils s'étaient arrêtés plutôt que d'abandonner complètement. Communiquez toujours clairement ce qui se passera avec la progression pour rassurer les utilisateurs.
La signalisation visuelle à l'aide de steppers et d'indicateurs de progression permet de définir les attentes des utilisateurs. Ces éléments donnent une idée claire du nombre d'étapes restantes, ce qui réduit le taux d'abandon lors des processus d'intégration ou de configuration plus longs.
À faire
À éviter
Récupération
Les flux de récupération doivent être conçus avec empathie et respect de la confidentialité des utilisateurs. Ne supposez jamais un parcours heureux dans les flux de compte. Assurez-vous que les utilisateurs disposent de moyens clairs pour corriger les erreurs sans frustration.
À faire
À éviter
Si votre application nécessite un nom d'utilisateur spécifique, fournissez des méthodes pour aider les utilisateurs à s'en souvenir ou à le réinitialiser facilement.
À faire
À éviter
Bien que le préremplissage de certains champs, comme une adresse e-mail, puisse être pratique lors de l'inscription, les informations sensibles telles que les mots de passe ne doivent jamais être préremplies lors d'un processus de récupération ou de réinitialisation. Par défaut, masquez toujours les entrées sensibles pour protéger la confidentialité des utilisateurs dans les espaces publics.
SSO / Clés d'accès
L'intégration à des bibliothèques établies telles que les clés d'accès et les fournisseurs d'authentification unique (SSO) renforce la confiance et offre une expérience fluide et familière. Ces systèmes permettent aux utilisateurs d'exploiter le matériel et les identifiants de sécurité existants pour accéder à votre application sans friction.
Mises en page et composants
Lorsque vous concevez des formulaires d'authentification, il est essentiel d'utiliser le confinement en regroupant les entrées similaires et associées, par exemple en plaçant les champs "Prénom" et "Nom" à proximité. Cela permet de concevoir des mises en page flexibles qui peuvent être redistribuées.
Évitez de créer des formulaires longs et défilants, qui sont une source majeure de frustration pour les utilisateurs.
Avant d'inclure un champ de saisie, évaluez de manière critique si les informations sont vraiment nécessaires. Si un utilisateur quitte accidentellement un formulaire volumineux, le fait de lui demander de saisir à nouveau des informations exhaustives peut entraîner des taux d'abandon élevés.
À faire
À éviter
Mises en page développées
Lorsque vous adaptez des mises en page pour des vues développées ou au format paysage, les concepteurs doivent s'assurer que l'interface utilisateur reste utilisable et esthétique. Plus précisément, évitez d'étirer les composants interactifs tels que les boutons sur toute la largeur de l'écran, car cela peut sembler artificiel et réduire l'utilisabilité.
Continuez plutôt à utiliser les principes de confinement, en définissant une largeur maximale raisonnable pour les éléments de formulaire et les blocs de contenu afin de maintenir la lisibilité et l'équilibre visuel sur les écrans plus grands.
À éviter
Composants d'informations destinées aux utilisateurs
Lorsque vous présentez de nouvelles fonctionnalités aux utilisateurs et que vous les intégrez, plusieurs composants sont disponibles. Les info-bulles et les boîtes de dialogue enrichies peuvent vous aider à mettre en avant la découverte de fonctionnalités et à informer les utilisateurs au sein de votre application. Les feuilles peuvent fournir un état interstitiel pour présenter l'intégration et le contenu éducatif.
Autres formats
L'intégration peut inclure le transfert d'appareil pour une utilisation multi-format et étendue de l'application.
L'expérience de l'application mobile peut offrir un moyen plus ergonomique de gérer l'authentification. L'intégration peut donc provenir d'autres formats. Par exemple, un utilisateur peut se connecter sur son appareil mobile à partir d'une application Google TV.
Si votre application propose des activités étendues sur d'autres formats, comme les lunettes d'IA ou Wear OS, fournissez des invites de découverte et des informations destinées aux utilisateurs pour les intégrer. En savoir plus sur la conception d'expériences d'intégration pour les lunettes d'IA .
Rédaction UX
Utilisez des mécanismes de commentaires non intrusifs tels que les snackbars et les toasts pour confirmer les actions des utilisateurs ou fournir de brèves mises à jour de l'état. Ainsi, l'utilisateur se sent informé de l'état du système sans avoir à fermer les boîtes de dialogue modales pour les commentaires mineurs.
Ton
Le ton de votre écriture en cas d'erreur est essentiel. Évitez un langage qui se moque de l'utilisateur ou le frustre. Utilisez un texte clair, utile et encourageant qui se concentre sur la solution plutôt que sur l'erreur, en particulier dans les moments de stress élevé comme la récupération de mot de passe.
Ressource
Découvrez des modèles d'intégration, des flux utilisateur et des ressources d'informations destinées aux utilisateurs dans le kit Figma d'intégration Android.