Le tour d’onboarding et la boussole du header

Les nouveaux tenants ont besoin d’une première prise en main claire, pas d’un jeu de devinettes où ils cliquent partout jusqu’à ce que quelque chose réponde. Le tour d’onboarding donne ce départ guidé : où se trouve le dashboard, à quoi sert chaque module et quelles zones appartiennent à leur rôle.

Le hub tour

Lors de la première connexion, la plateforme propose automatiquement un tour du dashboard d’accueil: les widgets ajustes au rôle du tenant, les modules dans la sidebar, le user menu, la notification bell. Le tour peut être ferme a n’importe quelle étape et il ne se lance automatiquement qu’une seule fois - un tenant qui l’a parcouru le premier jour ne le reverra pas le troisieme. Le hub tour se termine par une question: "voulez-vous un tour plus detaille d’un module ?"

Neuf tours de modules

Dire oui a un tour de module envoie l’utilisateur dans une visite guidée de ce module. Neuf sont fournis: Core (receiving, grading, erasure), Market (verified listings, deal rooms), Auction (publier un lot, suivre, bidder), Escrow (deposit, ship-guard, release), Trade-In (le flux customer et le côté operator), Sourcing (bidder sur des requests), Compliance (certs, evidence packages, audit trail), Admin (users, settings, la toolbox), Settings (les pages de configuration et leur portée). Chaque tour est independant - l’utilisateur choisit lesquels suivre et dans quel ordre.

La boussole du header

Une icone dans le header - une petite boussole - sert de bouton resume. Cliquer dessus ouvre le catalogue des tours et montre lesquels sont termines, partiels ou pas encore demarres. Un utilisateur trois mois plus tard qui realise n’avoir jamais utilise Auction peut lancer le tour Auction depuis la boussole, sans devoir se rappeler ou se trouvait le tour. La boussole reste discrete - elle ne clignote pas, ne pulse pas, ne reclame pas l’attention. C’est un bouton qui attend.

Comment les tours fonctionnent

Les tours utilisent driver.js pour les overlays de highlight et la navigation entre étapes. Chaque étape s’ancre a un vrai element DOM avec un selecteur stable - quand l’UI sous-jacente change, le contenu du tour est mis a jour avec elle (un bouton renomme implique un changement du selecteur et de la copy). Les étapes sont courtes: 1-3 phrases, l’equivalent d’un écran d’UI, un bouton pour avancer. Un tour complet de module compte en moyenne 6-10 étapes.

Fermer et reprendre

Un tour peut être interrompu a n’importe quelle étape. Appuyer sur Esc, cliquer a l’extérieur ou utiliser Skip ferme le tour en sauvegardant la progression. Revenir via la boussole reprend là où l’utilisateur s’est arrêté, ou redemarre depuis le haut. Plusieurs tours peuvent être en cours a la fois (Trade-In demarre, mis en pause, Auction demarre); la boussole affiche les deux avec leur état d’avancement.

Pourquoi on-screen plutot que video

Parce qu’une video Loom s’arrête sur un écran different de celui de l’utilisateur. Le tour on-screen s’ancre a l’UI reelle de l’utilisateur: les vraies données du tenant, ses widgets ajustes au rôle, sa preference de langue. Un nouveau responsable opérations n’a pas a traduire la video vers son écran - le tour est déjà sur son écran.