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.
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
Abbildungen auf der Quellseite
Wörterbucheintrag
- 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
- 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
- 一本道の筋と伸縮式の筋の違い、そして伸縮式で読者が戻ってくる仕組み / 図版1つに割り当てる本文の量と、読み終わるまでの時間の関係 / 地図の移動を送りの量と結び、両方向で成立させる作り方
Verwandte Einträge
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>