Tipps für S-Tier-Demos

• Demos sind ein entscheidender Faktor, der darüber entscheidet, ob ein Projekt veröffentlicht wird und ob ein Startup bei Investments Erfolg hat oder scheitert. Die meisten Entwickler bevorzugen jedoch das Bauen gegenüber dem Präsentieren und investieren daher nicht in bessere Demo-Fähigkeiten
• Nach der Beobachtung vieler Demos wurden Muster identifiziert, die in Top-Demos immer wieder auftauchen, und in 24 Tipps zusammengefasst
• Die Grundstruktur besteht darin, eine einzige Kernbotschaft festzulegen, an die man sich erinnern soll, alle Elemente darauf auszurichten und die Demo nicht als Produktführung, sondern als Pitch anzugehen
• Beginne mit einem gemeinsamen Schmerzpunkt, mit dem sich das ganze Publikum identifizieren kann, und erzeuge Aufmerksamkeit mit einer Ansprache in „you“-Form sowie einer Vergleichs-Demo mit der bisherigen Methode
• Entscheidend ist, Energie, echte Daten, Visualisierungen und unterhaltsame Elemente zu nutzen, um eine aktive Demo (active demo) daraus zu machen

---

Grundstruktur (The basic structure)

• 1. Lege eine Kernbotschaft fest, die im Gedächtnis bleiben soll, und ordne alle Elemente der Demo darum an; meist sind das das zu lösende Problem und die Art der Lösung
• 2. Komme so schnell wie möglich zum Kern; Hintergrund zur Idee ist unnötig, und selbst wenn Kontext gebraucht wird, sollte er auf 1–2 Sätze begrenzt bleiben
• 3. Behandle die Demo nicht als Produktführung, sondern als Pitch; das Ziel ist nicht, ein cooles Ergebnis vorzuführen, sondern das Publikum zu begeistern
• 4. Beende mit einem sofort umsetzbaren Abschluss; das kann direkt sein wie ein QR-Code oder in Form eines Aufrufs zu Beiträgen bzw. zu Fragen
  • Ein Team, das ein System gebaut hat, das über eine Messaging-App mit PostHog interagiert, blendete auf der letzten Folie eine Telefonnummer ein
  • Das MCP-Analytics-Team verkündete, dass das Projekt bereits an 25 % der PostHog-Nutzer ausgerollt wurde; wenn man vor der Demo bereits live ist, erzeugt das einen starken „Wow“-Effekt

Storytelling-Taktiken (Storytelling tactics)

• 5. Starte mit einem gemeinsamen Schmerzpunkt, den alle im Publikum verstehen
  • Ein Designer-Team, das eine Web-App zum automatischen Taggen und Indexieren von Illustrationen gebaut hatte, fragte, wie schwer es sei, in einer chaotischen „Hoggies“-Figma-Datei einen bestimmten Igel zu finden; alle hoben die Hand
• 6. Erkläre neue Konzepte mithilfe vertrauter Begriffe; ein Team, das Claude Cowork in PostHog Code umgesetzt hatte, nannte das Projekt „PostHog Work“
• 7. Erstelle vor allem für die Vorführung von Developer-Tools eine separate Demo-App
  • Ein Tool zum Deployment von Agents für manuelles UI-Testing wurde erst verständlich, als es in einer separaten Demo-App namens „OnlyHogs“ gezeigt wurde
• 8. Platziere das Publikum mit einer „you“-Ansprache in der richtigen Perspektive; statt „Wir haben eine App zur Verwaltung von Support-Tickets gebaut“ lieber „Stell dir vor, du hast On-Call-Dienst und versuchst gleichzeitig sechs Incidents zu lösen“
• 9. Zeige einen Vergleich mit Alternativen; stelle den schmerzhaften bisherigen Workflow mit sechs Schritten einer Version mit nur einem Schritt gegenüber, damit es einen klaren Vergleichsmaßstab gibt
• 10. Hebe dir die Erklärung der Funktionsweise für später auf; wie ein Magier seinen Trick nicht sofort verrät, sollte man die Implementierung nicht vorab erklären, und Links zu Erklärvideos oder Blogposts sind ein guter abschließender CTA

Setup und Delivery (Setup and delivery)

• 11. Strahle starke Energie aus, wie Steve Ballmer; eine großartige Demo ist oft einfach eine ganz ordentliche Demo, die von einer energiegeladenen Person präsentiert wird
• 12. Keine Entschuldigungen; Sätze wie „Sorry, das ist noch etwas roh“ senken die Erwartungen schon vor der Vorführung, also einfach loslegen
• 13. Markiere klar, dass du fertig bist; um peinliche Unsicherheit beim Zeitpunkt für Applaus zu vermeiden, sollte die Demo mit einem Abschlusssatz, fallender Intonation oder einem feierlichen Visual enden
• 14. Nutze eine Demo-Setup-Checkliste für die Demo-Götter
  • Verwende ein Demo-Projekt statt eines echten Accounts mit Kundendaten
  • Deaktiviere Benachrichtigungen auf dem Laptop und stelle das Handy lautlos
  • Lege Demo-URLs als Lesezeichen an, statt sie spontan einzutippen
  • Sorge für einen Plan B bei WiFi-Ausfällen (Backup-Screenshots)
  • Zoome den Browser auf 125–150 %, damit auch die hinteren Reihen alles lesen können
  • Teste den Projektor, bevor die Leute kommen
• 15. Nutze nach Möglichkeit echte Daten; offensichtlich gefälschte Daten wirken armselig
  • Das HogNet-Team erstellte für die Demo eines Hackathon-in-a-Box-Verleihservices eine Website mit Preisen und Versandlogistik, was deutlich realistischer wirkte als lorem ipsum
• 16. Lade vorab und cache so viel wie möglich; wie TV-Köche Zutaten im Voraus vorbereiten, sollten auch Agent-Antworten, lange Queries und langsame Builds vorbereitet werden, um Leerlauf zu vermeiden
• 17. Übe mindestens einmal laut; das stärkt das Selbstvertrauen und sorgt für eine natürlichere Präsentation
• 18. Lass nicht zu, dass Perfektionismus die Demo blockiert; bei Hackathons wird auch Work in Progress präsentiert, und genau dafür sind Demos da

Mach es unterhaltsam (Make it fun)

• 19. Vermeide es, gewöhnlichen Code zu zeigen; auch ohne UI ist das kein Grund, auf Visuals zu verzichten, und ein Architekturdiagramm lässt sich in wenigen Sekunden erstellen
• 20. Zeige nicht nur gewöhnliche Slides; eine aktive Demo gewinnt immer, denn der Kern einer Demo ist, etwas direkt zu bauen und es zu zeigen
• 21. Standard-Tools für Bildschirmaufnahmen sind schwach, also nutze Apps wie Screen Studio, die Zooms und Animationen hinzufügen
• 22. Visuals müssen nicht schön sein; wichtig ist nur, dass sie die relevanten Punkte hervorheben, und selbst einfache Grafiken können mit jedem Callout nützliche Informationen vermitteln
• 23. Audio wird unterschätzt; ein Team erzeugte ein Sea-Shanty-Voiceover, und ein Projekt zu KI-gestützten User-Research-Anrufen machte die Demo sogar vollständig audiozentriert
• 24. Mach mehr Seltsames (Do more weird); das Team der mobilen PostHog-Code-App baute ungefragt ein Piña-Colada-Video in den Hintergrund ein, und genau diese Demo blieb am besten im Gedächtnis

[aliveornot]

Der Inhalt ist gut.