Zum Inhalt springen
Leitfaden5 Min. Lesezeit

Automatisierte Bildschirmaufnahme für eine Web-App

Machen Sie einen vorbereiteten Browserablauf zu einem prüfbaren Produkt-Asset.

Bereiten Sie einen erreichbaren Web-App-Ablauf für automatisierte Bildschirmaufnahme vor, mit klarer Produktgrenze rund um ein geprüftes, erzähltes MP4.

Ansehen, wie es funktioniertDie ersten 60 Sekunden Video sind kostenlos, mit Wasserzeichen. Bestätigen Sie Ihre E-Mail-Adresse, um es herunterzuladen.

Automatisierte Bildschirmaufnahme für eine Web-App ist nützlich, wenn ein Team ein Produkt-Asset aus einer über den Browser erreichbaren Aufgabe braucht, nicht wenn es jede Route testen muss. Die praktische Frage ist, ob eine gewählte Route eine Produktaufgabe von einem klaren Anfang über eine Aktion bis zu einem sichtbaren Ergebnis sichtbar machen kann. Diese Grenze hält die Arbeit auf ein Marketing-Asset fokussiert, das ein Mensch prüfen kann.

GogoScreen nimmt eine URL und einen einzeiligen Hinweis dazu, was gezeigt werden soll. Es kann aus der erreichbaren Browserabfolge ein erzähltes, geschnittenes MP4 mit Klick-Zooms, Cursor-Glättung, Schnitten bei toter Zeit, Untertiteln und einem zum Bildschirmgeschehen passenden Voiceover zurückgeben. Das sind Fakten zum Produktablauf, kein Versprechen, dass jede App oder jeder erste Renderdurchlauf funktioniert. Ein Renderdurchlauf kann fehlschlagen oder einen erneuten Versuch benötigen, der Kandidat bleibt also etwas, das vor der Verwendung geprüft werden muss.

AblaufHauptfrageZu prüfendes Ergebnis
Automatisierte Web-App-AufnahmeKann eine vorbereitete Aufgabe das Produkt erklären?Ein Kandidaten-MP4 aus dem gewählten Browserablauf
BrowserautomatisierungSchließt die App einen erwarteten Testpfad ab?Testbeleg oder ein Ausführungsergebnis
Manuelle AufnahmeKann eine Person die Aufnahme durchführen und schneiden?Eine von der Person zusammengestellte Aufnahme

Den Umfang auf ein Marketing-Asset begrenzen

Diese Seite beschreibt keine Testautomatisierung. Eine KI-Agent-Browserautomatisierungsdemo betrifft Browserarbeit im Agentenkontext. Der Leitfaden zu Bildschirmaufnahme oder automatisiertem Demovideo vergleicht manuelle Aufnahme mit URL- und Hinweis-Vorbereitung. Automatisierte Bildschirmaufnahme für eine Web-App betrifft eine Produktgeschichte, der eine betrachtende Person folgen kann. Die Route sollte einen erkennbaren Zweck haben, eine Aktion, die etwas verändert, und ein Ende, das eine betrachtende Person sehen kann, ohne dass ihr gesagt wird, was sie ableiten soll.

Beginnen Sie mit der Person, die das Asset sehen wird. Eine Landingpage-Besucherin oder ein Landingpage-Besucher braucht vielleicht den Beleg, dass eine Aufgabe ein Ergebnis hat. Eine Product-Hunt-Besucherin oder ein Product-Hunt-Besucher braucht vielleicht eine kurze Demonstration dessen, was das Produkt tut. Eine bestehende Nutzerin oder ein bestehender Nutzer muss vielleicht einen aktualisierten Ablauf wiedererkennen. Der Leitfaden für ein Landingpage-Demovideo, der Leitfaden für ein Product-Hunt-Demovideo und der Leitfaden für ein Produktupdate-Video machen diese Veröffentlichungskontexte konkreter.

