Scrollytelling funktioniert. So wird es gemacht…

Erstelle unwiderstehlichen Content mit Scrollytelling. Beispiele und praktische Tipps, um das Beste aus dieser Technik herauszuholen.
Avatar del autor

Natalia De la Peña Frade

Tiempo de lectura

8 Minuten

icon

März 14, 2025

Inhaltsverzeichnis

Wenn dir beim Lesen des Wortes Scrollytelling Storytelling in den Sinn kommt, bist du auf der richtigen Spur! Beides hat viel miteinander zu tun, obwohl es nicht dasselbe ist. In diesem Post erzähle ich dir mehr darüber. Hier findest du auch einige Beispiele für Scrollytelling und du wirst feststellen, dass du (ja, du!) diese Technik ebenfalls nutzen kannst. 

Was ist Scrollytelling?

Scrollytelling ist eine Erzähltechnik, bei der sich die auf einer Online-Seite angezeigten Elemente beim Scrollen ändern. Sie enthält in der Regel Animationen, interaktive Elemente, Videos und andere Multimedia-Formate. 

Das Ergebnis ist ein Werk mit überraschendem Inhalt und voller Bewegung, das Lust darauf macht, die Geschichte weiterzuverfolgen.

Mit anderen Worten: Scrollytelling ist eine Möglichkeit, Storytelling anzuwenden. Es kommt von scroll + telling, ist also quasi die Kunst, durch Scrollen navigierbare Geschichten zu erzählen. Es handelt sich um eine interaktive Erzählung, die sich entwickelt, während der Betrachter die Handlung am Bildschirm aktiv weiterverfolgt. 

Und es funktioniert wirklich – der Titel ist nicht zufällig gewählt. Scrollyteling funktioniert wirklich, wenn es darum geht, dein Publikum zu fesseln und deine Geschichte zu vermitteln. Du wirst gleich verstehen, warum.

4 wesentliche Aspekte, die Scrollytelling unwiderstehlich machen

Einige Beispiele für Scrollytelling haben auch nach Jahren der Veröffentlichung noch Tausende von Besuchern. Es ist klar, dass nur wenige Content-Formate so viel Aufmerksamkeit bekommen wie dieses. Aber warum lieben wir Geschichten mit Scrollytelling? 4 Schlüsselaspekte erklären dieses Phänomen:

  1. Es ist einfach. Scrollen ist die intuitivste Navigation und entspricht unserem natürlichen Verhalten. Das Scrollen ermöglicht es dem Nutzer, auf einer Website zu navigieren und sich deren Inhalte kontinuierlich und reibungslos anzusehen, ohne dass er raten muss, wo er zu klicken hat, um vorwärts zu kommen, oder mit welchem Element er die Seite wechseln kann. 
  1. Du bestimmst das Tempo.. Mit Scrollytelling kann man in aller Ruhe durch den Inhalt navigieren. Mit einer einfachen Fingerbewegung kann man steuern, wie schnell die Informationen angezeigt werden sollen. Dadurch wird die Überfrachtung vermieden, welche die Kommunikation so schwierig macht und in dieser Welt voller Content so weit verbreitet ist. 
  1. Es verbindet sich mit dir. Du musst interagieren, damit es funktioniert. Das macht süchtig, weil eine Verbindung zwischen dir und der Geschichte hergestellt wird und du irgendwie zu einem aktiven Teil der Geschichte wirst. Das motiviert dich, weiterzumachen. 
  1. Es fasziniert, begeistert und macht Spaß.. Scrollytelling ist viel attraktiver und macht viel mehr Spaß als andere Formate. Du weißt nie, was als Nächstes kommt! Es kann ein Video, eine Animation, eine Audiodatei sein… Je weiter du im Inhalt voranschreitest, desto mehr neue Elemente erscheinen. Wenn es sich um ein gutes Beispiel für Scrollytelling handelt, wirst du nicht aufhören können die Geschichte zu erkunden. Denn du wirst wissen wollen, was als Nächstes kommt.

Wie entsteht der Zauber? 

Letztlich lassen sich die 4 genannten Schlüsselaspekte auf einen Punkt bringen: Interaktivität

Was jeden Inhalt zu einem unvergesslichen Erlebnis macht, ist die Möglichkeit zur Interaktion. 

Jetzt, wo du es weißt: Gib deinem Publikum die Möglichkeit zu interagieren! Dies sind einige der Ressourcen, die du in deine Kreation einbinden kannst. 

  • Neue Elemente, die beim Scrollen erscheinen, machen neugierig auf deine Geschichte und ermöglichen es den Nutzern, das Tempo, in dem sie Informationen aufnehmen, selbst zu bestimmen.
  • Animationen, die beim fortlaufenden Betrachten des Inhalts aktiviert werden, oder auch zeitgesteuerte Animationen, d. h. Elemente, die nach x Sekunden angezeigt werden. Den Blick auf etwas zu richten, das sich bewegt, ist beim Menschen instinktiv angelegt, es ist eine Reflexhandlung. Deshalb ist das Hinzufügen von Elementen, die sich bewegen, das Effektivste, um die Blicke zu fesseln. 
  • Fragen oder Umfragen zum Thema deiner Inhalte. Idealerweise können sie mit einem einfachen Klick beantwortet werden. Und wenn du ein Zeitlimit setzt, wird es noch spannender.
  • Anklickbare Bereiche oder Elemente, die kleine Fenster oder Tags mit zusätzlichen Informationen öffnen. Zum Beispiel multimediale Inhalte oder ein kurioser Fakt zum Thema.

