An Analysis of Motion Design Principles in Animated Storybooks to Enhance Children’s Reading Skills

Authors

  • Shadhatul Fatehah Norazhar Faculty of Art and Design, Universiti Teknologi MARA, Puncak Alam Campus, Selangor, Malaysia
  • Nabila Aimi Mohamed Ghazali Faculty of Art and Design, Universiti Teknologi MARA, Puncak Alam Campus, Selangor, Malaysia
  • Sharkawi Che Din Faculty of Art and Design, Universiti Teknologi MARA, Puncak Alam Campus, Selangor, Malaysia

DOI:

https://doi.org/10.24191/idealogy.v11i2.939

Abstract

Digital reading increasingly shapes early literacy through animated storybooks that integrate text, narration, and motion. While animation has the potential to support comprehension, poorly designed or excessive motion can distract young readers and increase cognitive load. In the Malaysian context, animated storybooks are widely adopted in line with national ICT-in-education initiatives; however, visual appeal often takes precedence over pedagogical effectiveness. This study examines motion design principles in animated storybooks that enhance children’s reading skills. Eight purposively selected animated storybooks were analysed using qualitative content analysis guided by eleven motion design principles adapted from Krasner (2013), including timing, spacing, rhythm, staging, and hierarchy. The findings indicate that well-designed motion effectively guides visual attention and improves narrative clarity. Temporal elements such as timing and rhythm regulate information flow, while staging and hierarchy highlight key text and story elements. These findings highlight the pedagogical potential of strategic motion design in supporting early literacy development beyond purely decorative animation. 

 

Keywords: Motion Design Principles, Animated Storybooks, Children's Reading Skills, Motion Graphic, Literacy 

 

References

Azmi, A. S., & Wan Husain, W. M. H. (2024). A survey of public preferences on patterns of Terengganu Batik for digital exhibitions. Idealogy Journal, 9(1), 126–134. https://doi.org/10.24191/idealogy.v9i1.824

Carver, R. P. (2015). Speed-reading training in elementary school: Effects on eye-movement dynamics. Reading and Writing, 28(5), 549–571. https://doi.org/10.1007/s11145-015-9556-9

Clark, R. C., & Mayer, R. E. (2016). e-Learning and the science of instruction: Proven guidelines for consumers and designers of multimedia learning. Wiley.

Crook, I., & Beare, P. (2018). Motion graphics: Principles and practices from the ground up. Bloomsbury Academic.

Fernández-López, J., Cerdán, R., & Vidal-Abarca, E. (2018). Predictors of implicit reading comprehension in early elementary students. Reading Research Quarterly, 53(3), 315–332. https://doi.org/10.1002/rrq.203

Gani, S. A., & Mansor, M. (2021). Teachers who reflect, teach better: Reflective practice at the heart of teachers’ professional development programs. Idealogy Journal, 6(1), 54–60. https://doi.org/10.24191/idealogy.v6i1.243

Gathercole, S. E., Dunning, D. L., Hesketh, K., & Holmes, J. (2014). Working memory, eye movements, and reading comprehension in elementary school. Journal of Child Psychology and Psychiatry, 55(5), 540–549. https://doi.org/10.1111/jcpp.12185

Gidor, J., & Abu Bakar, A. (2024). [Reference from text regarding Malaysian digital reading materials]. Idealogy Journal.

Harun, H. S., & Mohd Nor, M. N. (2024). Analysing the multi-sensory elements of immersive experience for art exhibitions in Southeast Asia. Idealogy Journal, 9(1), 22–32. https://doi.org/10.24191/idealogy.v9i1.758

Hutton, J. S., Rohlfs, M. T., Krcmar, M., & Tillery, M. (2021). Impact of digital reading environments on children’s eye movements and comprehension. Computers & Education, 165, 104148. https://doi.org/10.1016/j.compedu.2021.104148

Ismail, N. A., & Md. Nasir, N. (2022). Identifying the teaching aid effect that parents use to enhance reading skill of their children. Idealogy Journal, 7(1), 58–63. https://doi.org/10.24191/idealogy.v7i1.317

Krasner, J. (2013). Motion graphic design: Applied history and aesthetics (3rd ed.). Focal Press.

Krippendorff, K. (2013). Content analysis: An introduction to its methodology (3rd ed.). SAGE.

Liu, W., Theng, Y.-L., Cheok, A. D., & Charissa, L. M.-L. (2024). Mixed reality classroom: The effect of animated characters on learning performance and immersion. Multimedia Tools and Applications, 83(21), 32909–32932. https://doi.org/10.1007/s44322-024-00013-w

