So zeigt eine 30-sekündige SaaS-Demo einen vollständigen Workflow
Eine dreißigsekündige SaaS-Videodemo bietet Platz für eine nützliche Geschichte, aber kaum Gelegenheit, Unklarheiten nachträglich aufzufangen. Wenn der Einstieg die Aufgabe nicht deutlich macht, rätselt das Publikum in der nächsten Szene noch darüber, was es eigentlich sieht. Erscheint das Ergebnis zu schnell, erkennt es vielleicht die Oberfläche, versteht aber nicht, warum sie relevant ist. Meist fehlt es nicht an Animation, sondern an Verbindungen zwischen den Bildschirmen.
Ein vollständiger Workflow muss nicht jeden Klick zeigen. Er muss genügend Anhaltspunkte liefern, um eine Eingabe, eine Handlung und ein aussagekräftiges Ergebnis miteinander zu verbinden. Eine kurze Demo kann routinemäßige Navigation überspringen und diese Kausalkette trotzdem erhalten. Irreführend wird sie, wenn der Schnitt genau die Arbeit auslässt, die das Produkt leisten soll.
Nehmen wir als Beispiel ein Produkt zur Terminplanung. Es richtet sich an eine Teamleitung, die einen Besprechungstermin sucht. Der Film könnte kollidierende Verfügbarkeiten, einen vorgeschlagenen Zeitpunkt und den bestätigten Termin zeigen. Das ist eine überschaubare Geschichte. Kalenderintegrationen, Berichte, Abrechnung und eine Tour durch die mobile Version würden daraus einen Katalog machen. Dieser Leitfaden erklärt anhand der Terminplanung, wie die kürzere Fassung trotzdem vollständig bleibt.
Wähle eine Aufgabe, die auf dem Bildschirm abgeschlossen werden kann
Beginne mit einer Aufgabe, die das Publikum ohne Produkteinführung versteht. „Eine Zeit finden, zu der alle können“ ist nachvollziehbar. „Entdecke unsere intelligente Orchestrierungsplattform“ verlangt dagegen, erst deine Begriffswelt zu lernen, bevor der Nutzen erkennbar wird. Den Produktnamen kannst du einführen, während die Aufgabe sichtbar wird.
Eine geeignete Aufgabe hat einen Ausgangszustand und ein beobachtbares Ergebnis. Eine Rechnung verschicken, einen Review-Kommentar erledigen, zwei Angebote vergleichen oder eine Buchung bestätigen: All das besitzt Zustände, die du aufnehmen kannst. Ein Versprechen wie „die Zusammenarbeit verbessern“ braucht zunächst ein kleineres Beispiel, bevor daraus eine vorführbare Abfolge wird.
Beschreibe den Endzustand, bevor du den Einstieg formulierst. Was soll nach Abschluss der Aufgabe zu sehen sein? Im Terminbeispiel ist ein bestätigter Termin mit den erwarteten Teilnehmenden ein stärkerer Beleg als ein feierliches Häkchen allein. Das Häkchen kann den Abschluss hervorheben, sollte aber das Produktergebnis nicht ersetzen.
Arbeite dann rückwärts. Bestimme die minimale Vorbereitung, die dieses Ergebnis verständlich macht. Vielleicht muss das Publikum die Teilnehmenden und ihre kollidierenden Verfügbarkeiten sehen, aber nicht die gesamte Kontoerstellung. So verkürzt du die Geschichte, ohne ihren Gehalt zu entfernen.
Übernimm die fragegeleitete Struktur professioneller Demos
Das Produktdemo-Training von Salesforce baut Vorführungen um eine Publikumsfrage, eine klare Kernaussage und eine bewusst gewählte Abfolge auf. Das Lehrformat geht über einen dreißigsekündigen Film hinaus, doch die Verbindung ist unmittelbar nützlich: Der Bildschirm sollte eine Frage beantworten, die das Publikum bereits interessiert. Eine Produkttour und eine Produktdemonstration sind unterschiedliche redaktionelle Entscheidungen.
Beim Terminfilm lautet die Frage: „Kann ich einen passenden Zeitpunkt finden, ohne noch eine Nachrichtenrunde zu drehen?“ Die Kernaussage muss sich durch den aufgenommenen Workflow tatsächlich belegen lassen. Prüft das Beispiel nur Verfügbarkeiten, sollte es nicht mit dem Versprechen enden, sämtliche Aspekte der Besprechungsvorbereitung automatisch zu erledigen.
Lass die Frage in deinem Arbeitsdokument stehen, auch wenn sie nie als Bildschirmtext erscheint. Sie hilft zu entscheiden, ob eine Einstellung ihren Platz verdient. Ein schickes Dashboard, das nichts zur Antwort beiträgt, gehört vielleicht in einen anderen Film. Ein weniger eindrucksvoller Bestätigungsbildschirm kann dagegen unverzichtbar sein.
Auch die Abstimmung mit Beteiligten wird dadurch produktiver. Statt darüber zu streiten, ob eine Funktion für das Unternehmen wichtig ist, frage, ob sie zur Erklärung dieser Aufgabe nötig ist. Wichtige Funktionen können eigene Demos bekommen. Ein kurzer Film muss nicht die gesamte Produkt-Roadmap abbilden.
Bedienelement und Auswirkung gehören in denselben Moment
Das Bild aus Wistias Channels-Video ist besonders aufschlussreich, weil die Geschichte nicht vom Lesen eines großen Dashboards abhängt. Das Panel „Channel Styles“ steht neben der Kanalvorschau; die Bedienelemente „Colors“ und „Font“ sind gemeinsam sichtbar. Diese räumliche Nähe hilft dem Publikum, eine Änderung mit ihrem Ziel zu verknüpfen. Ein Ausschnitt nur mit dem Stilpanel würde die Handlung erhalten, aber ihren Nutzen entfernen. Ein Ausschnitt nur mit der Vorschau würde das Aussehen zeigen, ohne die Änderung zu erklären.
Übertrage diese Beziehung auf das Terminbeispiel. Halte die gewählte Dauer nah genug am Verfügbarkeitsraster, damit der Zusammenhang erkennbar bleibt. Lass nach der Suche einen Teilnehmernamen oder Besprechungstitel stehen, der schon in der Ausgangssituation sichtbar war. Solche wiederkehrenden Bezeichnungen erklären unauffällig mit: Das Publikum erkennt das Ergebnis wieder, ohne eine weitere gesprochene Einführung zu brauchen.
Sind beide Bereiche gemeinsam nicht mehr lesbar, teile den Moment in zwei ruhige Einstellungen auf, in denen dieselbe Bezeichnung sichtbar bleibt. Zeige die Eingabe, schneide zum Ergebnis und halte das Bild. Setze eine Kamerafahrt nur ein, wenn ihr Verlauf tatsächlich erklärt, wo das Ergebnis erscheint. Ein schneller Schwenk über eine unbeteiligte Seitenleiste verbraucht Zeit, ohne diese Verbindung herzustellen.
Verteile die Zeit nach Verständlichkeit statt auf gleich lange Szenen
Nutze dreißig Sekunden zunächst als Zeitbudget und passe es an, nachdem du das echte Material angesehen hast. Kürze routinemäßige Navigation, bevor du die Entscheidung oder das Ergebnis beschleunigst. Muss das Publikum mehrere Terminkonflikte vergleichen, plane dafür ausreichend Zeit ein.
| Zeit | Redaktionelle Aufgabe | Terminbeispiel |
|---|---|---|
| 0–4 Sekunden | Das Problem verdeutlichen | Zwei Teilnehmende haben kollidierende Verfügbarkeiten |
| 4–9 Sekunden | Die relevante Eingabe zeigen | Teilnehmende und Besprechungsdauer auswählen |
| 9–19 Sekunden | Die Handlung vorführen | Einen passenden Zeitpunkt finden und auswählen |
| 19–26 Sekunden | Das Ergebnis überprüfbar machen | Den bestätigten Termin zeigen |
| 26–30 Sekunden | Einen sinnvollen nächsten Schritt anbieten | Das Publikum einladen, dieselbe Aufgabe auszuprobieren |
Entscheidend ist die Unterscheidung zwischen Bewegungszeit und Lesezeit. Eine Karte kann zwei Sekunden lang einfliegen und nur eine Sekunde stillstehen. Das ergibt eine dreisekündige Einstellung, aber keine drei Sekunden, in denen man sie bequem betrachten kann. Miss den ruhigen Teil der Szene gesondert.
Das Ergebnis verdient oft mehr Zeit als der Einstieg. Nun versucht das Publikum, den Ausgang mit dem vorherigen Geschehen zu verbinden. Lass die bestätigten Details sichtbar stehen. Eine lange Logoanimation mit einem nur flüchtig gezeigten Ergebnis setzt die Prioritäten verkehrt herum.
Ist eine Szene zu lang, entferne zuerst Informationen, die an eine andere Stelle gehören. Vereinfache dann den Bildausschnitt. Erst danach solltest du die Wiedergabe beschleunigen. Wird die gesamte Aufnahme schneller abgespielt, können Zeigerbewegungen unnatürlich wirken und die Handlung verschwinden, die das Produkt auszeichnet.
Nimm ein durchgängiges Beispiel vom Anfang bis zum Ende auf
Verwende in der gesamten Sequenz dasselbe Demokonto, dieselben Teilnehmenden, dasselbe Projekt und dieselben Beispieldaten. Konsistenz dient nicht nur dem Erscheinungsbild. Sie macht erkennbar, dass das Ergebnis zur Eingabe gehört. Ein anderer Termintitel in der letzten Einstellung kann diese Verbindung zerstören, obwohl jeder einzelne Bildschirm plausibel aussieht.
Bereite das Konto vor der Aufnahme vor. Entferne private Nachrichten, echte Kundendaten und unbeteiligte Benachrichtigungen. Wähle leicht nachvollziehbare Beispielnamen. Ein Bildschirm voller zufälliger Testzeichenfolgen verursacht zusätzliche Lesearbeit, ohne die Demonstration authentischer zu machen.
Zeichne die entscheidende Interaktion ohne Unterbrechung auf. Pausen kannst du später kürzen; die Originalsequenz dokumentiert, was tatsächlich passiert ist. Ist eine Verarbeitungsdauer für die Produktaussage relevant, stelle sie ehrlich dar. Ein Schnitt sollte nicht nahelegen, dass ein längerer Vorgang augenblicklich abgeschlossen war.
Speichere einen sauberen Ausgangszustand, damit du die Aufnahme wiederholen kannst. Wiederholungen einer bereits teilweise erledigten Aufgabe erzeugen oft subtile Unterschiede: Ein Kontrollkästchen bleibt ausgewählt, ein früheres Ergebnis liegt im Cache oder eine Benachrichtigung ist verschwunden. Solche Abweichungen lassen sich leichter verhindern als nach dem Schnitt erklären.
Entscheide, welche Klicks entfallen dürfen
Navigation lässt sich oft verkürzen, wenn sie nichts zur Erklärung beiträgt. Das Öffnen eines vertrauten Projekts aus einer Liste braucht vielleicht keine mehreren Sekunden. Die Auswahl der Besprechungsdauer könnte dagegen unverzichtbar sein, wenn das Ergebnis davon abhängt. Beurteile einen Schnitt danach, was dem Publikum verloren geht, nicht nur nach der eingesparten Zeit.
Ein hilfreicher Test: Beschreibe den Übergang in einem einfachen Satz. „Nach der Auswahl der Teilnehmenden zeigt das Produkt gemeinsame Verfügbarkeiten“ ist ein schlüssiger Zusammenhang. „Das Dashboard wird zu einem bestätigten Termin“ lässt zu viel aus. Wahrscheinlich braucht die Demonstration genau beim fehlenden Schritt mehr Belege.
Lass den Mauszeiger nicht über einen Schnitt hinweg eine unmögliche Strecke zurücklegen. Ein Zeiger auf einer Schaltfläche mit unmittelbar folgendem Zustandswechsel kann suggerieren, diese Schaltfläche habe die Änderung ausgelöst. Verwende einen klaren Übergang oder zeige die echte Interaktion, wenn die Ursache relevant ist. Dekorative Zeigerbewegungen dürfen kein Produktverhalten erfinden.
Enthält der Workflow eine Wartezeit, kannst du den übersprungenen Zeitraum mit einem knappen Übergang oder einem begleitenden Kommentar kenntlich machen. Die genaue Umsetzung hängt vom Publikum und von der Aussage ab. Entscheidend ist, dass der Schnitt verstrichene Zeit nicht stillschweigend in ein Leistungsversprechen verwandelt.
Gib dem Publikum einen eindeutigen Blickpunkt
Eine Desktopoberfläche enthält viel mehr Informationen, als ein kurzer Film erklären kann. Zeige zunächst genug vom Arbeitsbereich zur Orientierung und rücke dann das relevante Bedienelement in den Ausschnitt. Erhalte einen wiedererkennbaren Anker wie den Termintitel oder die Namen der Teilnehmenden, damit die nähere Ansicht mit der weiteren verbunden bleibt.
Bewege die Kamera nicht ununterbrochen. Ein Zoom hat ein Ziel; dort braucht das Publikum Zeit. Lass die Ansicht zur Ruhe kommen, bevor die nächste Anweisung erscheint. Wird neuer Text eingeblendet, während die Oberfläche noch durchs Bild wandert, konkurriert beides um Aufmerksamkeit.
Setze Hervorhebungen sparsam ein. Eine dezente Markierung um den vorgeschlagenen Zeitpunkt kann helfen. Mehrere leuchtende Konturen, animierte Pfeile und hüpfende Beschriftungen können eine einfache Handlung komplizierter erscheinen lassen. Entferne jede Anmerkung einzeln und prüfe, ob die Sequenz auch ohne sie verständlich bleibt.
Dasselbe gilt für Hintergründe. Eine unverwechselbare Markenwelt kann dem Film Charakter geben, ihre Bewegung sollte aber den Arbeitsbereich nicht überlagern. In einer Produktdemo muss das Produkt das informativste Objekt im Bild bleiben.
Lass den Sprechertext ergänzen, was der Bildschirm nicht sagt
Der Sprechertext muss nicht jede sichtbare Beschriftung vorlesen. Steht in der Oberfläche bereits „Find a time“, kann die Stimme erklären, warum diese Handlung wichtig ist oder worauf das Publikum achten soll. Die Schaltflächenbeschriftung einmal zu wiederholen, kann sinnvoll sein. Ein ganzes Skript nach diesem Muster wird jedoch zum vorgelesenen Oberflächeninventar.
Schreibe den Sprechertext zu den tatsächlichen Einstellungen. Lies ihn laut vor, während die Sequenz läuft. Ein Satz, der auf dem Papier kurz aussieht, braucht vielleicht mehr Sprechzeit, als die Szene zulässt — besonders mit einem Produktnamen, einem unbekannten Begriff oder mehreren Zahlen.
Lass auch Stille wirken. Nach einer wichtigen Handlung kann ein kurzer ruhiger Moment dem Ergebnis Raum geben, sich einzuprägen. Wer jede Sekunde mit Worten füllt, zwingt das Publikum häufig, sich zwischen Zuhören und Lesen der Oberfläche zu entscheiden. Musik sollte das Tempo unterstützen, ohne zu einer zweiten Quelle von Anweisungen zu werden.
Bereite eine Version vor, die auch ohne Ton verständlich bleibt. Dafür genügen eventuell knappe Untertitel oder einige sorgfältig ausgewählte Hinweise, statt über jedes Bedienelement ein vollständiges Transkript zu legen. Prüfe in der endgültigen Darstellungsgröße, ob diese Hinweise die Handlung verdecken.
Nutze ein echtes Softwarevideo als redaktionelle Referenz
Wistias Leitfaden zu Software-Produktvideos enthält eigene Produktbeispiele und erläutert, wie eine bewusste Präsentation Software verständlich macht. Das Channels-Update ist als Anschauungsmaterial hilfreich, weil eine Softwareankündigung Oberflächenänderungen mit einem konkreten Nutzen verbinden muss. Der Film wechselt zwischen einem Moderator und echten Produktansichten und räumt Erklärung und Oberfläche jeweils eigene Momente ein.
Notiere beim Analysieren fremder Filme, welche Aufgabe jede Einstellung erfüllt, statt deren äußere Gestaltung zu kopieren. Führt sie eine Aufgabe ein, verortet sie ein Bedienelement, zeigt sie ein Ergebnis oder vermittelt sie Persönlichkeit? Dieses Vokabular lässt sich auch auf ein völlig anders aussehendes Produkt übertragen.
Achte ebenso darauf, was die Referenz auslässt. Ein Film setzt vielleicht voraus, dass bestehende Kunden die Oberfläche erkennen. Ist dein Publikum neu, braucht es womöglich mehr Orientierung. Dasselbe Tempo ohne dasselbe Vorwissen zu übernehmen, kann deine Fassung unverständlich machen.
Betrachte Bedienelement und Auswirkung gemeinsam
Bei der Dreißigsekundenmarke des veröffentlichten Wistia-Channels-Updates erscheinen die Farbeinstellungen neben dem Kanal, den sie verändern. Die Produktansicht zeigt die sichtbare Auswirkung der Einstellung. Unser Terminbeispiel braucht dieselbe Verbindung: Zeige neben dem ausgewählten Zeitpunkt genügend Terminkontext, damit die Bestätigung als Ergebnis dieser Auswahl erkennbar wird.
Notiere für die erste Prüfung drei Punkte: Eingabe erkannt, Handlung verstanden, Ergebnis identifiziert. Bitte die betrachtende Person, alle drei mit eigenen Worten zu beschreiben. Ist die Handlung klar, das Ergebnis aber nicht, widme die nächste Überarbeitung dem Endzustand, statt einen weiteren aufmerksamkeitsstarken Einstieg hinzuzufügen. So fließt die Arbeit in den tatsächlich scheiternden Teil der Demonstration.
Baue die Animation um die überprüfte Aufnahme auf
Halte Aufnahme, Erklärungstext, Hintergrund und Schlussbild in der bearbeitbaren Komposition getrennt. So kannst du einen Funktionsnamen ändern oder die abschließende Einladung anpassen, ohne den aufgenommenen Workflow neu aufzubauen. Außerdem lässt sich leichter ein anderes Seitenverhältnis erstellen, ohne die ursprünglichen Belege zu verlieren.
Ein Briefing für OpenDesign Motion kann die bereitgestellte Aufnahme, die Absicht jeder Szene, den genauen sichtbaren Text, die Dauer, das Seitenverhältnis und die benötigten Ausgabedateien festlegen. Fordere ein bearbeitbares Projekt und ein gerendertes MP4 an und prüfe beides. Eine funktionierende Animationsvorschau belegt allein noch nicht, dass die exportierte Datei korrekt ist.
Beschreibe, was wahrheitsgetreu bleiben muss: keine erfundenen Bildschirmzustände, keine veränderten Produktbeschriftungen und keine synthetische Interaktion, die als Aufnahme ausgegeben wird. Dekorative Entscheidungen können offenbleiben, während diese Grenzen präzise feststehen. So erhält die Komposition Gestaltungsspielraum, ohne die Aussagekraft der Demonstration zu schwächen.
Braucht eine Einstellung einen besseren Ausschnitt, überarbeite zuerst diese Einstellung. Wirkt der ganze Film gehetzt, prüfe Geschichte und Timing neu. Das sind unterschiedliche Probleme. Eine „hochwertigere“ oder „dynamischere“ Version zu verlangen, wird keines davon zuverlässig lösen.
Prüfe, ob der Workflow den Schnitt überstanden hat
Zeige den Film jemandem, der nicht daran gearbeitet hat. Frage, was die Person im Film erreichen wollte, bei welcher Handlung das Produkt geholfen hat und was der letzte Bildschirm zeigte. Diese Fragen prüfen das Verständnis direkter als die Frage, ob das Video gut aussieht.
Korrigiere die Antwort nicht schon mittendrin. Wurde eine Szene missverstanden, halte dieses Missverständnis fest, bevor du sie erklärst. Deine Erklärung kann genau das offenlegen, was der Film nicht vermittelt hat. Ziel ist, die Sequenz zu verbessern, statt dem Video durch einen informellen Test zu helfen.
Sieh dir den Film in der vorgesehenen Größe und im vorgesehenen Kontext an. Eine Vollbildprüfung am Desktop kann kleine Beschriftungen verbergen, die in einem mobilen Feed oder einer schmalen Landingpage-Spalte nicht funktionieren. Prüfe die tatsächlich exportierte Datei samt Kompression und möglichen Plattformüberlagerungen, statt dich allein auf die Bearbeitungsvorschau zu verlassen.
Bleib bei der letzten Prüfung konkret. Kontrolliere Termintitel, Teilnehmende, ausgewählte Uhrzeit und abschließende Handlung. Prüfe das erste und letzte Bild auf versehentliche Schnitte. Vergewissere dich, dass der Ton sauber endet und der nächste Schritt lesbar ist. Eine vollständige dreißigsekündige SaaS-Demo verdient sich ihre Kürze dadurch, dass eine Aufgabe leicht nachvollziehbar wird — nicht dadurch, dass sie möglichst viele Funktionen in eine halbe Minute presst.