Die Onboarding-Tour und der Header-Kompass

Neue Tenants brauchen einen klaren ersten Durchlauf, kein Ratespiel, bei dem sie ueberall klicken, bis etwas passiert. Die Onboarding-Tour gibt diesen gefuehrten Start: wo das Dashboard liegt, wofuer jedes Modul da ist und welche Bereiche zu ihrer Rolle gehoeren.

Die Hub Tour

Beim ersten Sign-in startet die Plattform automatisch eine Tour des Home Dashboards: die rollenabgestimmten Widgets, die der Tenant sieht, die Module in der Sidebar, das User Menu, die Notification Bell. Die Tour kann bei jedem Schritt geschlossen werden und startet automatisch nur einmal - ein Tenant, der sie am ersten Tag durchgeklickt hat, sieht sie am dritten Tag nicht wieder. Die Hub Tour endet mit einer Frage: "moechten Sie eine tiefere Tour durch ein Modul?"

Neun Modultouren

Wer Ja zu einer Modultour sagt, landet in einem gefuehrten Rundgang durch dieses Modul. Neun werden ausgeliefert: Core (receiving, grading, erasure), Market (verified listings, deal rooms), Auction (Lot veroeffentlichen, beobachten, bieten), Escrow (deposit, ship-guard, release), Trade-In (Customer Flow und Operator-Seite), Sourcing (auf Requests bieten), Compliance (certs, evidence packages, audit trail), Admin (users, settings, toolbox), Settings (Konfigurationsseiten und wo sie gelten). Jede Tour ist unabhaengig - der User waehlt, welche er nimmt und in welcher Reihenfolge.

Der Header-Kompass

Ein Icon im Header - ein kleiner Kompass - ist der Resume Button. Ein Klick oeffnet den Tour Catalog und zeigt, welche Tours abgeschlossen, teilweise erledigt oder noch nicht gestartet sind. Ein User, der nach drei Monaten merkt, dass er Auction nie benutzt hat, kann die Auction Tour ueber den Kompass waehlen, statt sich erinnern zu muessen, wo die Tour war. Der Kompass ist ruhig - er blinkt nicht, pulsiert nicht, fordert keine Aufmerksamkeit. Er ist ein Button, der wartet.

Wie die Tours funktionieren

Die Tours nutzen driver.js fuer Highlight Overlays und Step Navigation. Jeder Step pinnt an ein echtes DOM-Element mit stabilem Selector - wenn sich die darunterliegende UI aendert, wird der Tour Content mit aktualisiert (ein umbenannter Button bedeutet, dass sich Tour Selector und Tour Copy aendern). Steps sind kurz: 1-3 Saetze, ein Screenshot UI, ein Button zum Weitergehen. Eine vollstaendige Modultour hat im Schnitt 6-10 Steps.

Dismiss und Resume

Eine Tour kann bei jedem Step unterbrochen werden. Esc druecken, ausserhalb klicken oder Skip nutzen beendet die Tour mit gespeicherter Progress. Rueckkehr ueber den Kompass setzt dort fort, wo der User aufgehoert hat, oder startet von oben neu. Mehrere Tours koennen gleichzeitig in-progress sein (Trade-In gestartet, pausiert, Auction gestartet); der Kompass zeigt beide mit ihrem Progress State.

Warum on-screen statt Video

Weil ein Loom-Video auf einem anderen Screen pausiert als dem des Users. Die On-screen Tour pinnt an die echte UI des Users: echte Tenant-Daten, rollenabgestimmte Widgets, Sprachpraeferenz. Eine neue Operations Lead muss nicht vom Video auf den eigenen Screen uebersetzen - die Tour ist schon auf dem Screen.