Leitfaden6 Min. Lesezeit

Windsurf Demovideo Leitfaden

Zeigen Sie einen funktionierenden Ablauf eines Windsurf Builds, von Anfang bis Ende.

Planen Sie ein Demovideo für eine mit Windsurf gebaute App rund um einen funktionierenden Ablauf, mit einem ehrlichen Prüfschritt, bevor es öffentlich wird.

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

gogoscreen.com

Die eine sehenswerte Aufgabe wählen

Wählen Sie die eine sehenswerte Aufgabe, bevor Sie sich für ein Format entscheiden.

Bestätigen, dass die Route erreichbar und sauber ist

Bestätigen Sie, dass die Route erreichbar und sauber ist, ohne übrig gebliebenen Platzhalterzustand.

Das Format an den Einsatzort anpassen

Passen Sie das Format an den Einsatzort des Videos an, da eine Landingpage und eine Launch Galerie unterschiedliche Dinge wollen.

Ein Windsurf Demovideo beginnt mit derselben Frage wie jedes Demovideo: Was ist die eine Sache, die ein Fremder in unter zwei Minuten über diese App verstehen soll. Windsurf ist ein KI gestützter Code Editor, und die Projekte, die er hervorbringt, sind, sobald sie existieren, gewöhnliche Web Apps, auf dieselbe Weise erreichbar wie jede andere Web App. Die interessanten Entscheidungen betreffen überhaupt nicht den Editor. Sie betreffen, welche Aufgabe gezeigt wird, ob der Build hinter einem Login liegt und wo das fertige Video eingesetzt wird, da ein für eine Landingpage bestimmtes Video und ein für einen Launch Galerie Beitrag bestimmtes Video unterschiedlich gebaut werden, selbst wenn sie dieselbe zugrunde liegende App zeigen.

Weil Windsurf die fertige App weder hostet noch veröffentlicht, ist die erste echte Entscheidung überhaupt nicht kreativ. Es geht darum, zu bestätigen, welche Route ein Besucher heute tatsächlich erreichen würde und ob diese Route stabil genug ist, um aufgenommen, angesehen und möglicherweise erneut angesehen zu werden von jemandem, der entscheidet, ob er weiterklickt. Diesen Check auszulassen ist der häufigste Grund, warum ein Windsurf Demovideo innerhalb weniger Tage nach Veröffentlichung veraltet wirkt.

Diese Seite ist ein Ausgangspunkt und kein fertiges Briefing für ein bestimmtes Ziel. Wenn Sie bereits wissen, wohin das Video geht, dient Ihnen der spezifischere Leitfaden besser. Ein Windsurf Landingpage Video ist für Nachweis über dem Fold auf der eigenen Seite der App geschrieben. Ein Windsurf Product Hunt Launch Video ist für eine Launch Galerie mit eigenen Längen und Seitenverhältnis Vorgaben geschrieben. Ein Windsurf Share with a Client Leitfaden ist für einen nicht technischen Prüfer geschrieben, der nie einen Vorschau Link anklicken wird. Eine Windsurf Portfolio Demo ist für eine Personalverantwortliche Person geschrieben, die eine Liste von Projekten durchsieht, und ein Windsurf App Review Rundgang ist für jemanden geschrieben, der prüft, ob eine bestimmte Anfrage erledigt wurde. Lesen Sie diese Seite zuerst, wenn Sie sich noch nicht entschieden haben.

Was zählt als eine sehenswerte Aufgabe?

Eine Aufgabe ist eine einzelne Aktion, die ein echter Nutzer der App versuchen würde, beschrieben als Start, Aktion und Ergebnis. Einen Eintrag anzulegen, einen Schritt in einem Prozess abzuschließen oder nach der Eingabe von Daten einen Zusammenfassungsbildschirm zu erreichen, sind alles vernünftige Aufgaben. Eine Tour durch jedes Menü ist keine Aufgabe, und ein Video, das versucht, eine Tour zu sein, lässt den Betrachter meist unfähig zurück zu beschreiben, was die App danach eigentlich tut.

