Zum Inhalt springen
Leitfaden5 Min. Lesezeit

Bubble Demovideo

Zeigen Sie einen echten Ablauf aus einer Bubble-App, mit Login und allem.

Nehmen Sie einen funktionierenden Ablauf aus einer Bubble-App auf, samt Login, den die meisten Bubble-Builds erwarten, ohne daraus eine Funktionstour zu machen.

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

Bubble-Apps wirken meist anders als andere No-Code-Ergebnisse, sobald man an der Landingpage vorbei ist. Während manche Builder einen Prototypen erzeugen, der frei zum Ausprobieren gedacht ist, wird eine Bubble-App häufig von Anfang an als echtes, datenbankgestütztes Produkt gebaut, komplett mit Nutzerkonten, gespeicherten Datensätzen und Workflows, die einen eingeloggten Zustand voraussetzen. Das verändert die Frage nach dem Demovideo. Der interessante Teil einer Bubble-App ist oft nicht die Marketingseite. Es ist das, was hinter dem Login liegt und das die Marketingseite eigentlich verkaufen will. Ein Betrachter, der nur die Landingpage sieht, kann nicht beurteilen, ob das eigentliche Produkt hält, was diese Seite verspricht.

Ein Demovideo muss das berücksichtigen. Während ein Builder, der zustandslose Prototypen erzeugt, meist direkt über einen öffentlichen Vorschaulink aufnehmen kann, braucht eine Bubble-Demo häufig ein vorbereitetes Konto mit bereits vorhandenen Daten, um überhaupt etwas Aussagekräftiges zu zeigen. Das ist weniger eine Einschränkung als vielmehr ein Spiegel dessen, wofür Bubble generell verwendet wird: Tools mit echten Nutzern, echten Datensätzen und Workflows, die erst Sinn ergeben, sobald jemand eingeloggt ist. Diese Kontoeinrichtung schon vor der Aufnahme zu planen, ist die mit Abstand nützlichste Angewohnheit, die ein Bubble-Builder in diesen Prozess einbringen kann, da sie die größte Ursache für einen verschwendeten ersten Versuch beseitigt.

Was sollte ein Bubble-Demovideo eigentlich zeigen?

Wählen Sie den einen Workflow, der dem Grund, warum jemand die App überhaupt nutzen würde, am nächsten kommt. Bei einem Projektmanagement-Tool könnte das bedeuten, eine Aufgabe anzulegen und sie durch verschiedene Status zu bewegen. Bei einem Marktplatz könnte es bedeuten, einen Artikel einzustellen und zu sehen, wie er einem Käufer angezeigt wird. Was auch immer die Kernschleife ist, diese Schleife ist die Demo, nicht eine Tour durch jede über die Hauptnavigation erreichbare Seite.

Demo-WahlWarum sie funktioniertWas sie weglässt
Der Kern-Workflow, um den die App gebaut istEr beweist den Daseinsgrund des ProduktsJede sekundäre Einstellungsseite
Ein eingeloggter Zustand mit realistisch wirkenden DatenEr zeigt, was ein Nutzer tatsächlich siehtEin leeres Konto ohne befüllte Daten
Ein klarer Start, eine Aktion und ein ErgebnisEr gibt einem Betrachter etwas zu beurteilenEin locker erzähltes Umherschweifen durch die App

Ein Clip oberhalb des Seitenfalzes auf einer Landingpage braucht eine kürzere, polierte Version derselben Idee, und ein Video für eine Launch-Galerie muss die Aufmerksamkeit eines Fremden gewinnen, der in weniger als einer Sekunde daran vorbeischwenkt. Dieses allgemeine Demovideo liegt zwischen beiden: lang genug, um den Kern-Workflow richtig zu beweisen, fokussiert genug, dass es immer noch als eine klare Geschichte gelesen wird statt als Funktionsliste. Oft ist es das Ausgangsmaterial, aus dem beide kürzeren Formate zurechtgeschnitten werden, was ein weiterer Grund ist, den Kern-Workflow hier zuerst richtig hinzubekommen.

Wie bereiten Sie eine Bubble-App vor, die ein Login erfordert?

Liegt der Kern-Workflow hinter einem Konto, wie es bei Bubble oft der Fall ist, richten Sie ein Demokonto mit Daten ein, die die Geschichte stützen, statt eine leere, neue Registrierung zu verwenden. Ein brandneues, leeres Konto zwingt das Video dazu, seine ersten Momente mit der Einrichtung statt mit dem eigentlichen Workflow zu verbringen. Befüllen Sie vorab alle Datensätze, von denen der Workflow abhängt, mit Daten, die eindeutig nicht die Informationen eines echten Kunden sind.

  • Richten Sie ein Demokonto mit bereits befüllten Datensätzen ein, keine frische, leere Registrierung.
  • Bestätigen Sie, dass der Login-Ablauf selbst ohne unerwarteten Schritt abgeschlossen wird, etwa einen E-Mail-Bestätigungsbildschirm.
  • Entfernen oder vermeiden Sie alles, was echten Kunden- oder Nutzerdaten ähnelt.
  • Testen Sie den vollständigen Workflow manuell, bevor Sie den Hinweis für den Renderdurchlauf schreiben.

