Anleitung

So erstellst du am Mac ein Produkt-Demovideo

Eine gute Produktdemo ist kurz, funktioniert auch ohne Ton und zeigt das Produkt bei einer einzigen wertvollen Sache. Dafür brauchst du weder ein Studio noch einen Videoprofi im Team. Diese Anleitung geht den ganzen Ablauf am Mac durch, von der ersten Zeile des Skripts bis zum Export, mit den Einstellungen, auf die es bei jedem Schritt ankommt. Sie ist für Gründer, Entwickler und Produktmanager geschrieben, die diese Woche eine Demo brauchen.

Aktualisiert am 8 Min. LesezeitVon Omar Khaled

Bearbeitet in Shotnix: ein Zoom auf jeden Klick, ein flüssiger Zeiger, Untertitel und eingeblendete Kurzbefehle.

Die Kurzfassung

  1. Wähle ein Ziel und einen Zuschauer und schreib ein Skript für einen 60 bis 120 Sekunden langen Gang durch einen einzigen Arbeitsablauf.
  2. Bereite deinen Mac vor: „Nicht stören“ an, Unordnung ausgeblendet, Demodaten geladen, Text groß genug zum Lesen.
  3. Zeichne einen durchgehenden Take eines Fensters oder Bereichs auf, mit eingeschaltetem Mikrofon.
  4. Schneide in dieser Reihenfolge: Fehler raus, Warten beschleunigen, Zooms prüfen, Untertitel hinzufügen, Ton korrigieren.
  5. Exportiere für jedes Ziel: MP4 in 16:9 für deine Website und YouTube, hochkant für Social Media, GIF für Dokumentationen.

Schritt 1: Entscheide, wofür die Demo da ist

Jede gute Demo beantwortet eine Frage für eine Art von Zuschauer. Wer deine Startseite besucht, will wissen, was das Produkt macht. Wer es testet, will wissen, wie man zu einem Ergebnis kommt. Ein Interessent will sein eigenes Problem gelöst sehen. Leg dich darauf fest, bevor du irgendeine App öffnest, denn das entscheidet über Länge, Skript und darüber, wo das Video landet.

  • Landingpage oder Launch-Beitrag: 30 bis 90 Sekunden, ein Arbeitsablauf vom Problem bis zum Ergebnis.
  • Ankündigung einer Funktion: 15 bis 45 Sekunden, nur das Neue, im Zusammenhang gezeigt.
  • Tutorial oder Onboarding: 2 bis 5 Minuten, jeder Schritt in einem Tempo, das man nachmachen kann.
  • Nachfassen im Vertrieb: 2 bis 3 Minuten, aufgebaut um den Anwendungsfall des Interessenten.

Schritt 2: Schreib ein kurzes Skript

Schreib auf, was du sagst und was du klickst, nebeneinander. Die meisten Menschen sprechen 130 bis 150 Wörter pro Minute, eine 90-Sekunden-Demo hat also etwa 200 Wörter. Diese Grenze hilft: Sie zwingt dich, die Funktionen wegzulassen, die du gern erwähnen würdest, aber nicht brauchst.

  • Beginne mit dem Problem in einem Satz, in den Worten, die dein Zuschauer benutzen würde.
  • Zeig das Ergebnis früh: den fertigen Bericht, die veröffentlichte App, die bezahlte Rechnung.
  • Geh die Schritte dorthin durch, mit höchstens drei Momenten, die eine Pause verdienen.
  • Ende mit einem einzigen nächsten Schritt: einen Test starten, die Dokumentation lesen oder einen Termin buchen.

Hinweis: Probe die Klicks einmal ohne Aufnahme. So findest du die langsame Seite, die fehlende Berechtigung und den vergessenen Dialog, bevor sie dich einen Take kosten.

