Le Scrollytelling est un terme qui provient d’une contraction entre "storytelling" et "scroll", l’action de défilement "haut-bas". Jusqu’à présent, c’est surtout le secteur du journalisme (secteur qui se doit lui aussi de mener une réflexion sur les nouveaux médias comme vecteur d’informations) qui s’est emparé de cette façon de narrer les histoires.
C’est d’ailleurs un célèbre média américain, "The New Yorker" qui fait office de pionnier avec "Snow Fall: the avalanche at Tunnel Creek" sorti en 2012. On peut également parler de "The Boat", véritable chef-d’œuvre de scrollytelling (entre les effets sonores, les dessins à l’encre de chine, les effets du texte qui tangue pendant le récit de la tempête). En fait, le principal atout du scrollytelling, c’est d’incorporer tous les éléments multimédias (sons, textes, vidéos, infographies, photos ou dessins) de façon très fluide. À quoi doit on cette fluidité ? Eh bien souvent à ce que l’on appelle les effets de parallaxe, c’est-à-dire que par l’action du scroll (donc de défilement de haut en bas) on fait arriver les différents éléments multimédia à des vitesses différentes, amenant une certaine profondeur.
C’est cette même fluidité qui rend la narration immersive et engageante.
Source: Tree-learning.fr
Histoires
- http://babeltheking.com/
- https://thebearandhisscarf.com
- https://www.sbs.com.au/theboat
- https://www.cabletv.com/the-walking-dead
- https://longshotfeatures.com/
- https://www.vg.no/annonsorinnhold/frelsesarmeen/fattigdom-i-norge/
- http://pitchfork.com/features/cover-story/reader/daft-punk/
- https://www.nytimes.com/newsgraphics/2013/10/27/south-china-sea/index.html
- https://staratlas.com/
Visualisation de données via une narrative journalistique ou commerciale
- http://letsfreecongress.org/
- https://highline.huffingtonpost.com/articles/en/poor-millennials
- https://joshworth.com/dev/pixelspace/pixelspace_solarsystem.html
- https://mo.ibrahim.foundation/our-research/data-stories/covid-19-africa-challenging-road-recovery
- https://stories.pinecove.com/2021-recap/
- https://www.mirrows.co/home/
- https://www.apple.com/airpods-pro/
- https://shorthand.com/the-craft/an-introduction-to-scrollytelling/index.html
- https://alfredservice.com/
- https://www.epic.net/