Deine Website bleibt der Star ihres eigenen Films

Ein PageToVid-Film besteht aus zwei Arten von Szenen. Die einen sind Bildschirmaufnahmen: ein echter Browser auf der echten Seite, der scrollt, zeigt und klickt. Die anderen sind Bewegungsgrafiken: eine große Zahl, eine Zeitleiste, eine Titelkarte, ein Zitat. Ein guter Film mischt beides, so wie eine gute Dokumentation Aufnahmen und Einblendungen mischt.

Ein Detail der Bauweise ist hier wichtig. Eine Szene mit Grafik ersetzt ihre Aufnahme vollständig. Wir filmen keine Seite, die niemand sehen wird, so bleiben Filme schnell gemacht.

Das Verhältnis zwischen beiden wird also bei der Planung entschieden. Wählt der Planer für jede Szene eine Grafik, nimmt der Browser nichts auf, und ein Film über deine Website könnte sehr wenig von ihr zeigen.

Vor ein paar Wochen haben wir den Planer um mehr visuelle Vielfalt gebeten, weil frühe Filme eintönig wirkten: Seite, Seite, Seite. Die Vielfaltsregel verlangte reiche Formen im ganzen Film, und die Filme wurden lebendiger.

Der Planer nahm die Bitte sehr ernst. In Richtung reicherer Grafiken geschoben, ohne Grenze, konnte er sich immer weiter von der Seite entfernen, obwohl jede Szene für sich eine gute Wahl schien. Wir sahen einen Werbefilm mit sieben Szenen, fast ganz aus Grafiken geplant, und wussten: Die Regel braucht ein Gegengewicht.

Das lehren uns Sprachmodelle immer wieder: Eine Vorliebe ohne Grenze wächst, bis sie alles einnimmt. Wer einem Planer sagt, was er bevorzugen soll, muss ihm auch sagen, was er nie aufgeben darf.

Wir wollten das nicht auf einem einzigen Satz in einem Prompt ruhen lassen, also lebt das Mindestmaß an drei Stellen.

1. 1Die Vorgaben des Planers. Bei Werbefilmen, Erklärfilmen, Demos und Tutorials muss mindestens die Hälfte der Szenen reine Aufnahme sein, und eine der ersten zwei Szenen ebenfalls, damit die Seite früh erscheint. Die Vielfaltsregel gilt jetzt nur noch für die Grafikszenen: mindestens zwei reiche Formen darunter und höchstens eine schlichte Aussagekarte.
2. 2Die Prüfung. Der Schritt, der jeden Plan schon auf Vielfalt prüfte, prüft jetzt auch das Mindestmaß, fordert bei Verfehlen einen neuen Entwurf an und bevorzugt den, der es einhält.
3. 3Eine letzte Garantie. Nach dem Modell zählt ein kleines Stück schlichter Code, ensureScreencastScenes, noch einmal nach. Ist das Mindestmaß noch nicht erreicht, verwandelt es Grafiken zurück in Aufnahmen, bis es stimmt.

Artikelfilme sind die einzige Ausnahme. Eine Artikelseite ist überwiegend Text, deshalb bleiben sie bewusst grafikbetont.

Eine Garantie, die die falsche Szene entfernt, würde einen schwachen Film gegen einen anderen tauschen, also zählt die Reihenfolge. Der Code arbeitet von der Mitte des Films nach außen. Schlichte Aussagekarten gehen zuerst, weil sie die am wenigsten informative Grafik sind und am ehesten einer Folie gleichen. Der Einstieg und die Handlungsaufforderung am Ende bleiben am längsten, denn dort verdient eine gestaltete Karte ihren Platz am ehesten.

Weicht eine Grafik, wird die Szene zur Aufnahme der Seite, mit derselben Erzählung. Die Stimme sagt weiterhin dasselbe; das Bild zeigt jetzt deine Website, die es sagt.

Im selben Release haben wir auch eine Farbprüfung geschärft. Wörter in Markenfarben werden jetzt am dunkelsten oder hellsten Punkt ihres Verlaufs beurteilt, nicht am Durchschnitt, sodass eine schwarz-weiße Marke jedes Wort lesbar hält.

Wir haben die Regel live getestet: Pläne für Werbefilm, Erklärfilm, Demo und Tutorial behielten jeweils mindestens die Hälfte ihrer Szenen als echte Aufnahmen, mit weiterhin abwechslungsreichen Grafiken. Die letzte Garantie hat einen eigenen Test, der ganz ohne Modell läuft, sodass sie nicht abdriften kann, wenn ein Prompt angepasst wird.

Für dich ist das Ergebnis ein Film, der sich von den ersten Sekunden an nach dir anfühlt:

• deine echten Seiten in mindestens der Hälfte der Szenen,
• eine davon in den ersten zwei Szenen,
• Grafiken dort, wo sie etwas hinzufügen, nicht statt deiner Seite.

Auf der Seite mit den Funktionen siehst du, wie sich Aufnahmen und Grafiken einen Film teilen, oder du fügst unter /new deine Adresse ein und lässt deine Website die Hauptrolle spielen.