Automatisierte oder manuelle Screencasts: was sich im Bild ändert
Automatisierte Screencasts sind Aufnahmen einer Webseite, die eine Software statt eines Menschen macht: Ein Browser öffnet die Seite, scrollt, klickt und tippt nach Plan, und jede Bewegung ist auf eine Stimme getaktet, die dafür geschrieben wurde. Ein manueller Screencast bist du mit deiner Maus und deinem Timing; er kann alles auf deinem Bildschirm filmen, aber jeder Take, jeder Fehler und jedes Update kostet dich eine weitere Session.
Dieser Leitfaden ist für alle in Support oder Produkt, die ein Dutzend kurzer Clips im Hilfecenter pflegen und überlegen, ob sie die weiter von Hand aufnehmen. Wir bauen die automatisierte Variante, erklären also, was darin passiert und wo sie noch verliert.
ColRecarga: ein 48-Sekunden-Film in 16:9 über eine kolumbianische Website zum Aufladen von Handyguthaben, gemacht aus colrecarga.com. Die Seite ist spanisch, der Sprechertext englisch; die Kamera filmt den animierten Hero, das Nummernformular und den Cursor auf „Continuar“.
Was in einem automatisierten Screencast passiert
„Automatisiert“ steht für sechs getrennte Aufgaben. In dieser Reihenfolge erledigt unsere Pipeline sie, wenn du eine URL einfügst.
Die Seite lesen
Die Seite wird geladen, Texte, Überschriften, Bilder und interaktive Elemente werden gelesen. Bot-Prüfungen und Login-Sperren werden hier erkannt und stoppen den Film, ohne dass es dich etwas kostet: Seine Credits kommen vollständig zurück.
Sortieren, was sich zu filmen lohnt
Eine Suche, eine Tabelle, eine Preistabelle, ein Formular oder eine Produktliste stehen vor einem Slogan. Sie werden zu den Motiven der Einstellungen.
Den Plan schreiben
Ein Storyboard ordnet jedem Satz des Skripts eine Einstellung zu: welches Element und welche Aktion (hinscrollen, darauf zeigen, klicken oder eine echte Suchanfrage tippen).
Die Stimme gibt den Takt vor
Der Sprechertext ist ein durchgehender Take. Die Zeitpunkte seiner Wörter bestimmen, wann jede Szene und jede Einstellung beginnt: Die Kamera ist beim Preis, wenn die Stimme den Preis nennt.
In einem echten Browser filmen
Ein Cloud-Browser spielt den Plan ab, aufgenommen in Retina-Dichte, exportiert in 1080p, in einem leeren Profil: keine Lesezeichenleiste, keine Benachrichtigungen, keine anderen Tabs.
Zusammensetzen
Geschnitten wird auf Wortanfänge, Motion-Graphics füllen, was eine Seite nicht zeigen kann, Untertitel entstehen aus der Stimme, heraus kommen MP4, Vorschaubild und WebVTT-Datei.
Ein manueller Screencast erledigt dieselben sechs Aufgaben, nur im Kopf eines Menschen, in Echtzeit, mit neuem Take, wenn etwas schiefgeht. Schritt 5 im Detail: Retina-Bildschirmaufnahme.
Manuell oder automatisiert, Bild für Bild
Leg einen handgemachten und einen generierten Clip nebeneinander: Diese Unterschiede bemerkt ein Zuschauer wirklich.
| Manueller Screencast | Automatisierter Screencast | |
|---|---|---|
Cursor | Sucht, zögert, schießt übers Ziel | Fährt direkt zum geplanten Element |
Tempo | Wie du an dem Tag sprichst | Wie die Tonspur läuft; Einstellungen starten auf Wörtern |
Fehler | Neuer Take oder Schnitt | Keine zu korrigieren, aber eine Einstellung kann das falsche Element zeigen: Du richtest sie neu aus |
Schärfe | Je nach Bildschirm und Export | Retina-Aufnahme, Export in 1080p |
Was sonst im Bild ist | Benachrichtigungen, Lesezeichen, andere Tabs | Ein leerer Browser |
Sprache der Oberfläche | Die deines Browsers | Die Seite, wie die Website sie ausliefert; ein übersetzter Film filmt lokalisierte Seiten neu, wenn es sie gibt |
Länge | Unbegrenzt | 15 bis 180 Sekunden |
Motive | Alles auf deinem Rechner | Nur Webseiten |
Nichts in der linken Spalte ist ein Mangel, wenn der Clip schnell eine Kollegin informiert. Es wird einer, wenn Fremde den Clip ein Jahr lang sehen.
Der ColRecarga-Film: eine fremdsprachige Seite, automatisch gefilmt
ColRecarga ist eine kolumbianische Website, auf der du jedes Handy von zu Hause aus aufladen kannst, ohne Konto. Wir haben den 48-Sekunden-Film aus colrecarga.com gemacht, 16:9, rund 90 Wörter. Die Website ist spanisch; bestellt wurde der Film auf Englisch, also laufen Stimme und Untertitel englisch über einer spanischen Oberfläche.
Er beginnt mit einer Titelkarte, „Recharge Any Cell Phone From Home“, dann kommt der echte Hero, „Recarga cualquier celular sin salir de casa“, in dem der Name des Netzbetreibers in einem kleinen Label wechselt, während die Kamera zusieht: Movistar, Tigo, WOM, Virgin, ETB. Das ist die Live-Seite in Bewegung, aufgenommen so, wie ein Besucher sie sieht, unter der Frage „Tired of waiting 15 minutes just to top up your phone?“. Die Kamera fährt hinunter zum ersten Schritt des Formulars, „¿A qué número vas a recargar?“, mit Nummernfeld und Button „Continuar“, geht zurück zum Hero und seinen zwei Status-Badges (Lieferung in 5 bis 15 Minuten, erreichbar bis 20 Uhr) auf dem Satz, der zur Eingabe der Nummer auffordert, und kehrt am Ende zum Formular zurück, wo der Cursor zu „Continuar“ wandert. Dazwischen erzählen zwei Textkarten von Paketwahl, Zahlung und Lieferzeit. Zum Schluss kommt „Get started today“. Es ist ein kostenloser Film, deshalb das kleine Badge.
Zwei Lehren für deine Clips. Erstens: wo die Aufnahme aufhört. Die automatisierte Aufnahme filmt die öffentliche Seite bis zum ersten Feld; sie tippt keine echte Nummer ein und bezahlt nicht, also werden die Schritte danach in Karten erzählt. Wenn deine Zuschauer die Paketliste und den Zahlungsbildschirm sehen müssen, nimm diese Screens von Hand mit einer Testnummer auf. Zweitens die Sprache: Der Browser filmt die Seite, wie die Website sie ausliefert. Lesen deine Zuschauer Englisch und gibt es eine englische Version, nimm diese URL; willst du einen Film pro Sprache, vertont eine Übersetzung den Film neu und filmt lokalisierte Seiten, wo es sie gibt.
Was die Pflege von zwölf Clips kostet
Teuer wird der manuelle Screencast nicht bei der ersten Aufnahme, sondern beim zehnten Update.
Ein Rechenbeispiel: ein Hilfecenter mit zwölf Clips à 30 bis 60 Sekunden und eine Oberfläche, die sich jedes Quartal sichtbar ändert und etwa die Hälfte davon betrifft.
- Manuell: sechs Clips pro Quartal neu aufnehmen. Jedes Mal das Skript öffnen, aufnehmen bis der Take sauber ist, die Stimme neu sprechen, wenn sich ein Wort geändert hat, neu schneiden, neu hochladen. Vierundzwanzig Sessions im Jahr.
- Automatisiert: sechs neue Renderings pro Quartal aus denselben Storyboards, je 40 Credits und etwa 10 Minuten, ohne dass jemand danebensitzt. Hat sich ein Button verschoben und zeigt eine Einstellung das falsche Element, richtest du diese eine neu aus und renderst neu. Nur die Untertitel neu zu timen ist einmal pro bezahltem Rendering kostenlos.
Mit dem kostenlosen ersten Film jeder Website testest du einen Clip, bevor du entscheidest; der Creator-Tarif für 19 $ im Monat reicht für etwa 25 Filme. Alle Tarife unter Preise. Fürs Hilfecenter passt der Anwendungsfall Support- und Hilfevideos, und für eine einzelne Szene ohne Neuproduktion ein Video korrigieren, ohne es neu zu machen.
Qualitätscheck für beide Varianten
Egal wie du einen Screencast machst, prüf vor dem Veröffentlichen:
- Das Motiv ist spätestens in Szene drei im Bild. Ein Clip, der die halbe Zeit auf einer Überschrift steht, ist ein Slogan.
- Jede Zahl im Bild stammt von der Seite. Kein Beispiel, das als Durchschnitt verkauft wird.
- Eine Idee pro Szene. Zwei Ideen in einer Einstellung sind der häufigste Grund, warum ein Clip gehetzt wirkt.
- Einmal ohne Ton angesehen. Die Untertitel allein müssen die Geschichte erzählen.
- Keine privaten Daten. Manuell: Mail und Chat schließen. Automatisiert hinter einem Login: ein Demo-Konto nutzen.
- Das richtige Seitenverhältnis. 16:9 für eine Desktop-Oberfläche; 9:16 filmt das mobile Layout, bestell es also nur, wenn deine mobile Seite sich zeigen lässt.
Wie sich beide als Werkzeuge statt als Bild vergleichen, steht in PageToVid oder Screen Recorder; die Begriffe in was ein Screencast ist; alle verglichenen Tools in der Vergleichsübersicht.
Wann ein manueller Screencast die bessere Wahl ist
Lange Tutorials. Zehn oder zwanzig Minuten mit Pausen, Kapiteln und einem Menschen, der erklärt: Nimm das von Hand auf. Ein automatisierter Film endet bei 180 Sekunden.
Alles außerhalb des Browsers. Desktop-Software, native Mobile-Apps, ein Terminal, ein lokaler Build, der nicht online ist.
Live erkunden. Ein Rundgang, bei dem du auf das reagierst, was du findest, unterwegs eine Frage beantwortest oder einen Bug zeigst, während er passiert, braucht einen Menschen an den Reglern.
Präzise Gesten. Zeichnen in einem Design-Tool oder Ziehen entlang einer Timeline lässt sich leichter ausführen als planen.
Verwandle deine Website in ein Video — kostenlos
Füge die Seite ein, die gefilmt werden soll. PageToVid schreibt das Skript, filmt die echte Website, vertont sie und liefert das MP4.
Häufige Fragen
Zeigt ein automatisierter Screencast wirklich die Website?
Ja. Ein echter Browser lädt die Live-Seite und nimmt sie auf; nichts ist nachgebaut. Zwischen den Einstellungen kommen animierte Szenen für Punkte, die eine Seite nicht zeigen kann, und die sind klar als Grafik erkennbar.
Kann ich bestimmen, wo die automatische Aufnahme klickt?
Ja. Jede Szene im Storyboard nennt das gefilmte Element und die Aktion: hinscrollen, zeigen, klicken oder eine Anfrage tippen. Du kannst Element oder getippten Text ändern und neu rendern.
Sieht man in einem automatisierten Screencast meine Benachrichtigungen oder Lesezeichen?
Nein. Er läuft in einem leeren Cloud-Browser, nicht auf deinem Rechner. Bei Seiten hinter einem Login nutzt die Capture-Session deine angemeldete Session, also filme ein Demo-Konto statt eines echten.
Wie scharf ist ein automatisierter Screencast?
Die Seite wird in Retina-Dichte aufgenommen und in 1080p exportiert, damit kleine Schrift in der Oberfläche lesbar bleibt, auch wenn die Kamera an ein Element heranfährt.