Bei GogoScreen werden Zugangsdaten verschlüsselt, für genau einen Renderdurchlauf verwendet und danach gelöscht, sodass die Person, die den Hinweis schreibt, die Zugangsdaten selbst nicht handhaben muss. 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. Dieses Detail zur Handhabung ist hier besonders wichtig, weil ein Demovideo für eine Bubble-App eher als die meisten anderen überhaupt einen Login-Schritt braucht. Die Entscheidung über die Einrichtung des Demokontos früh zu treffen, gibt dem Team außerdem die Chance, einen defekten Workflow schon vor dem Rendertag zu entdecken, statt erst dann, wenn das Video bereits zurück ist und etwas darin nicht den Erwartungen entspricht.

Was gehört in den Hinweis?

Nennen Sie den Startbildschirm, sei es die Login-Seite oder ein bereits erreichtes Dashboard, die relevante Aktion und das erwartete Ergebnis. "Legen Sie vom Dashboard aus eine neue Aufgabe an und zeigen Sie, wie sie in der aktiven Liste erscheint" ist konkret genug, damit der Renderdurchlauf von GogoScreen ihm folgen kann, und spezifisch genug, dass ein Prüfer die fertige Datei damit abgleichen kann. Ein vager Hinweis wie "die App zeigen" lädt den Renderdurchlauf dazu ein, in Einstellungsseiten abzuschweifen, die der Geschichte nicht dienen.

Befolgen Sie jedes Mal, wenn eine neue Bubble-Demo hinausgehen soll, die folgenden drei Schritte in dieser Reihenfolge:

  1. Wählen Sie den einen Workflow in der App, der am besten beweist, was sie leistet.
  2. Richten Sie ein Demokonto mit unbedenklichen Daten ein, falls der Workflow hinter einem Login liegt.
  3. Schreiben Sie einen Hinweis, der Start, Aktion und Ergebnis benennt, und prüfen Sie das gerenderte Video anschließend dagegen.

GogoScreen liefert ein erzähltes, bearbeitetes MP4 auf Basis des Hinweises, mit Zooms auf die relevanten Klicks, Cursor-Glättung, entfernter toter Luft und Untertiteln. Etwa einer von fünf Renderdurchläufen schlägt fehl oder muss wiederholt werden, und Zeit wird nur verbraucht, wenn ein Renderdurchlauf gelingt. Lassen Sie deshalb Zeit für einen zweiten Versuch, statt den ersten Renderdurchlauf als garantiert zu betrachten.

Wie passt das zu angrenzenden Leitfäden?

Für eine kürzere Version derselben App oberhalb des Seitenfalzes siehe den Leitfaden zum Bubble-Landingpage-Video. Für eine launchspezifische Version für ein Galerie-Publikum siehe den Leitfaden zum Bubble-Product-Hunt-Launch-Video. Um den Build an einen nicht technischen Prüfer zu übergeben, siehe ein Bubble-Projekt mit einem Kunden teilen und den Bubble-Portfolio-Demo-Leitfaden, und für die interne Abnahmeversion den Bubble-App-Review-Rundgang.

Ein KI-Agenten-Launch-Demovideo und eine KI-Agenten-Landingpage-Demo behandeln ein verwandtes Launch-Format für Agentenprodukte, während ein KI-Agenten-Testergebnis-Demovideo nützlich ist, wenn der zu beweisende Workflow eher einem Testergebnis als einer Nutzerreise entspricht. Die SaaS-Demovideo-Checkliste ist ein guter letzter Durchgang vor der Veröffentlichung, und ein Changelog-Video behandelt die engere Aufgabe, eine bestimmte ausgelieferte Änderung zu beweisen statt der gesamten App. Für einen Vergleich der Aufnahmetools lesen Sie GogoScreen im Vergleich zu Clueso. Starten Sie auf der GogoScreen-Startseite, prüfen Sie die Preise, stöbern Sie in der Leitfadenbibliothek oder sehen Sie sich die übrigen Vergleiche an.

Klarstellungen

Bevor Sie beginnen

Muss ein Bubble-Demovideo ein Login zeigen?

Oft ja. Bubble-Apps werden häufig von Anfang an mit einer Datenbank und einem echten Kontosystem gebaut, sodass der sehenswerte Ablauf oft hinter einem Login liegt statt auf einer öffentlichen Landingpage.

Kann GogoScreen eine Bubble-App aufnehmen, die ein Konto erfordert?

Ja, mithilfe eines bereitgestellten Demokontos für die loginpflichtige Route. 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.

Wie lang sollte ein Bubble-Demovideo sein?

Lang genug, um eine Aufgabe von einem klaren Startpunkt bis zu einem sichtbaren Ergebnis zu zeigen, und nicht länger. Ein kurzer, fokussierter Clip rund um einen Workflow lässt sich für einen Betrachter leichter beurteilen als eine lange Tour durch jede Seite der App.

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.