Tutorial-Videos erstellen

Der Unterschied zwischen einem funktionierenden und einem nicht funktionierenden Tutorial besteht darin, ob der Zuschauer die Aktion tatsächlich sieht.

PageToVid filmt Ihre Seite in einem echten Browser, und eine Aufnahme kann eine Aktion ausführen, bevor sie erfasst wird: einen Button klicken, in ein Feld tippen, den Mauszeiger bewegen, um ein Menü anzuzeigen, oder ein Element hervorheben, während der Rest abgedunkelt wird. So kann „dann suchen Sie nach einem Kunden“ eine Aufnahme des Suchfelds mit einer tatsächlich eingegebenen Abfrage sein, nicht eine Bildunterschrift über einer statischen Seite.

Das ist die ganze Technik. Jeder Schritt im Tutorial wird zu einer Szene, jede Szene ist auf das Element gerichtet, um das es in diesem Schritt geht, und die Aktion wird vor der Kamera ausgeführt.

1. 1Schreiben Sie zuerst die Schritte als nummerierte Liste. Wenn Sie sie nicht aufschreiben können, ist das Tutorial noch nicht bereit zum Filmen. Fünf bis acht Schritte sind der sinnvolle Bereich.
2. 2Überprüfen Sie die Seite und notieren Sie den Selektor für das Element, das jeder Schritt betrifft. Die bewerteten Themen kommen mit bereits gegen die gerenderte Seite verifizierten Selektoren zurück.
3. 3Ein Schritt pro Szene. Zwei Schritte in einer Szene führen dazu, dass ein Zuschauer den Überblick verliert – und da die Erzählung die Länge bestimmt, kostet das Aufteilen keine zusätzlichen Sekunden.
4. 4Richten Sie jede Szene auf ihr Element mit einem Klick, einer Texteingabe, einem Hover oder einem Spotlight.
5. 5Erzählen Sie im Imperativ. „Öffnen Sie das Einstellungsfeld.“ Nicht „Sie würden dann das Einstellungsfeld öffnen.“
6. 6Verwenden Sie `checklist` für die Übersichts-Szene, wenn Sie den Ablauf des gesamten Prozesses zeigen möchten, bevor Sie ihn starten.

Tutorials scheitern eher am Tempo als am Inhalt. Der Zuschauer wechselt zwischen Ihrem Video und seinem eigenen Bildschirm.

• Viel langsamer als eine Werbung. 110 Wörter pro Minute ist das vorgesehene Tempo, und ein Tutorial sollte am großzügigen Ende dieses Spektrums liegen – halten Sie die Worte spärlich und lassen Sie das Filmmaterial wirken.
• Nennen Sie das Element, das Sie anklicken, bevor Sie es anklicken. „Oben rechts, öffnen Sie die Einstellungen“ gibt ihnen Zeit, es zu finden.
• Streng eine Idee pro Szene. Dies ist hier wichtiger als in jedem anderen Format.
• Lassen Sie einem komplexen Schritt Raum. Eine stille Szene mit einer bestimmten Dauer hält einen Bildschirm ruhig – nützlich, wenn jemand einen Moment braucht, um aufzuholen.

Ein Tutorial kann zwei Minuten dauern. Niemand scrollt an einem Tutorial vorbei, dem er aktiv folgt; das Publikum für dieses Format hat sich bereits entschieden, zuzusehen.

Die meisten echten Tutorials betreffen eine Anwendung, und Anwendungen sind durch eine Anmeldung geschützt. Eine Seite, die mit einem Login-Bildschirm antwortet, wird abgelehnt, bevor etwas berechnet wird – das Tool wird nicht vorgeben, sie zu filmen.

Der unterstützte Weg ist eine Erfassungssitzung: Sie melden sich einmal über die VS Code- oder Browser-Erweiterung an und registrieren die Sitzung, die auf diesen einen Ursprung beschränkt ist und innerhalb von drei Tagen abläuft. Renderings können dann innerhalb der Anwendung filmen. Dies ist eine Funktion des Scale-Plans und der größeren Tarife.

Filmen Sie einen Demo-Account, niemals einen echten. Eine Erfassung zeichnet auf, was auf dem Bildschirm zu sehen ist, und ein Tutorial, das mit dem Namen eines Kunden in der Seitenleiste veröffentlicht wird, ist ein Datenschutzvorfall mit Ihrem Logo darauf.

Der Wert eines Tutorials nimmt jedes Mal ab, wenn sich die Benutzeroberfläche ändert, und der übliche Fehler ist, dass niemand dies bemerkt.

Da der Film von der Live-Seite und nicht von einer einmaligen Aufnahme generiert wird, filmt ein erneutes Rendering die aktuelle Benutzeroberfläche neu. Der Wartungsaufwand ist also gering: Wenn sich ein Bildschirm ändert, rendern Sie das Tutorial neu. Die Erzählung, die Struktur und das Timing bleiben erhalten; nur das Filmmaterial wird aktualisiert.

Wenn Sie eine Reihe davon pflegen, lohnt sich die Automatisierung – die API kann bei jeder Veröffentlichung neu rendern, sodass die Tutorials dem Produkt entsprechen, das Sie tatsächlich ausliefern, und nicht dem, das Sie ausgeliefert haben, als jemand Zeit hatte, einen Screencast aufzunehmen.

• In der Dokumentation, neben den schriftlichen Schritten. Nicht anstelle davon – Menschen suchen nach Text und schauen Videos, und die Kombination konvertiert viel besser als beides allein.
• In der zweiten Onboarding-E-Mail, nachdem das Konto erstellt wurde und bevor die erste Woche endet.
• In Ihren Support-Makros. Ein Tutorial, das von einer Antwort verlinkt wird, schließt Tickets, die ein Absatz nicht schließt.
• Auf YouTube, betitelt mit der genauen Aufgabe. „Wie man einen Bericht in [Produkt] exportiert“ ist eine Suche, die jemand gerade durchführt.

Rendern Sie im Format 16:9. Ein Tutorial wird bewusst angesehen, meist auf einem Desktop, neben der Anwendung, die es erklärt.