Alias guide, onboarding, visite guidée
L'onboarding est le processus de familiarisation d'un nouvel utilisateur avec un produit ou un service. Il peut inclure des tutoriels, des guides étape par étape, des invitations à des fonctionnalités clés, etc.
Avantages | Inconvénients |
---|---|
|
|
Pour assurer une bonne accessibilité, il est important de s'assurer que l'onboarding peut être facilement contourné ou désactivé pour les utilisateurs qui sont déjà familiers avec le produit ou qui ont des besoins d'accessibilité spécifiques.
Types de onboarding les plus courants
Tutoriel d’introduction ou descriptif
Progressif ou prescriptif
Accompagnateur ou dynamique (infobulle ou repères)
Tutoriel d’introduction ou descriptif
Fournisse un aperçu de la navigation ou des principales fonctionnalités de l’application. Comporte souvent plus d’une étape. Généralement présenter par défaut à la première visite de l’utilisateur.
Progressif ou prescriptif
Il introduit progressivement les utilisateurs aux fonctionnalités à mesure qu’ils utilisent l’application.
Exemple 1 : Après avoir visité la page Nouveaux épisodes vide, un onboarding explique comment avoir des épisodes dans ses favoris.
Exemple 2 : Après avoir actionné le bouton Suivre, une modale m’explique la marche à suivre pour suivre un journaliste, dans ce cas si, en se connectant.
Accompagnateur ou dynamique
Guide l’utilisateurs sur la manière d’utiliser une fonctionnalité ou une action particulière. Présenter près d’un élément spécifique, dans une infobulle, ou en ajoutant un repère (mise en évidence) qui va attirer l’attention vers la fonctionnalité.
Permet de laisser les utilisateurs explorer le produit eux-mêmes, et de les informer seulement au moment de son utilisation.
Les meilleures pratiques pour concevoir un onboarding
Garder l'onboarding court et pertinent
Utiliser des visuels et des exemples concrets pour expliquer les fonctionnalités clés
Éviter les étapes inutiles ou répétitives
Si l’utilisateur n’est pas dans une position de pouvoir lire le tutoriel en offrant la possibilité de sauter l’onboarding :
S'assurer qu’il y ait un moyen d’y revenir plus tard,
Soit que toutes les informations véhiculés dans le tutoriel peuvent se retrouver ailleurs.
Ne pas demander à l’utilisateur de mémoriser une suite d’action. L'onboarding peut parfois inonder les utilisateurs de trop d'informations à la fois, ce qui peut rendre difficile la rétention de ces informations et décourager les utilisateurs.
Par exemple : Pour activer les notifications des articles qui vous intéresse, vous devez aller dans les paramètres de l’application, mon profil, mes notifications, et activer la fonctionnalité “Article d’intérêt”.S’assurer que les actions proposées sont conformes aux actions qui devront être faites, qu’importe la technologie d’assistance utilisée.
Par exemple : La phrase “Balayez l'écran vers le haut pour naviguer dans les nouvelles.” est-elle conforme à l’expérience avec une autre technologie d’assistance? Est-ce en balayant l'écran vers le haut qu’un utilisateur de lecteur d'écran va pouvoir naviguer dans les nouvelles?Si vous devez exposer une fonctionnalité en parlant de son apparence, s’assurer que l’explication pourra être comprise par tous, même si celle-ci ne peux pas la voir à l'écran.
Par exemple la phrase suivante : “Touchez l’icône de lune dans le lecteur audio pour choisir une durée de lecture” pourrait être remplacé par “Touchez l’icône de lune, nommé Minuterie de veille, dans le lecteur audio pour choisir une durée de lecture.“
Références
Human Interface Guidelines (Apple) : https://developer.apple.com/design/human-interface-guidelines/ios/app-architecture/onboarding/
https://www.smashingmagazine.com/2023/04/design-effective-user-onboarding-flow/
https://m2.material.io/design/communication/onboarding.html#usage
https://docs.google.com/presentation/d/19jJwAvdsl2PqN_LCziqfk7FAH4KBYC8eAChuveahGKE/edit
WCAG en lien à cette composante
https://www.w3.org/WAI/WCAG22/Understanding/sensory-characteristics.html