Der Aufbau eines Tutorials, das man zu Ende schaut
Ein Tutorial hat eine Aufgabe: Der Zuschauer kann die Sache danach selbst erledigen, ohne zurückzuspulen. Das Ziel „Tutorial“ von PageToVid schreibt nach dem Muster, das Instructional Designer verwenden.
- Das Ziel in einem Satz. „Am Ende hast du ein geteiltes Dashboard.“
- Eine Voraussetzung, nur wenn es nicht anders geht. Eine Zeile, kein Vortrag.
- Eine Szene pro Schritt. Wo das Bedienelement ist, was zu tun ist, was du danach siehst. Jeder Schritt ist in den Untertiteln nummeriert.
- Eine Kontrolle. Woran man erkennt, dass es geklappt hat.
- Die nächste Aufgabe. Wohin es für jemanden geht, der diese erledigt hat.
Eine Zeitleiste kann die Schritte am Ende zusammenfassen; ersetzen darf sie sie nie. Ohne Vorgabe schreibt das Ziel „Tutorial“ 90 bis 180 Sekunden — lang genug, um jeden Klick zu zeigen —, und du kannst jede Länge von 15 bis 180 Sekunden verlangen.
Aufnahmen, die den Schritt ausführen
Eine Aufnahme, die nur scrollt, bringt niemandem etwas bei. Jede aufgenommene Szene kann in einem echten Browser eine Aktion ausführen, bevor ihr Bild erfasst wird:
- Klicken auf einen Button, einen Tab oder einen Menüpunkt — und zeigen, was sich öffnet.
- Tippen einer echten Anfrage in ein Such- oder Filterfeld.
- Hovern, um ein Menü oder einen Tooltip einzublenden.
- Hervorheben eines Bedienelements, während der Rest des Bildschirms abgedunkelt wird.
Der Sprechertext sagt im Präsens, was der Cursor tut, und wird bei jedem Schritt etwas langsamer. Die Kamera tippt nie Namen, E-Mail-Adressen oder Passwörter in eine Seite; ein Schritt, der persönliche Daten braucht, wird deshalb mit einem Demo-Konto gezeigt.
In deinem Produkt filmen
Deine Marketing-Site ist öffentlich; die Bildschirme, die ein Tutorial braucht, meist nicht. Eine Aufnahmesitzung, einmal aus der VS-Code- oder Browser-Erweiterung registriert, lässt die Kamera hinter deinem Login filmen. Sie gilt für eine Site, läuft innerhalb von drei Tagen ab und ist eine Funktion des Tarifs Scale. Registriere sie mit einem Demo-Workspace voller Beispieldaten — dann zeigt das Tutorial ein realistisches Produkt, ohne einen Kunden preiszugeben.
Für ein Produkt ganz ohne öffentliche Seite lässt sich ein Tutorial auch aus einem selbst geschriebenen Storyboard bauen, mit animierten Szenen für jeden Schritt — doch erst die Aufnahme der echten Oberfläche lässt den Zuschauer mitmachen.
Eine Bibliothek, die stimmt
Tutorial-Bibliotheken veralten Release für Release. Weil jeder Film aus dem Live-Produkt entsteht, erfasst ein Neu-Rendern die Oberfläche von heute und behält Sprechertext, Struktur und Timing: 40 Credits statt einer Aufnahmesitzung. Ändert sich ein Schritt selbst, passt du Satz und Aktion dieser Szene im Storyboard an und renderst neu.
Lies was ist ein Tutorial-Video zum Format, wie du ein Tutorial-Video machst zur Methode und automatische vs. manuelle Screencasts dazu, wann eine Aufnahme von Hand noch die bessere Wahl ist. Du schreibst Antworten fürs Help-Center statt Produktschulungen? Dann sieh dir Help-Center-Videos an.