Tutorials mit Intro.js: Digitales Onboarding
Viele Web-Anwendung nutzen interaktive Tutorials und Hilfen, um Benutzer zu unterstützen. Eine Praxis, die bei Computerspielen schon seit Jahrzehnten üblich ist - sei es nach der ersten Anmeldung, nach Updates oder explizit auf Anfrage der User. Diese Tutorials zeigen Hilfefenster, die schrittweise Funktionen und Bereiche in der Anwendung erklären. Im Web-Umfeld ist dieser Erklärungsstil einfach umzusetzen, da Hervorhebungen sowie dynamische Anpassungen in HTML und CSS problemlos zu realisieren sind.
Der Vorteil eines Onboarding-Tutorials liegt in der dynamischen Steuerbarkeit und der Möglichkeit, Inhalte direkt in der Anwendung zu erklären. Beispielsweise hebt ein Info-Dialog relevante Bereiche hervor und liefert passende Informationen. Zudem ermöglichen effektive Onboarding-Lösungen das Überspringen oder erneute Anzeigen von Schritten, wodurch sie sich an den Wissensstand der Nutzer anpassen. Das unterscheidet sie von statischen Hilfetexten, Handbüchern und Dokumentationen. Wir erklären an einem Beispielprojekt, wie sich solche Tutorials mit Intro.js erstellen lassen - und wo die Grenzen liegen.