Die Onboarding-Tour und der Header-Kompass

Neue Tenants brauchen einen klaren ersten Durchlauf, kein Ratespiel, bei dem man herumklickt, bis etwas passiert. Die Onboarding-Tour gibt genau diesen geführten Start: wo das Dashboard liegt, wofür jedes Modul da ist und welche Bereiche zur eigenen Rolle gehören.

Der Willkommensdialog und die Hub-Tour

Beim ersten Sign-in öffnet die Plattform einen Willkommensdialog, der einen dreiminütigen Überflug über jedes Modul im Header anbietet. Der Dialog hat drei Antworten. Große Tour starten beginnt die Hub-Tour. Vielleicht später schließt ihn für jetzt und fragt beim nächsten Besuch erneut. Nicht mehr anzeigen legt den Hinweis endgültig weg. Solange die Tour weder gestartet noch ausdrücklich abbestellt wurde, kommt der Dialog wieder. Ein weiches Nein ist kein Nein.

Die Hub-Tour geht die Moduleinträge der Navigation ab, zeigt auf das Kompass-Icon selbst und endet im User Menu — der Heimatbasis. Der Dialog sagt außerdem, wo man für mehr zurückkommt: der Kompass im Header oder Einstellungen > Konto > Willkommens-Tour.

Neun Modultouren

Über den Hub hinaus gibt es neun Modultouren: Dashboard, Core Operations, Market Trading, Auktionsplattform, Escrow & Finance, Sourcing-Plattform, Finance, Allgemein und Einstellungen. Jede Tour ist unabhängig — der User wählt, welche er nimmt und in welcher Reihenfolge. Sie sind nicht gleich lang: Finance hat drei Stationen, Dashboard und Escrow sechs, Sourcing acht, Allgemein neun, Auction elf, Market dreizehn, Core Operations siebenundzwanzig und Einstellungen vierunddreißig. Der Launcher zeigt neben jeder Tour die Zahl der Stationen und eine geschätzte Dauer, damit niemand die Einstellungen-Tour zwei Minuten vor Ankunft eines Lkw beginnt.

Modultouren folgen dem Abonnement. Eine Tour für ein Modul außerhalb des Plans des Tenants steht mit einem Schloss im Kompass, mit dem Hinweis, dass das Aktivieren dieses Plans sie freischaltet. Die Tour ist keine Demo von Dingen, die der Tenant nicht anklicken kann.

Der Header-Kompass

Ein Icon im Header — ein kleiner Kompass — ist der Fortsetzen-Button. Ein Klick öffnet den Tour-Katalog und zeigt pro Tour Erledigt, In Bearbeitung, Fortsetzen oder Neu starten. Ein User, der nach drei Monaten merkt, dass er Auction nie benutzt hat, wählt die Auction-Tour über den Kompass, statt sich erinnern zu müssen, wo die Tour war. Der Kompass ist ruhig — er blinkt nicht, pulsiert nicht, fordert keine Aufmerksamkeit. Er ist ein Button, der wartet.

Wie die Touren funktionieren

Die Touren nutzen driver.js für die Highlight-Overlays und die Schrittnavigation. Jeder Schritt pinnt an ein echtes Element der Oberfläche mit stabilem Selektor — ändert sich die darunterliegende UI, wird der Tour-Inhalt mit aktualisiert (ein umbenannter Button heißt: Tour-Selektor und Tour-Text ändern sich beide). Die Schritte sind kurz: ein bis drei Sätze, ein Bildschirm voll UI, ein Button zum Weitergehen.

Abbrechen und fortsetzen

Eine Tour ist bei jedem Schritt unterbrechbar. Esc drücken, außerhalb klicken oder Skip nutzen beendet die Tour mit gespeichertem Fortschritt. Die Rückkehr über den Kompass setzt dort fort, wo der User aufgehört hat, oder startet von oben neu. Mehrere Touren können gleichzeitig in Bearbeitung sein (Core Operations begonnen, pausiert, Auction begonnen); der Kompass zeigt beide mit ihrem Fortschritt.

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: die echten Daten seines Tenants, seine rollenabgestimmten Widgets, seine Spracheinstellung. Eine neue Operations Lead muss nicht vom Video auf den eigenen Screen übersetzen — die Tour ist schon auf ihrem Screen.