Schritt 3: Bereite deinen Mac vor

  • Mitteilungen stummschalten: Öffne das Kontrollzentrum, klick auf „Fokus“ und schalte „Nicht stören“ ein.
  • Beende, was du nicht brauchst: Chat, Mail und fremde Browser-Tabs. Zähler an App-Symbolen und Tab-Titel verraten mehr, als du denkst.
  • Schreibtisch aufräumen: Schalte unter „Systemeinstellungen“ → „Schreibtisch & Dock“ bei „Objekte einblenden“ die Option „Auf dem Schreibtisch“ aus (ab macOS Sonoma), oder zeichne ein Fenster oder einen Bereich auf, damit der Schreibtisch gar nicht erst ins Bild kommt.
  • Demodaten laden: ein vorbereitetes Konto mit realistischen Namen und Zahlen, nie Lorem ipsum und nie die Daten eines echten Kunden.
  • Text lesbar machen: Zoome die App mit ⌘+ auf 110 bis 125 %, oder wähle unter „Systemeinstellungen“ → „Displays“ eine Auflösung mit größerem Text.
  • Fenster formen: Ein Fenster nahe 16:9 füllt ein 16:9-Video ohne breite Ränder.
  • Mach dir keine Gedanken über die Zeigergröße: Shotnix zeichnet den Zeiger nach der Aufnahme neu, von 0,6× bis 4×. Brennt dein Aufnahmeprogramm den Zeiger ein, vergrößere ihn vorher unter „Systemeinstellungen“ → „Bedienungshilfen“ → „Anzeige“ → „Zeigergröße“.
  • Ton einrichten: ein Headset oder USB-Mikrofon nah am Mund, in einem ruhigen Raum mit weichen Oberflächen.

Schritt 4: Aufzeichnen

Zeichne einen durchgehenden Take auf. Wenn du dich versprichst, halte kurz inne, wiederhole den Satz und mach weiter. Den Versprecher schneidest du danach heraus, und ein einziger Take hält Stimme, Zeiger und Bildschirm synchron.

  1. Klick auf das Shotnix-Symbol in der Menüleiste und wähle „Fenster aufzeichnen“ für eine einzelne App, „Bereich aufzeichnen“ für einen festen Ausschnitt oder zwei Fenster nebeneinander, oder „Vollbild aufzeichnen“ für einen Ablauf über mehrere Apps. Eine Fensteraufnahme erfasst nur dieses Fenster, alles, was darüber schwebt, bleibt also draußen, und sie folgt dem Fenster, wenn du es verschiebst.
  2. Schalte in der Aufzeichnungsleiste „Mikrofon“ ein. Nimm „Systemton“ nur dazu, wenn das Produkt hörenswerte Töne macht, „Kamera“, wenn dein Gesicht ins Video soll, und „Tastaturkurzbefehle anzeigen“, wenn die Demo davon lebt (macOS fragt nach der Berechtigung für „Bedienungshilfen“; normales Tippen wird nie aufgezeichnet).
  3. Bleib bei 60 fps, der Standardeinstellung, wenn du viel scrollst oder ziehst; für eine reine Klickstrecke reichen 30 fps.
  4. Klick auf „Aufzeichnen“, atme durch und spiel das Skript durch. Brauchst du einen Moment zum Bereitmachen, schalte im Menü „…“ der Aufzeichnungsleiste einen Countdown von 3, 5 oder 10 Sekunden ein. Pausiere über die Aufzeichnungssteuerung, wenn du dich sammeln musst; pausierte Zeit fehlt im Video.
  5. Stoppe über die Aufzeichnungssteuerung oder den Timer in der Menüleiste, oder drück ⌃⌘Esc, und klick dann auf „Video bearbeiten“.

Hinweis: Nur mit Bordmitteln: ⌘⇧5 zeichnet den ganzen Bildschirm, einen ausgewählten Bereich oder ein einzelnes Fenster (ab macOS 26) als .mov auf, mit deinem Mikrofon und ab macOS 27 auch mit Systemton. Schalte unter „Optionen“ „Mausklicks einblenden“ ein, damit Klicks sichtbar sind. Zooms, Untertitel und Aufräumen passieren dann von Hand in iMovie.

Schritt 5: Schneide in dieser Reihenfolge