Es hilft, die Aufgabe laut auszusprechen, bevor Sie sich entscheiden, sie aufzunehmen. Wenn der Satz mehr als einmal ein "und" braucht, sind es wahrscheinlich zwei Aufgaben, die sich als eine ausgeben, und sie in zwei kürzere Aufnahmen zu teilen dient meist sowohl der App als auch dem Betrachter besser als ein einzelnes Video, das das ganze Gewicht tragen soll.

Kandidataufgabe	Gute Eignung für eine Demo	Besser anderswo geeignet
Einen Eintrag anlegen und ansehen	Ja, zeigt Eingabe und Ergebnis klar	-
Ein Einstellungs oder Konfigurationsbildschirm	Selten, außer Konfiguration ist das Produkt	Ein App Review Rundgang für eine bestimmte Anfrage
Die vollständige Onboarding Abfolge	Selten, meist zu lang	Ein eigenes Onboarding oder Agent Übergabe Stück

Wenn der Build eher einem internen Tool für ein Team als einem öffentlichen Produkt ähnelt, passt ein Agent Handoff Demovideo vielleicht besser als eine allgemeine Demo, da es dort um die Übergabe von Kontext an die nächste Person geht, nicht um die Überzeugung eines Fremden.

Wie bereiten Sie ein Windsurf Projekt vor der Aufnahme vor?

Öffnen Sie die bereitgestellte Route selbst und schließen Sie die beabsichtigte Aufgabe ab, bevor sie jemand anders sieht. Windsurf Projekte beginnen, wie die meisten KI gestützten Builds, oft mit Platzhalterdaten aus dem Gerüst, und diese Daten wirken unfertig, sobald sie auf dem Bildschirm erscheinen. Ersetzen Sie sie durch etwas, das wie eine echte Nutzung der App aussieht.

Bestätigen Sie, dass die Route ohne Weiterleitung an eine unerwartete Stelle lädt.
Ersetzen Sie Gerüst Platzhaltertext und Beispieleinträge durch etwas, das zum Zweck der App passt.
Entscheiden Sie, ob der Ablauf ein Login braucht, und bereiten Sie gegebenenfalls ein Demokonto vor.
Timen Sie die Interaktion einmal von Hand, damit der Ablauf Hinweis dem entspricht, was tatsächlich auf dem Bildschirm passiert.

Wenn ein Login nötig ist, kann über den normalen Prozess ein Demokonto bereitgestellt werden, statt ein echtes zu übergeben, und bei GogoScreen werden alle übergebenen 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. Dieser Unterschied zählt für jeden, der einen Build zeigt, der noch andere Nutzer hat.

Es lohnt sich, den Ablauf zu mehr als einer Tageszeit zu testen, wenn die App von etwas abhängt, das sich ändert, wie ein Zeitplan, eine Warteschlange oder ein Zähler, der sich aktualisiert, während andere Personen sie nutzen. Ein während einer ruhigen Phase aufgenommenes Demovideo kann einen leeren oder irreführenden Zustand zeigen, wenn sich die zugrunde liegenden Daten bis zum Ansehen des fertigen Videos verschieben, auch wenn die Aufnahme selbst im Moment ihrer Entstehung korrekt war.

Wie sollte der einzeilige Hinweis geschrieben werden?

Wählen Sie die eine sehenswerte Aufgabe, bevor Sie sich für ein Format entscheiden.
Bestätigen Sie, dass die Route erreichbar und sauber ist, ohne übrig gebliebenen Platzhalterzustand.
Passen Sie das Format an den Einsatzort des Videos an, da eine Landingpage und eine Launch Galerie unterschiedliche Dinge wollen.

Schreiben Sie den Hinweis in einfacher Sprache und benennen Sie den Startbildschirm, die Aktion und das erwartete Ergebnis. Vermeiden Sie es, die App danach zu beschreiben, wie sie gebaut wurde. Einem Betrachter ist es egal, dass die App aus einem KI gestützten Editor stammt. Ihm ist wichtig, ob das, was auf dem Bildschirm passiert, ein Problem löst, das er erkennt.