Mahamood, M. A., & Ahmad, N. (2023). Analysing the effectiveness of digital illustration in motion graphics for Malaysian sparkling drink products. Idealogy Journal, 8(2), 162–171. https://doi.org/10.24191/idealogy.v8i2.482

Mamat, M. I., & Azmi, A. S. (2024). The digital storytelling of Malaysian traditional games in preserving Malay heritage: A systematic review. Idealogy Journal, 9(1), 114–125. https://doi.org/10.24191/idealogy.v9i1.823

Mayer, R. E. (2009). Multimedia learning (2nd ed.). Cambridge University Press.

National Early Literacy Panel. (2008). Developing early literacy: Report of the National Early Literacy Panel. A scientific synthesis of early literacy development and implications for intervention. National Institute for Literacy.

Nordin, S. A., & Che Din, S. (2025). A study on components of interactive projection mapping to enhance youth engagement with Kuda Kepang in Malaysia. Idealogy Journal, 10(2), 493–504. https://idealogyjournal.com/ojs/index.php/idealogy/article/view/819

Ramli, N. F., & Mohamad, N. (2022). Inovasi kaedah pembelajaran: Perkembangan penggunaan teknologi dalam institusi pendidikan. Idealogy Journal, 7(2), 64–72. https://doi.org/10.24191/idealogy.v7i2.407

Rayner, K., & Pollatsek, A. (2006). Eye movements and reading comprehension in young children. Journal of Experimental Child Psychology, 94(1), 1–21.

Ross, G. P., Chen, K., & Ganea, P. A. (2025). Screen-based features affect children’s story comprehension and learning. Psychonomic Bulletin & Review, 32(4), 1361–1369. https://doi.org/10.3758/s13421-025-01797-8

Saidi, N. S., & Hassan, R. (2023). A case study of animated book cover for publisher in Malaysia. Idealogy Journal, 8(2), 58–66. https://doi.org/10.24191/idealogy.v8i2.719

Savva, M., Higgins, S. E., & Beckmann, N. (2022). Meta-analysis examining the effects of electronic storybooks on language and literacy outcomes for children. Journal of Computer Assisted Learning, 38(2), 526–564. https://doi.org/10.1111/jcal.12623

Shaw, A. (2016). Design for motion: Fundamentals and techniques of motion design. Routledge.

Sirois, S., Smeets, D., Brisson, J., Ouellet, R., & Leduc, A. (2020). Pupillary responses during word reading in children. Developmental Cognitive Neuroscience, 44, 100815. https://doi.org/10.1016/j.dcn.2020.100815

Smeets, D. J. H., & Bus, A. G. (2014). The interactive animated e-book as a word learning device for kindergartners. Applied Psycholinguistics, 35(4), 893–916. https://doi.org/10.1017/S0142716413000556

Son, S.-H., & Butcher, K. (2024). Effects of varied multimedia animations in digital storybooks: A randomized controlled trial with preschoolers. Journal of Research in Reading. https://doi.org/10.1111/1467-9817.12452

Sun, H., Loh, J. Y., & Roberts, A. (2019). Motion and sound in animated storybooks for preschoolers’ visual attention and Mandarin language learning. AERA Open, 5(2). https://doi.org/10.1177/2332858419848431

Takács, Z. K., & Bus, A. G. (2016). Benefits of motion in animated storybooks for children’s visual attention and story comprehension: An eye-tracking study. Frontiers in Psychology, 7, Article 1591. https://doi.org/10.3389/fpsyg.2016.01591

Takács, Z. K., Swart, E. K., & Bus, A. G. (2015). Benefits and pitfalls of multimedia and interactive features in storybooks: Meta-analysis. Frontiers in Psychology, 6, Article 716. https://doi.org/10.3389/fpsyg.2015.00716

Wu, Z., & Amzah, F. (2023). A comparative study on the effects of e-picture books and printed books on story comprehension and reading motivation. Forum for Linguistic Studies, 5(3), Article 1954. https://doi.org/10.59400/FLS.v5i3.1954

Zubir, M. F., & Khalid, N. E. (2023). The usage of motion graphics in promotional videos: A case study for digital technology hub. Idealogy Journal, 8(2), 125–132. https://doi.org/10.24191/idealogy.v8i2.477

Downloads

Published

2026-09-01

Most read articles by the same author(s)

<< < 1 2 3 4 5 > >>