Die Reihenfolge zählt: Es bringt nichts, einen Teil zu polieren, den du später herausschneidest. Alles Folgende passiert im Editor von Shotnix, und „Widerrufen“ deckt alles ab.

  1. Schneide die Fehler heraus. Kürze Anfang und Ende, indem du an den Clipkanten ziehst. Öffne dann den Tab „Untertitel“, klick auf „Transkribieren“, markiere einen verpatzten Satz und drück ⌫, um ihn aus dem Video zu schneiden. „Füllwörter entfernen“ und „Pausen kürzen“ räumen den Rest auf; Pausen werden nur dort gekürzt, wo auf dem Bildschirm nichts passiert.
  2. Beschleunige das Warten. „Leerlauf beschleunigen“ spult Abschnitte ohne Bewegung, Klicks oder Ton vor, etwa Ladezeiten und Builds. Für alles andere stellst du das Tempo eines Clips auf 0,5× bis 16×.
  3. Prüf die Zooms. „Auto-Zoom“ hat einen auf jede Klickfolge gesetzt. Lösch die, die nicht helfen, stell einen Zoom auf „Von Hand ausrichten“, um auf einem Diagramm oder Wert zu verweilen, und behalte mit „Diese Stufe für alle Zooms verwenden“ durchgehend eine Stufe.
  4. Polier den Zeiger. Wähle im Tab „Zeiger“ die Glättung „Sanft“ oder „Seidig“, geh bei kleinen Oberflächen etwas größer, füge Klick-Effekte hinzu und schalte „Weg zu ‚Stoppen‘ ausblenden“ ein, damit das Video nicht mit einem Sprint zur Stopptaste endet.
  5. Zeig auf das Wichtige. Füge für den entscheidenden Moment einen „Text“ (T) oder einen „Pfeil“ (A) hinzu, eine „Markierung“ (H) für einen Wert, den man lesen soll, und „Weichzeichnen“ (B) über allem Privaten. Das Weichzeichnen bleibt auch bei Zooms auf dem Detail.
  6. Füge Untertitel hinzu. Wechsle im Tab „Untertitel“ von „Per Text bearbeiten“ zu „Untertitel“, lies die Produktnamen Korrektur und wähle Stil, Größe und Position.
  7. Setz deine Marke, wenn du willst. Füge dein Logo mit „Bild“ aus der Werkzeugleiste hinzu, Titelkarten für Intro und Outro im Tab „Stil“ und Hintergrundmusik im Tab „Audio“. Die Musik wird von selbst leiser, wenn du sprichst.
  8. Korrigiere den Ton. Schalte im Tab „Audio“ „Stimme verbessern“ ein, um Hintergrundgeräusche und Brummen zu entfernen, und „Lautheit angleichen“, damit der Export bei −16 LUFS landet.
  9. Rahme das Ganze. Wähle im Tab „Stil“ Hintergrund, Rand und abgerundete Ecken und klick dann auf „Für neue Aufnahmen verwenden“, um den Look beim nächsten Mal wiederzuverwenden.

Hinweis: Entwürfe werden automatisch gesichert. Für einen Neuanfang findest du „Mit der Originalaufnahme neu beginnen“ in der Befehlspalette (⌘K).

Der Video-Editor von Shotnix für Demos →

Schritt 6: Exportiere für den Ort, an dem das Video laufen soll

  • Deine Website: MP4 in 1080p, oder 1440p für Oberflächen voller kleinem Text, in H.264, damit es überall läuft. „Social Media“ ist die ausgewogene Standardqualität; „Web“ ergibt die kleinste Datei. Spielt das Video stumm automatisch ab, lass die Untertitel eingebrannt.
  • YouTube: 16:9 in 1080p oder 4K in der Qualität „Social Media“ oder „Studio“, dann die .srt-Datei aus „Untertitel sichern“ als Untertitel hochladen.
  • LinkedIn und andere Feeds: 1:1 oder 4:5 mit eingebrannten Untertiteln, weil die meisten Feeds Videos ohne Ton starten.
  • Reels, Shorts und TikTok: Stell das Seitenverhältnis auf 9:16. Die Aufnahme füllt das Hochkant-Bild und schwenkt deinem Zeiger nach, während Kamera, Untertitel und eingeblendete Kurzbefehle an ihrem Platz bleiben.
  • Dokumentationen, READMEs und Pull Requests: ein GIF, „Klein“ oder „Mittel“ mit 10 bis 15 fps, höchstens etwa 15 Sekunden lang. GIFs werden schnell groß.
  • Chat und E-Mail: „Kopieren“ exportiert direkt in die Zwischenablage, bereit zum Einsetzen.
  • Mehrere Versionen: Exporte laufen im Hintergrund und reihen sich in eine Warteschlange. Starte also den 16:9-Export, wechsle zu 9:16 und exportiere erneut, während der erste noch rendert.

