Scrollytelling
スクロールテリング / 2012– / Layout / Lesen im Web
Eine Form der Webseite, bei der die Leseposition den Fortgang der Geschichte bestimmt. Grafiken, Karten und Video wechseln mit dem Scrollen und kehren in derselben Reihenfolge zurück, wenn die Leserin nach oben scrollt. Die Forschung ordnet sie als Webform der langen Reportage ein, und der Handlungsfaden ist entweder gerade oder dehnbar, sodass nur tiefer eintaucht, wer es will.
Auf einen Blick
Visuelle Merkmale
- Eine Grafik steht still auf dem Bildschirm, während eine einzige schmale Textspalte über sie hinwegzieht
- Der Wechsel geschieht über Deckkraft und über das Verschieben der Karte, sodass Zurückscrollen ihn in derselben Reihenfolge auflöst
- Fotografie, Video und Datengrafik teilen sich einen Artikel
- Der Weg führt entweder geradeaus oder zweigt in einen freiwilligen tieferen Umweg ab und kehrt zurück
Geeignet für
- Wenn eine Recherche oder eine Forschungserklärung als eine Seite entsteht, auf der die Grafik stehen bleibt und sich nur der Text bewegt
- Wenn eine lange Lektüre auf dem Telefon eine Art zu blättern braucht, die keine Erklärung verlangt
Diesen Stil verwenden
Nutze das Kurzbriefing im Projekt oder übergib die strukturierte Spezifikation an ein KI-Werkzeug.
Ausführliche Anleitung und QuellenProduktionsregeln, Referenzwerke, Vergleiche, Forschung und Zitate
Wörterbucheintrag
- Typografie
- Den Fließtext in einer Spalte halten. Das Tempo bestimmt das Scrollen und nicht die Seite, also die Zeilenlänge schmal halten und Überschriften nur an den Gelenken der Geschichte setzen.
- Komposition
- Die Grafik feststellen und den Text darüber hinwegziehen lassen. Wie viele Absätze einer Grafik zugeteilt werden, ist genau das Tempo.
- Material
- Nur Veränderungen bauen, die rückwärts laufen können, etwa Überblendungen der Deckkraft und Kartenbewegungen, jede eins zu eins an die Scrollstrecke gebunden.
- Zu vermeiden
- Wer eine einmalig abspielende Animation an das Scrollen bindet, lässt jeden, der zurückscrollt, vor einer Leerstelle stehen und macht die Mitte des Artikels unlesbar.
- Zum Weiterlesen
- the difference between a single track thread and an elastic one, and the mechanism that brings a reader back in the elastic kind / the relation between how much body text is allotted to one graphic and how long it takes to read through / binding map movement to the amount scrolled and making it hold in both directions
Verwandte Einträge
- Photo Essay (フォトエッセイ)Gemeinsame Wirkungen: Trust.Scrollytelling und Photo Essay vergleichen
- Isotype (アイソタイプ)Gemeinsame Wirkungen: Trust / Technique.Scrollytelling und Isotype vergleichen
Wird oft verwechselt mit
Mehr aus Lesen im Web
Weitere Stile aus Lesen im Web, nach gemeinsamen Wirkungen geordnet.
- Infinite Canvas (インフィニット・キャンバス)
- Webtoon (Vertical-Scroll Comics) (ウェブトゥーン（縦スクロール漫画）)
- Single-Serving Site (シングルサービング・サイト)
Alle Einträge aus Lesen im Web ansehen
Diesen Eintrag zitieren
Das Wörterbuch ist zum Verlinken gedacht. Nehmen Sie die Form, die dorthin passt, wo Sie schreiben.
- Link
- https://indexstyle.org/de/styles/scrollytelling
- Markdown
- [Scrollytelling — IndexStyle](https://indexstyle.org/de/styles/scrollytelling)
- HTML
- <a href="https://indexstyle.org/de/styles/scrollytelling">Scrollytelling — IndexStyle</a>