Unsere Startseiten-Filme, gemacht vom Produkt selbst
· 4 Min. Lesezeit
Die Filme auf unserer Startseite sind für viele das Erste, was sie von PageToVid sehen. Am 18. September haben wir entschieden, dass sie genau so entstehen sollen, wie ein Kunde einen Film macht: mit dem Produkt, ohne Handarbeit. Jede nötige Verbesserung ging direkt ins Produkt, und an dem Tag, an dem alles fertig war, nannten wir es Version 1.0.
Der beste Test ist die eigene Startseite
Es gibt keinen strengeren Kunden als einen selbst. Wir haben Bilder aus den vier Startseiten-Filmen gezogen, einem pro Sprache, und sie mit den Augen einer Fremden beurteilt. Sie stammten aus einer früheren Version des Produkts, und das sah man: ein Abzeichen des kostenlosen Tarifs in der Ecke, Behauptungen, die niemand prüfen konnte, und eine erste Karte, die etwas anderes sagte als die Stimme.
Also haben wir alle vier mit PageToVid selbst neu gemacht, nur mit den Werkzeugen, die jeder Kunde hat. Was uns im Weg stand, stünde auch ihnen im Weg, und es zu beheben, behebt es für alle.
Fünf Takte, jeder zeigt, was er sagt
Die neuen Filme teilen in jeder Sprache denselben Aufbau, und jeder Takt zeigt, was seine Stimme sagt:
- die Adressleiste, in die eine Website-Adresse getippt wird;
- ein Spotlight auf die Arbeitsschritte, während die Stimme sie nennt;
- die Galerie fertiger Filme, während die Stimme sagt, woher sie stammen;
- ein gezeichnetes Raster der drei Formate, quer, quadratisch und hochkant;
- eine einzige klare Schlussaufforderung.
Es brauchte drei Takes auf Englisch und zwei in den anderen Sprachen. In den Takes zeigten sich die echten Lehren, und jede wurde zu einer Änderung im Produkt. Der neue Schnitt ist außerdem leichter als der alte, also lädt die Startseite schneller und erzählt zugleich ehrlicher.
Jede Einstellung trifft, was sie nennt
Die Einstellungen mit unseren eigenen Assistenten-Werkzeugen auszurichten, brachte die wichtigste Lehre der Woche. Der Recorder gibt jedem Element einer Seite einen Selektor, eine genaue Adresse für die Kamera. Auf einer vollen Seite konnten zwei verschiedene Abschnitte dieselbe Adresse bekommen, sodass eine Einstellung für den einen den anderen filmen konnte.
Selektoren werden jetzt an der echten Seite geprüft und verfeinert, bis jeder genau auf das Element zeigt, aus dem er entstand: 29 auf unserer Startseite, alle eindeutig. Ein von Hand geschriebener Selektor, der mehrere Elemente trifft, wird gemeldet statt still akzeptiert.
Auch der Planer hat dazugelernt. Ein Film, der dich auffordert, einen Knopf zu drücken, sollte zeigen, wie jemand ihn drückt. Bietet eine Seite einen Handlungsaufruf und ein Eingabefeld, enthält der Film jetzt einen Klick und etwas Tippen.
Eine Kamera, die sich bewegt, ein Zeiger, der drückt
Kleine Details entscheiden, ob ein Screencast lebendig wirkt. Drei haben das Gefühl jedes Films verändert:
- Abschnitte bekommen einen Zoom. Breite Abschnitte sind das, worauf Filme am häufigsten zielen, und die Kamera fährt jetzt sanft heran, statt stillzustehen.
- Das Motiv macht dem Untertitel Platz. Das Element, von dem die Stimme spricht, sitzt über dem Untertitelband, wann immer es passt.
- Der Zeiger drückt. Bei einem Klick taucht der Pfeil 90 Millisekunden um seine Spitze ein, schnell genug, um als Druck zu wirken, und langsam genug, um die Aufnahme zu überstehen.
Kartentexte hören auch nicht mehr mitten im Wort auf. Jedes Kartenfeld kürzt an einer Wortgrenze und setzt Auslassungspunkte, während Zahlen, Einheiten und Preise ihre genauen Zeichen behalten.
Einen Assistenten die Kamera sehen lassen
Viele dieser Details waren im Storyboard unsichtbar, also haben wir die Kamera lesbar gemacht. Jede aufgenommene Szene meldet jetzt ihre Einstellung: die Aktion, das Element und den getippten Text, falls es einen gibt. Eine Szene lässt sich schon beim Anlegen ausrichten, und eine Änderung, die zwei Szenen zur selben Einstellung machen würde, wird mit Namen abgelehnt, samt dem, was stattdessen zu tun ist.
Auch die Qualitätsprüfung des Films ist nützlicher geworden. Sie bewertet jetzt genau die Bilder, die die Pipeline für jede Szene geschnitten hat, sieht jede Beschriftung neben ihrem eigenen Bild und weiß, dass der große wortsynchrone Text unten der Untertitel ist. Assistenten können die Bewertung und ihre Hinweise für jeden Film lesen, und das Werkzeug sagt klar, dass sie ein Hinweis ist, kein Urteil. Beim selben Storyboard stieg die Bewertung von 40 vor dieser Arbeit auf 85 danach.
Warum wir es 1.0 nennen
Am 18. September wechselten die vier Startseiten-Filme und der Film, der beim Teilen eines Links erscheint, auf die neue Reihe. Jede Datei wurde auf Erreichbarkeit geprüft, bevor die Website auf sie zeigte, und ihre Länge wurde an der neuen Datei selbst gemessen.
Version 1.0 ist keine Liste von Funktionen. Es ist das erste Mal, dass unsere eigenen Werbefilme aus dem Produkt kamen, so wie ein Kunde sie machen würde, und Bild für Bild standhielten. Außerdem haben wir die Lehren der Woche in eine Prüfung verwandelt, die ein fertiges Video über die öffentliche API liest, wie es eine externe Prüferin täte.
Einen Film machst du genauso über die Erstellen-Seite, und wie ein Film entsteht, zeigt die Funktionsseite.
Sieh es auf deiner eigenen Website
Füge eine Seite ein und bekomme das vertonte Video, um das es in diesem Blog geht. Das erste ist kostenlos.
Weiterlesen