Lesen Sie den Hinweis einmal so, als wären Sie der Betrachter und nicht die Person, die ihn geschrieben hat. Wenn ein Wort im Hinweis ohne Vorwissen über die App keinen Sinn ergäbe, ersetzen Sie es durch etwas, dem ein Erstbesucher folgen könnte, da der Renderdurchlauf keine Möglichkeit hat, Kontext hinzuzufügen, den Sie nicht selbst in den Satz geschrieben haben.

Wo gehört das fertige Video hin?

Die Platzierung verändert, was das Video braucht. Ein Landingpage Produktvideo sitzt über dem Fold und muss sich Aufmerksamkeit in den ersten Sekunden ohne Ton verdienen. Ein KI gebautes SaaS Launch Video ist für den konkreten Moment geschrieben, in dem ein generiertes Produkt erstmals öffentlich wird, wo das Publikum die Idee ebenso beurteilt wie die Ausführung. Ein KI Agent SaaS Demovideo richtet sich eher an ein technisches Publikum, das bewertet, ob ein Agent eine Aufgabe tatsächlich korrekt erledigt hat, statt nur einen plausibel wirkenden Bildschirm zu erzeugen. Keines dieser Ziele ändert, wie Sie die App vorbereiten. Sie ändern, was Sie herausschneiden und was Sie im Bild behalten.

Ein No Code App Demovideo stellt eine verwandte, aber andere Frage, da ein No Code Build und ein KI gestützter Code Build für einen Betrachter identisch aussehen können, obwohl sich der zugrunde liegende Prozess unterscheidet. In beiden Fällen sollte das fertige Video beschreiben, was die App tut, nicht wie sie gebaut wurde.

Was sollten Sie prüfen, bevor es öffentlich wird?

Prüfen Sie den Kandidaten gegen den ursprünglichen Hinweis. Bestätigen Sie, dass der Eröffnungsbildschirm allein genug Kontext gibt, da viele Betrachter stumm und ohne Vorkontext zusehen werden. Prüfen Sie auf Platzhaltertext, unfertige Zustände oder alles im Bild, das ein Fremder nicht sehen sollte. Etwa einer von fünf Renderdurchläufen braucht einen erneuten Versuch, planen Sie den Zeitplan also entsprechend, statt an dem Tag aufzunehmen, an dem etwas fällig ist.

Jedes neue Konto erhält einmalig 60 Sekunden Video mit Wasserzeichen, und danach verfällt Zeit aus Aufladungen nie, und Zeit wird nur verbraucht, wenn ein Renderdurchlauf gelingt. Vergleichen Sie Aufnahmeansätze mit Screen Studio, wenn Sie zwischen einer manuellen Aufnahme und diesem Arbeitsablauf entscheiden, prüfen Sie die Preise für die Pläne, durchsuchen Sie die restliche Bibliothek an Leitfäden und Vergleichen, oder beginnen Sie auf der GogoScreen Startseite mit der URL und dem einzeiligen Hinweis, auf dem der gesamte Arbeitsablauf läuft.

Klarstellungen

Bevor Sie beginnen

Was sollte ein Windsurf Demovideo zeigen?

Es sollte eine Nutzeraufgabe zeigen, die in der App abgeschlossen wird, von einem erkennbaren Ausgangspunkt bis zu einem sichtbaren Ergebnis. Es sollte nicht versuchen, jeden Bildschirm des Builds zusammenzufassen.

Hostet Windsurf die App, die das Video zeigen wird?

Nein. Windsurf ist ein Code Editor. Das Projekt läuft während der Erstellung lokal und wird erst erreichbar, sobald es separat auf einem gewählten Host bereitgestellt wird, sei es ein persönlicher Server oder ein Hosting Anbieter.

Unterscheidet sich ein Windsurf Demovideo von einer Demo für einen anderen Builder?

Der Aufnahmeablauf ist für jede erreichbare Web App derselbe. Was sich unterscheidet, ist die konkrete Aufgabe und Appkategorie, die gezeigt wird, weshalb dieser Leitfaden auf formatspezifische Leitfäden für eine Landingpage, eine Launch Galerie oder eine Kundenübergabe verweist.

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.

Preise ansehen Leitfäden lesen