Verwenden Sie den Ablauf nicht als Vorwand, um die gesamte Anwendung zu zeigen. Lange Touren führen oft unabhängige Menüs, leere Bereiche, Hinweise und verborgene Einrichtung ein. Eine kleinere Abfolge gibt einer prüfenden Person eine klare Frage: Hat der Kandidat die beabsichtigte Aufgabe genau und ohne privates Material gezeigt?

  1. Wählen Sie eine Produktaufgabe mit einem sichtbaren Ergebnis.
  2. Bereiten Sie die erreichbare Route mit sicheren Vorführdaten vor.
  3. Beschreiben Sie den beabsichtigten Ablauf in einer fokussierten Anweisung.
  4. Prüfen Sie den zurückgegebenen Kandidaten gegen die geplante Aufgabe, bevor Sie ihn teilen.

Eine für den Browser erreichbare Route vorbereiten

Eine nutzbare Route öffnet im Browser den beabsichtigten Ausgangskontext. Testen Sie Weiterleitungen, Einwilligungshinweise, Popups, Feature-Flags, Ladezustände und das finale Ergebnis, bevor Sie sie als bereit behandeln. Eine Route, die von einer lokalen Umgebung oder einem privaten Netzwerk abhängt, passt nicht zu diesem Web-App-Ablauf. Der Leitfaden für ein Software-Demovideo aus einer URL erklärt die URL-Bereitschaft ausführlicher, während der Leitfaden für einen Web-App-Rundgang hilft, die Nutzerreise auszuwählen, sobald die Route erreichbar ist.

Verwenden Sie sichere Vorführdaten. Fügen Sie keine Kundennamen, Kunden-URLs, Kontodetails, private Dokumente, Zugangsdaten oder persönlichen Informationen ein. Wenn die Route einen Login erfordert, verwenden Sie ein Wegwerfkonto über den genehmigten Prozess. Bei GogoScreen werden Zugangsdaten verschlüsselt, für genau einen Renderdurchlauf verwendet und danach gelöscht. Wird zuerst ein Storyboard geplant, bleiben die Zugangsdaten für diese Sitzung verschlüsselt und werden spätestens zwei Stunden nach ihrer letzten Verwendung gelöscht. Schreibende und Prüfende dürfen sie nicht anfordern, erhalten, kopieren oder einsehen. Der Leitfaden für ein eingeloggtes App-Demovideo behandelt die Entscheidung, eine authentifizierte Route zu verwenden, und der Leitfaden zum Demokonto für ein Produktvideo behandelt die Vorbereitung des begrenzten Kontos.

RoutenprüfungBereite BedingungÜberarbeiten, wenn
AusgangszustandDer Bildschirm legt die Produktaufgabe festDie betrachtende Person sieht einen leeren oder verwirrenden Zustand
AktionEin bedeutsamer Vorgang wird abgeschlossenEin Dialog oder eine Weiterleitung unterbricht die Route
ErgebnisDie Folge ist auf dem Bildschirm sichtbarDer Schluss braucht eine ungestützte Erklärung
DatenDas Vorführmaterial ist sicher zu zeigenKunden- oder privates Material erscheint

Eine Anweisung schreiben, die die Arbeit eingrenzt

Der einzeilige Hinweis sollte die Route und die eine Aufgabe benennen, die zählt. Er sollte nicht um eine allgemeine Produkttour, eine Liste von Features oder eine Behauptung bitten, die der Bildschirm nicht stützen kann. Eine begrenzte Anweisung gibt der Browserabfolge einen Zweck und der prüfenden Person einen konkreten Vergleichspunkt.

Zum Beispiel kann eine Anweisung eine vorbereitete Liste, die auszuführende Aktion und den neuen sichtbaren Eintrag benennen. Sie muss nicht zu einer vorgeschriebenen Erzählung werden. GogoScreen schreibt und spricht Voiceover passend zum Bildschirmgeschehen, der Kandidat braucht also trotzdem eine Prüfung auf Übereinstimmung mit der beobachteten Abfolge. Der Leitfaden zum Aufnehmen einer Demo ohne Bildschirmaufnahme behandelt denselben Wechsel von der Aufnahmeeinrichtung zur Routenvorbereitung.

Eine klare Anweisung legt auch schwache Vorbereitung offen. Wenn sich der Ablauf nicht in einem fokussierten Satz beschreiben lässt, enthält er möglicherweise mehr als eine Aufgabe. Teilen Sie ihn auf, wählen Sie das kundenrelevante Ergebnis oder verwenden Sie eine andere Route. Der Leitfaden für ein MVP-Demovideo kann helfen, die eine Produktaufgabe zu erkennen, die ein frühes Produkt zeigen muss.

