Le tour d’onboarding et la boussole du header

Les nouveaux tenants ont besoin d’un premier passage clair, pas d’un jeu de devinettes où l’on clique partout jusqu’à ce que quelque chose bouge. Le tour d’onboarding donne ce départ guidé : où vit le dashboard, à quoi sert chaque module, et quelles zones appartiennent à leur rôle.

La boîte de dialogue d’accueil et le hub tour

À la première connexion, la plateforme ouvre une boîte de dialogue d’accueil qui propose un survol de trois minutes de tous les modules du header. Le dialogue a trois réponses. Lancer la grande visite démarre le hub tour. Plus tard le ferme pour cette fois et repose la question à la visite suivante. Ne plus afficher retire l’invitation pour de bon. Tant que le tour n’a pas été démarré ou explicitement retiré, le dialogue revient. Un non mou n’est pas un non.

Le hub tour parcourt les entrées de module dans la navigation, pointe l’icône boussole elle-même, et se termine au menu utilisateur — le port d’attache. Le dialogue dit aussi où revenir pour la suite : la boussole dans le header, ou Paramètres > Mon compte > Tour d’accueil.

Neuf tours de modules

Au-delà du hub, il y a neuf tours de modules : Espace dashboard, Opérations Core, Trading Market, Plateforme Auction, Escrow et Finance, Plateforme Sourcing, Finances, Général et Paramètres. Chaque tour est indépendant — l’utilisateur choisit lesquels suivre et dans quel ordre. Ils ne font pas la même longueur : Finances compte trois étapes, Espace dashboard et Escrow six, Sourcing huit, Général neuf, Auction onze, Market treize, Opérations Core vingt-sept et Paramètres trente-quatre. Le lanceur affiche le nombre d’étapes et une durée estimée à côté de chaque tour, pour que personne ne démarre le tour Paramètres deux minutes avant l’arrivée d’un camion.

Les tours de modules suivent l’abonnement. Un tour pour un module hors du plan du tenant est listé dans la boussole avec un cadenas et une note disant qu’activer ce plan le débloque. Le tour n’est pas la démo de choses sur lesquelles le tenant ne peut pas cliquer.

La boussole du header

Une icône dans le header — une petite boussole — est le bouton reprendre. Cliquer dessus ouvre le catalogue des tours et montre, pour chacun, Terminé, En cours, Reprendre ou Relancer. Un utilisateur trois mois plus tard qui réalise n’avoir jamais utilisé Auction peut lancer le tour Auction depuis la boussole, sans avoir à se rappeler où se trouvait ce tour. La boussole est discrète — elle ne clignote pas, ne pulse pas, ne réclame pas l’attention. C’est un bouton qui attend.

Comment les tours fonctionnent

Les tours utilisent driver.js pour les surbrillances et la navigation entre étapes. Chaque étape s’ancre à un vrai élément de l’interface avec un sélecteur stable — quand l’UI sous-jacente change, le contenu du tour est mis à jour avec elle (un bouton renommé, c’est le sélecteur et la copy du tour qui changent tous les deux). Les étapes sont courtes : une à trois phrases, l’équivalent d’un écran d’UI, un bouton pour avancer.

Fermer et reprendre

Un tour est interruptible à n’importe quelle étape. Appuyer sur Échap, cliquer à l’extérieur ou passer par Skip quitte le tour en sauvegardant la progression. Revenir par la boussole reprend là où l’utilisateur s’est arrêté, ou repart du début. Plusieurs tours peuvent être en cours en même temps (Opérations Core démarré, mis en pause, Auction démarré) ; la boussole affiche les deux avec leur état d’avancement.

Pourquoi à l’écran plutôt qu’en vidéo

Parce qu’une vidéo Loom se fige sur un autre écran que celui de l’utilisateur. Le tour à l’écran s’ancre à l’UI réelle de l’utilisateur : les vraies données de son tenant, ses widgets ajustés à son rôle, sa préférence de langue. Un nouveau responsable opérations n’a pas à traduire de la vidéo vers son écran — le tour est déjà sur son écran.