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 fonctionalité.
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
Laisser les utilisateurs explorer le produit eux-mêmes, plutôt que de tout leur dire explicitement
Offrir la possibilité de sauter l'onboarding ou d'y revenir plus tard
Éviter les étapes inutiles ou répétitives
Ne pas demander à l’utilisateur de mémoriser une suite d’action.
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”.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 a l'écran.
Si l’utilisateur n’est pas dans une position de pouvoir lire le tutoriel, s’assurer qu’il y ait un moyen d’y retourner, ou que toutes les informations véhiculé dans le tutoriel peuvent se retrouver ailleurs.
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