Zum Hauptinhalt springen
Engineering

Ein Druck, ein Klick: Aufnahmen wie von Hand

· 3 Min. Lesezeit

Wenn ein PageToVid-Film zeigt, wie jemand einen Button drückt, solltest du genau das sehen, was ein Mensch sehen würde: einen Druck, die Seite, die antwortet, und eine Kamera, die lange genug bleibt, um es zu bemerken. Am 14. September haben wir unseren Rekorder geprüft, indem wir gemessen haben, was er tatsächlich tat, Bild für Bild, statt über den Code nachzudenken. Die Aufnahmen wurden spürbar menschlicher.

Ein Druck soll ein Klick sein

Eine Klickszene führte den Cursor zum Button, drückte ihn und löste dann zur Sicherheit noch den eigenen Klick des Elements aus. Dieses Sicherheitsnetz war nie nötig, und es führte dazu, dass eine Klickszene zwei Klicks auslösen konnte. Auf einem Zähler sprang die Zahl um zwei. Bei einem Menübutton ging das Menü auf und wieder zu, bevor die Szene endete.

Jetzt markiert der Rekorder sein Ziel und lässt die Seite die Drücke zählen, die es wirklich erreichen. Das Sicherheitsnetz greift nur, wenn der Druck nachweislich nicht angekommen ist, etwa weil sich das Layout unter dem Cursor verschoben hat, und keine neue Seite folgte. Ein Test öffnet einen echten Browser und prüft beide Fälle.

Eine Aufnahme so lang wie ihr Text

Jede Aufnahme lief so lange, wie der Planer geschätzt hatte, während der Film eine gesprochene Szene so lange hält, wie ihre Stimme spricht. Sprach die Stimme länger, fror das letzte Bild einfach ein. In unserem Testsatz waren das 0,7 bis 3,6 Sekunden Standbild pro 45-Sekunden-Film, mit einem reglosen Cursor.

Jetzt filmt der Rekorder mindestens die vorhergesagte Länge des Sprechertexts, mit etwas Reserve, bis zu 15 Sekunden, damit das Bild lebendig bleibt, bis der Satz zu Ende ist.

Außerdem haben wir den Verdacht geprüft, dass Aufnahmen auch am Anfang stehen. Die Messung der Bewegung Bild für Bild an echten Aufnahmen zeigte, dass sie nach 0,03 bis 0,17 Sekunden beginnt, auf ruhigen wie auf lebendigen Seiten. Erst zu messen hat uns eine Korrektur für ein Problem erspart, das es nicht gab.

Die ganze Seite und das schärfste Bild

Weite Desktop-Einstellungen verloren rund 11 Prozent ihrer Höhe. Das Browserfenster, das wir um die Aufnahmen zeichnen, war etwas breiter als die Aufnahme, also wurden oben und unten Streifen abgeschnitten, genau dort, wo Überschrift und erster Bildschirm liegen. Das Fenster hat jetzt die Form der Aufnahme selbst, und du siehst die ganze Seite.

Wir haben auch eine Idee getestet, die naheliegend klingt: In der endgültigen Videogröße aufzunehmen müsse schärfer sein, als den Browser aufzunehmen und hochzuskalieren. Ist es nicht. Eine größere Aufnahme bringt keine zusätzlichen Details, sie umgibt die Seite mit leeren Rändern. Verglichen mit der Seite, wie sie dargestellt wird, erreichte Browsergröße plus gutes Hochskalieren 0,93 auf einem gängigen Ähnlichkeitsmaß, die größere Aufnahme 0,65. Dieses Ergebnis steht jetzt im Code, damit die bessere Methode bleibt.

Kleine Details, die man spürt

Der Rest des Audits war eine Liste kleiner, sichtbarer Verbesserungen:

  • die Kamera wartet nach einem Klick bis zu 0,8 Sekunden, damit du die Seite antworten siehst, bevor geschnitten wird
  • Hochkantfilme zeigen eine weiche Fingerspitze statt eines Desktop-Pfeils
  • Chatblasen von Drittanbietern werden ausgeblendet, weil sie nicht das Produkt sind und einen Handybildschirm verdecken; die eigene Anrufleiste der Website bleibt
  • ein spät erscheinender Cookie-Hinweis wird kurz vor der Aktion noch einmal geprüft
  • ein pausiertes Video auf einer Seite zeigt ein echtes Bild, nicht sein schwarzes erstes Frame
  • jede Aufnahme wird zuverlässig gespeichert, mit einem zweiten Versuch, bevor die Szene weitergeht

Keiner dieser Punkte ist für sich spektakulär. Zusammen machen sie den Unterschied zwischen Aufnahmen, die wie von einem Menschen gefilmt wirken, und Aufnahmen, die nach einem Skript aussehen.

Suchfelder, die antworten, und Worte, die wir nie tippen

Am Tag davor wurde Tippen zu einer echten Einstellung. Ein Suchfeld, das schon beim Tippen antwortet, ist der Moment, in dem ein Produkt vor der Kamera seine Arbeit macht, deshalb werden Suchfelder und Chatfelder, das Herz jedes KI-Produkts, jetzt in sieben Sprachen erkannt, direkt hinter einer Handlungsaufforderung eingestuft, und die Kamera wartet auf die Antwort, bevor sie weitergeht.

Vor laufender Kamera in eine echte Website zu tippen kommt mit einer festen Regel, und die haben wir zu getestetem Code gemacht. Der Rekorder verweigert jedes Feld in einem Formular mit Passwort, jedes Feld, das persönliche Angaben verlangt, und alles, was nach E-Mail, Name, Karte oder Code klingt. Zweiundzwanzig Ablehnungsfälle sind getestet. Er tippt Suchbegriffe und Fragen, nie etwas Persönliches.

Den Rekorder bei der Arbeit siehst du in den Filmen auf unserer Videoseite.

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.

Erstes Video gratis · keine Kreditkarte · in Minuten fertig

← Alle Artikel