Die Anweisung als Prüfprotokoll verwenden

Die Anweisung dient auch als Prüfprotokoll. Sie erlaubt einer Teamkollegin oder einem Teamkollegen, die vorgeschlagene Browserabfolge mit der tatsächlich vorbereiteten Aufgabe zu vergleichen, ohne die Anfrage als Testspezifikation zu behandeln. Wenn der Kandidat einen anderen Anfang, eine andere Aktion oder ein anderes Ergebnis zeigt, überarbeiten Sie den kleinen Marketing-Ablauf, statt die Anfrage zu einem breiten Automatisierungsprojekt auszuweiten.

Den Kandidaten prüfen, bevor er zum Beleg wird

Sehen Sie sich den Kandidaten zuerst mit ausgeschaltetem Ton an. Der Ausgangskontext, die Aktion und das Ergebnis sollten allein aus dem Bildschirm Sinn ergeben. Vergleichen Sie dann Untertitel und ein erzeugtes Voiceover mit den tatsächlichen Bildschirmereignissen. Prüfen Sie auf privates Material, unerwartete Hinweise, Sackgassen, Leerzustände und Sprache, die mehr behauptet, als die gewählte Route belegt.

Etwa einer von fünf Renderdurchläufen schlägt voraussichtlich fehl oder braucht einen erneuten Versuch. Halten Sie fest, was den Pfad unterbrochen hat, und ändern Sie die Route, die Vorführdaten oder die Anweisung, bevor Sie einen weiteren Kandidaten anfordern. Jedes neue Konto erhält einmalig 60 Sekunden Video mit Wasserzeichen. Spätere Videos nutzen Zeit aus einem Plan oder einer Aufladung, die nur verbraucht wird, wenn ein Renderdurchlauf gelingt. Die Prüfung bleibt unabhängig von diesen Produktbedingungen notwendig.

Für die nächste Entscheidung verwenden Sie den Leitfaden für ein Demovideo aus einer Website-URL, wenn die lesende Person eine Checkliste zur URL-Bereitschaft braucht. Verwenden Sie die Preisseite für Pläne und Aufladungen und lesen Sie die Datenschutzerklärung und die Nutzungsbedingungen, bevor Sie einen Renderdurchlauf einreichen.

Klarstellungen

Bevor Sie beginnen

Was ist automatisierte Bildschirmaufnahme für eine Web-App?

Es ist ein Ablauf, der mit einer erreichbaren Web-Route und einer begrenzten Aufgabe beginnt und dann einen Kandidaten zur Prüfung erzeugt. Für GogoScreen ist das angegebene Ergebnis ein erzähltes, geschnittenes MP4, kein Testbericht und kein Browserautomatisierungs-Ergebnis.

Kann automatisierte Bildschirmaufnahme das Browsertesten ersetzen?

Nein. Browsertesten prüft, ob Software sich wie erwartet verhält. Dieser Ablauf bereitet ein Marketing-Asset vor, das eine geprüfte Produktaufgabe zeigt, sodass ein Mensch weiterhin die Route wählt, den Kandidaten prüft und entscheidet, ob er zum Teilen geeignet ist.

Muss eine Web-App öffentlich sein?

Die beabsichtigte Route muss über den Web-App-Ablauf erreichbar sein. Wenn eine gewählte Route einen Login erfordert, kann ein Wegwerf-Demokonto über den genehmigten Prozess bereitgestellt werden, während Schreibende und Prüfende keine Zugangsdaten handhaben.

Was sollte die Aufnahme zeigen?

Zeigen Sie einen Ausgangskontext, eine bedeutsame Aktion und ein sichtbares Ergebnis. Eine breite Tour, verborgene Einrichtung oder privates Kundenmaterial machen die Aufnahme schwerer zu prüfen und als Produktbeleg weniger nützlich.

Fügen Sie eine URL ein, beschreiben Sie einen Ablauf und erhalten Sie ein Demovideo Ihrer Webanwendung.

Die ersten 60 Sekunden Video sind kostenlos, mit Wasserzeichen. Bestätigen Sie Ihre E-Mail-Adresse, um das Video herunterzuladen.