Scrollytelling im Marketing und E-Learning

Egal, ob du Daten präsentierst, Konzepte in einer Trainingseinheit erklärst oder deine Markengeschichte erzählst. Mit Scrollytelling kannst du ein immersives Multimedia-Erlebnis schaffen, das dein Publikum ungemein fesselt. Und es ist ein sehr vielseitiges Format. Tatsächlich kannst du Scrollytelling auf fast jeden Inhalt anwenden, den du online zeigst. 

  • Microlearning: Macht deine Mikro-Trainingsinhalte zu einem Erlebnis.

  • Infografiken und Timelines: Scrollytelling eignet sich hervorragend zur Darstellung von Blöcken oder Etappen.
  • Gamifications: Bringt zusätzliche Spannung und Spaß. Wenn du ein Zeitlimit setzt, macht es noch mehr Spaß 

  • Landing Pages, vor allem, wenn dein Publikum dich auf dem Handy sieht. Einladungen zu Veranstaltungen, Produktkataloge, Präsentation von Dienstleistungen…
  • Anleitungen und Tutorials: Scrollytelling ist ideal für die Darstellung der einzelnen Schritte eines Prozesses. Das Publikum kann sich im eigenen Tempo durch den Inhalt bewegen, ohne mit Informationen überladen zu werden.
  • Bildergalerien: Sie werden sie vom Anfang bis zum Ende anschauen, garantiert!

Vorteile von Scrollytelling im Marketing

Alle Marken sind auf der Suche nach Strategien, um ihr Publikum zu begeistern. Und das Gleiche gilt für die Welt der Bildung auf jeder Ebene und in jedem Kontext. Es wird immer schwieriger, die Aufmerksamkeit der Lernenden auf sich zu ziehen und sie lange genug zu behalten, damit das Lernen effektiv ist. 

Eine Technik wie Scrollytelling, die per Definition immersiv ist und eine emotionale Verbindung zum Publikum herstellen kann, ist ein leistungsstarkes Marketinginstrument und bringt auch Vorteile für das E-Learning. 

Dies sind einige der Vorteile, die du bei der Anwendung dieser Technik feststellen wirst:

  1. Es erhöht die Verweildauer auf der Seite

Die Nutzerinnen verbringen mehr Zeit mit deinen Inhalten und verweilen länger auf der Seite. Dies erhöht die Beteiligung oder die Interaktion deines Publikums mit den Inhalten. 

  1. Verringert die Abbruchrate

Klar! Wenn die Nutzerinnen mit deinen Inhalten interagieren, sinkt deine Absprungrate drastisch. Und das ist ein sehr gutes Zeichen, denn es bedeutet, dass der Inhalt die Erwartungen deines Publikums erfüllt.

  1. Es stärkt die Loyalität

Wenn der Inhalt deiner Zielgruppe gefällt und du eine gute Benutzererfahrung bietest, werden sie mehr sehen wollen. Die Chancen stehen also gut, dass sie deine Website weiter durchforsten und auch in Zukunft dorthin zurückkehren werden. 

  1. Damit kannst du (wie nie zuvor) den Wert deiner Produkte oder Dienstleistungen aufzeigen 

Mit ein wenig Kreativität kannst du alles erreichen, was du dir vornimmst. Du kannst Multimedia-Inhalte verwenden, um dein Produkt oder deine Dienstleistung zu präsentieren, und Interaktivität verwenden, um auf deren besten Eigenschaften aufmerksam zu machen. Du kannst eine Geschichte rund um das Produkt erzählen, um eine Verbindung zu deinem Publikum herzustellen. Und du kannst auch sicherstellen, dass die am häufigsten gestellten Fragen mit deiner visuellen Präsentation beantwortet werden. Vorstellungskraft an die Macht!

  1. Hilft deiner Marke, aufzufallen und in Erinnerung zu bleiben

Erinnerst du dich an die letzte Anzeige, die du beim Surfen in deinem bevorzugten sozialen Netzwerk gesehen hast? Ich wette, das tust du nicht! Die Überfrachtung der Botschaften und Geschichten ist so groß, dass wir sie uns nicht mehr merken können. Was wir hingegen in Erinnerung behalten, sind Erfahrungen. Sorge dafür, dass dein Publikum eine gute Zeit hat und deine Marke in Erinnerung bleibt.

Vorteile von Scrollytelling im E-Learning

Scrollytelling ermöglicht es, Lernerfahrungen zu schaffen, die das Lernen attraktiver, dynamischer und natürlich effektiver machen. Dies sind nur einige der Vorteile in diesem Bereich:

1. Hilft beim Verständnis komplexer Konzepte

