Article published In: Information Visualization
Edited by Isabel Meirelles, Marian Dörk and Yanni Loukissas
[Information Design Journal 27:1] 2022
► pp. 102–114
Scrolling into the Newsroom
A vocabulary for scrollytelling techniques in visual online articles
Available under the Creative Commons Attribution-NonCommercial (CC BY-NC) 4.0 license.
For any use beyond this license, please contact the publisher at rights@benjamins.nl.
Published online: 9 December 2022
https://doi.org/10.1075/idj.22005.oes
https://doi.org/10.1075/idj.22005.oes
Abstract
In recent years, scrollytelling – a method to animate content as a reader scrolls through an article – has become
an integral part of online visual storytelling. Despite its popularity, few studies have examined the variety of existing
scrollytelling techniques. In addition, scrollytelling is still costly to produce. This study aims to generate a scrollytelling
vocabulary for newsrooms and creative agencies. By analysing 50 examples, we have identified granular characteristics of
scrollytelling elements, or ‘scrollers’, and grouped them into five standard techniques: graphic sequences, animated transitions,
panning and zooming, scrolling through movies, and showing and auto-playing animated content. The study provides information
designers, developers, and visual journalists with a vocabulary to experiment with different scrollytelling techniques and
implement scrollers faster and more easily.
Article outline
- Background
- The problem
- Methodology
- A library of scrollytelling techniques
- 1.Graphic sequence
- 2.Animated transition
- 3.Pan-and-Zoom
- 4.Moviescroller
- 5.Show-and-Play
- Conclusion
- Acknowledgements
- Notes
References
References (11)
Goldenberg, R. (2017, April). Responsive scrollytelling best practices. The Pudding. Retrieved May 20, 2022, from [URL]
Greenfield, R. (2020, December 20). What the New York Times’s ‘Snow Fall’ Means to Online Journalism’s Future. The Atlantic. Retrieved May 20, 2022, from [URL]
Kosara, R. (2016, May 23). The scrollytelling scourge. eagereyes. Retrieved May 20, 2022, from [URL]
Lu, J., Chen, W., Ye, H., Wang, J., Mei, H., Gu, Y., Wu, Y., Zhang, X. L., & Ma, K.-L. (2021). Automatic generation of unit visualization-based scrollytelling for impromptu data facts delivery. 2021 IEEE 14th Pacific Visualization Symposium (PacificVis).
Seyser, D., & Zeiller, M. (2018). Scrollytelling – an analysis of visual storytelling in online journalism. 2018 22nd International Conference Information Visualisation (IV).
Stolper, C. D., Lee, B., Riche, N. H., & Stasko, J. (2018). Data-Driven Storytelling Techniques: Analysis of a Curated Collection of Visual Stories. In N. H. Riche, C. Hurter, N. Diakopoulos, & S. Carpendale (Eds.), Data-driven storytelling (pp. 86–105). CRC Press.
Sultanum, N., Chevalier, F., Bylinskii, Z., & Liu, Z. (2021). Leveraging text-chart links to support authoring of data-driven articles with VizFlow. Proceedings of the 2021 CHI Conference on Human Factors in Computing Systems.
Cited by (2)
Cited by two other publications
Peng, Zhao
This list is based on CrossRef data as of 11 december 2025. Please note that it may not be complete. Sources presented here have been supplied by the respective publishers. Any errors therein should be reported to them.