Tutoriels

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

Avantages

Inconvénients

  • meilleure rétention des utilisateurs,

  • diminution du taux d'abandon

  • amélioration de l'expérience utilisateur globale

  • Un onboarding trop intrusif ou mal conçu peut avoir l'effet inverse, en ennuyant ou en frustrant les utilisateurs

  • Demande un haut niveau d’interaction

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

WCAG en lien à cette composante