Die Verwendung verschiedener Arten von Multimedia-Inhalten hilft, komplexe Ideen zu entschlüsseln. Der Inhalt wird dynamischer und leichter verständlich.

2. Fördert aktives Lernen

Scrollytelling aktiviert die Schüler*innen/Student*innen und bezieht sie in ihr eigenes Lernen ein, da ihre Teilnahme notwendig ist, um voranzukommen. Außerdem müssen sie interagieren und durch die Inhalte scrollen, was ihre Aufmerksamkeit und Konzentration erhöht.

3. Passt sich verschiedenen Lernstilen an

Visuell, auditiv, kinästhetisch… Die Integration verschiedener Inhaltsformate wie Audio, Video und Animationen hilft Menschen mit jedem Lernstil, das Thema zu verstehen.

4. Stärkt das Langzeitgedächtnis

Geschichten sind sehr effektiv beim Lernen, weil sie es ermöglichen, Konzepte mit Emotionen in Verbindung zu bringen. Die Kombination von Erzählungen mit Interaktivität und visuellen Inhalten ermöglicht es, eine multisensorische Erfahrung zu schaffen, die das Erinnern verbessert und hilft, Informationen zu behalten.

5. Ermöglicht es jedem Schüler, in seinem eigenen Tempo zu lernen

Jede*r kann den Inhalt in aller Ruhe erkunden und sich mehr auf die Teile konzentrieren, die für ihn/sie am komplexesten sind, oder tiefer in die Konzepte eintauchen, die er/sie für am wichtigsten hält.

6. Erhöht die Motivation

Das dynamische und fesselnde Format des Scrollytelling hält das Interesse am Lernen aufrecht, indem es das Gefühl der Monotonie reduziert, das so oft mit anderen traditionellen Formaten einhergeht.

Wie man interaktives Scrollytelling gestaltet

Du denkst vielleicht: Ja, sehr schön, aber das ist nichts für mich. Animationen, Multimedia-Inhalte, Interaktivität… Es braucht ein ganzes Team von Fachleuten, viel Zeit und Geld, um all das zu entwickeln, nicht wahr? 

Vielleicht ist das so, wenn man sich die anspruchsvolleren Beispiele für Scrollytelling ansieht. Aber auch du kannst unvergessliche Inhalte mit Scrollytelling erstellen, ganz ohne Programmierkenntnisse. Tatsächlich wurden alle Beispiele für Scrollytelling in diesem Beitrag mit Genially erstellt. Dieser auch:

Und nein, du brauchst keine Programmierkenntnisse, um so etwas zu erstellen. Nur ein wenig Vorbereitung 😉 Hier ist ein kleiner Leitfaden, der dir helfen soll, deine eigene Website mit Genially zu erstellen. Auch wenn du Genially noch nicht beherrschst, kannst du es in weniger als einer Stunde kostenlos erlernen

Tipps zum Erstellen deines Scrollytellings mit Genially

  1. Stell dir den Inhalt vor. Erstelle einen Entwurf oder eine Skizze auf Papier, um festzulegen, was du zeigen willst und wie es aussehen soll. Es sollte sich wie ein roter Faden durch den Text ziehen und so gestaltet sein, dass es beim Scrollen durch die Geschichte Sinn ergibt.  
  2. Wähle die Ressourcen aus, die du in deine Inhalte einbinden möchtest, z. B. Bilder, Audiodateien und Videos. Die Ressourcen müssen zum Thema passen und auch auffällig sein, damit sie die Aufmerksamkeit auf sich ziehen. 
  3. Überlege dir, wie du den Inhalt strukturierst, damit der Betrachter jederzeit weiß, wo er sich befindet, auch wenn es mehrere Inhalte in verschiedenen Formaten gibt. 
  4. Geh zu Genially. Entscheide, ob du bei Null anfangen oder eine mobile Vorlage auswählen möchtest. Wenn du mit einer Vorlage beginnst, hast du einen Teil der Arbeit schon erledigt. Soll ich dir einen Trick verraten, wie du eine passende Vorlage findest? Gib ‚mobil‘ in die Vorlagensuche von Genially ein und es werden dir viele Optionen angezeigt!
  5. Folge den Schritten in diesem Tutorial, um deine Kreation an das Scrollytelling anzupassen. Beachte dabei auch die Best Practices.
  6. Füge deine Inhalte hinzu und bearbeite die Interaktivität und die Animationen, um sie für deine Zwecke anzupassen. Hier sind einige praktische Tipps und Tutorials, die dir helfen können.

Hast du gewusst, dass du so viele Optionen zur Hand hast, um dein Storytelling zu erstellen? Es wäre toll, wenn du dein eigenes Storytelling-Beispiel erstellst und es in den Kommentaren zu diesem Post teilst. Na los, ich warte auf dich! 

Bild von Natalia De la Peña Frade
Natalia De la Peña Frade
Ich versuche Dinge zu schreiben, die du gerne liest

Weitere Artikel lesen

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

Diese Website verwendet Akismet, um Spam zu reduzieren. Erfahre, wie deine Kommentardaten verarbeitet werden.