App-Demo-Video erstellen: Aufbau und Beispiel
Eine App-Demo sollte in wenigen Sekunden zeigen, was jemand mit der App erreichen kann. Dafür wähle ich einen Ablauf: Ausgangssituation, Handlung in der Oberfläche und sichtbares Ergebnis.
Wähle eine Nutzeraufgabe
„Unsere App hat fünf Bereiche“ sagt noch nicht, warum jemand sie benutzen sollte. „Ich will für heute Abend ein Event finden und ein Ticket bekommen“ gibt der Demo eine klare Richtung. Jeder gezeigte Screen muss diesen Weg verständlicher machen.
Schreib die Aufgabe in einem Satz auf. Wenn du dafür zwei unabhängige Ziele verbinden musst, sind oft zwei kurze Demos besser als ein Film, der alles auf einmal erklären soll.
Baue den Ablauf aus drei Momenten
Zeige zuerst, warum die App gebraucht wird. Dann die entscheidende Handlung in der Oberfläche. Zum Schluss das Ergebnis. Bei PASS heißt das: Event auswählen, Ticket sehen, am Einlass vorzeigen. Die drei Frames unten stammen aus meinem fertigen 16-Sekunden-Studiofilm.
Das ist kein festes Drei-Szenen-Rezept. Es ist ein Test: Versteht jemand ohne Erklärung, was ausgelöst wurde und was sich dadurch geändert hat? Falls nicht, fehlt meist ein Zwischenschritt oder ein Ergebnis ist zu kurz zu sehen.
Event finden
Die App zeigt ein konkretes Event und macht den nächsten Schritt sichtbar.
Ticket erhalten
Der Film zeigt, was aus der Aktion entsteht: ein Ticket.
Am Einlass zeigen
Das Ergebnis wird dort gezeigt, wo es im Alltag gebraucht wird.
Lass die Oberfläche lesbar
Ein animierter Cursor, Zoom oder Texthinweis ist nur dann nützlich, wenn er den Blick auf die richtige Aktion lenkt. Zu schnelle Klickfolgen und winzige UI-Texte machen die Demo schwerer verständlich, auch wenn die Animation flüssig aussieht.
Zeige echte oder als Konzept erkennbare Oberflächen. Erfinde keine Funktion, die das Produkt nicht hat. Einstellungen und Nebenmenüs können in einer eigenen Demo vorkommen, wenn sie für diese eine Aufgabe nicht nötig sind.
Plane Website und Anzeigen nicht identisch
Auf einer Produktseite darf die Demo den Ablauf etwas ruhiger zeigen. Eine Anzeige muss den Anlass meist schneller erkennbar machen. Deshalb entscheide ich schon vor der Animation, wo der Film laufen soll und was jemand dort bereits über das Produkt weiß.
Für Hochkant und Querformat reicht ein später Zuschnitt nicht immer. Wichtiges UI, Text und die Handlung müssen in jeder geplanten Fassung lesbar bleiben. Weitere Formate gehören deshalb früh in den Umfang.
Prüfe, ob der Film ohne Erklärung funktioniert
Zeig die erste Fassung einer Person, die deine App nicht kennt. Frag danach: Was kann man mit der App tun? Welcher Schritt war unklar? Was ist am Ende anders? Wenn diese Antworten fehlen, muss die Abfolge überarbeitet werden – nicht bloß der Text größer.
Ton kann den Film tragen, sollte aber nicht die einzige Quelle der wichtigsten Information sein. Gerade bei einer eingebetteten Website-Demo hilft eine klare visuelle Handlung auch dann, wenn jemand stumm schaut.