Hinweis: Vor dem Export zeigt das Exportfenster die exakte Pixelgröße und eine geschätzte Dateigröße und warnt dich, wenn du mehr Auflösung anforderst, als die Aufnahme hat. Der Schalter „Endkarte“ fügt nach deinem letzten Bild ein 2 Sekunden langes Outro hinzu; er ist aus, bis du ihn einschaltest.

Bevor du veröffentlichst

  • Schau es dir einmal ohne Ton an. Ergibt die Geschichte trotzdem Sinn, machen Untertitel und Einblendungen ihren Job.
  • Schau es dir auf deinem Smartphone an. Musst du bei irgendeinem Text die Augen zusammenkneifen, zoome näher heran oder exportiere in höherer Auflösung.
  • Such nach privaten Details: E-Mail-Adressen, API-Schlüssel, Kundennamen, Tab-Titel und Mitteilungen, die durchgerutscht sind.
  • Prüf die ersten fünf Sekunden. Sie sollten das Problem oder das Ergebnis zeigen, keinen Ladebildschirm.
  • Hör mit Kopfhörern auf Klicks, Brummen und Pegelsprünge zwischen den Abschnitten.

Geht das alles auch mit den eingebauten Apps?

Ja, mit mehr Zeitaufwand. Zeichne mit ⌘⇧5 auf und bau das Video dann in iMovie: kürzen und teilen, Cliptempo ändern, Untertitel als Titel eintippen, mit Ken Burns einen Clip nach dem anderen zoomen und einen separat aufgezeichneten Kameraclip als Bild-in-Bild hinzufügen. Für ein einzelnes Video ist das machbar. Bei Demos, die du zu jedem Release neu machst, fressen die handgemachten Zooms und Untertitel die Stunden.

In eine Bildschirmaufnahme am Mac hineinzoomen →

Häufige Fragen

Wie lang sollte ein Produkt-Demovideo sein?

Lang genug, um einen Arbeitsablauf vom Problem bis zum Ergebnis zu zeigen, und nicht länger: 30 bis 90 Sekunden für eine Landingpage oder einen Launch, 2 bis 5 Minuten für ein Tutorial. Wird es immer länger, teil es in mehrere kurze Videos auf.

Welche Auflösung sollte ein Produkt-Demovideo haben?

1080p ist der sichere Standard. Nimm 1440p oder 4K, wenn die Oberfläche kleinen Text hat oder die Leute im Vollbild auf großen Displays zuschauen. Zeichne in der vollen Auflösung deines Displays auf, damit Zooms scharf bleiben.

Sollte ich in einer Produktdemo mein Gesicht zeigen?

Es hilft, wo Vertrauen zählt: bei Launches, die der Gründer selbst präsentiert, beim Nachfassen im Vertrieb und bei Tutorials. Für eine kurze, automatisch abspielende Schleife auf einer Landingpage wirkt das Produkt allein meist besser. Wird die Kamera als eigene Spur aufgezeichnet, kannst du das im Schnitt entscheiden.

Wie mache ich ein Demovideo für LinkedIn, Reels oder TikTok?

Stell das Seitenverhältnis auf 1:1, 4:5 oder 9:16 und lass die Untertitel eingebrannt. In Shotnix füllt eine Aufnahme im Querformat das Hochkant-Bild und schwenkt deinem Zeiger nach, statt zwischen Balken zu schrumpfen.

Kann ich am Mac kostenlos ein Produkt-Demovideo erstellen?

Ja. Die integrierte Bildschirmaufnahme (⌘⇧5) und iMovie kosten nichts, aber Zooms und Untertitel sind Handarbeit. Shotnix ist kostenlos und Open Source, ohne Wasserzeichen, und erledigt Aufzeichnen und Schneiden in einer App, auf Macs mit Apple Chip und macOS 13 oder neuer.

Brauche ich für ein Demovideo ein Skript?

Ein kurzes hilft. Schon eine Liste der Klicks mit je einem Satz hält eine Demo straff. Sag es in deinen eigenen Worten, statt abzulesen, und schneide die Versprecher danach heraus.

Probier es auf deinem eigenen Bildschirm aus.

Shotnix ist kostenlos, Open Source und läuft lokal, ohne Wasserzeichen. Lade die notarisierte App oder gib dem Repository einen Stern, um auf dem Laufenden zu bleiben.

11,7 MB · Apple Chip (M1 oder neuer) · macOS 13+ · von Apple notarisiert · MIT-Lizenz