The Instructional Design of Chinese Characters’ Stroke Order Motion Graphics Based on Cognitive Load Theory

  • Wenjun Cao Department of New Media Design and Technology, School of the Arts, Universiti Sains Malaysia, Malaysia
  • Julina Ismail@Kamal Department of New Media Design and Technology, School of the Arts, Universiti Sains Malaysia, Malaysia
  • Chu Hiang Goh Department of Graphic Communication Design, School of the Arts, Universiti Sains Malaysia, Malaysia
Keywords: motion graphic, cognitive load theory, ADDIE model


This research aims to develop stroke order motion graphics for Chinese characters to solve the problem of memorising Chinese characters’ stroke order in the learning process. This research adopted cognitive load theory and the ADDIE model as an instructional design process guide. Herbart’s four-stage teaching method is used as a guide for the motion graphics presentation module. Based on the characteristics of Malaysian students who learn Chinese as their second language, motion graphics for Chinese characters’ stroke order learning were developed. The expert evaluation was conducted to identify problems, and modifications were done to improve the created prototype. A total of six Chinese characters’ stroke order motion graphics have been successfully developed. The result shows that cognitive load theory provides an effective solution for developing Chinese characters’ stroke order motion graphics. The ADDIE model also offered a significant direction for the instructional design process. In addition, to be more effective in Chinese character stroke order teaching, interface design must consider the relevant teaching effects of cognitive load theory. However, making the prototype in advance can avoid large-scale modifications in the later process. The successful development of the Chinese characters’ stroke order motion graphics allows teaching Chinese character stroke order in Malaysia to be carried out more effectively.

Abstract views: 38 , PDF downloads: 22


Download data is not yet available.


Chandler, P., & Sweller, J. (1991). Cognitive load theory and the format of instruction. Cognition and Instruction, 8(4), 293-332.

Chandler, P., & Sweller, J. (1992). The split‐attention effect as a factor in the design of instruction. British Journal of Educational Psychology, 62(2), 233-246.

Clark, R. C., Nguyen, F., & Sweller, J. (2011). Efficiency in learning: Evidence-based guidelines to manage cognitive load. John Wiley & Sons.

Ding, S., & Saunders, R. A. (2006). Talking up China: An analysis of China’s rising cultural power and global promotion of the Chinese language. East Asia, 23(2), 3-33.

Fatimah, A. S., & Santiana, S. (2017). Teaching in 21st century: Students-teachers’ perceptions of technology use in the classroom. Script Journal: Journal of Linguistic and English Teaching, 2(2), 125.

Gossman, R. (2011). The Animation Production Process. Recuperado de http://nir3d. com/handouts/Handouts% 20History% 20of% 20Animation.

Hasler, B. S., Kersten, B., & Sweller, J. (2007). Learner control, cognitive load and instructional animation. Applied Cognitive Psychology: The Official Journal of the Society for Applied Research in Memory and Cognition, 21(6), 713-729.

Hsiung, H.-Y., Chang, Y.-L., Chen, H.-C., & Sung, Y.-T. (2017). Effect of stroke-order learning and handwriting exercises on recognizing and writing Chinese characters by Chinese as a foreign language learners. Computers in Human Behavior, 74, 303-310.

Krasner, J. (2013). Motion graphic design: applied history and aesthetics. Taylor & Francis.

Leahy, W., & Sweller, J. (2005). Interactions among the imagination, expertise reversal, and element interactivity effects. Journal of Experimental Psychology: Applied, 11(4), 266.

Leppink, J., & van den Heuvel, A. (2015). The evolution of cognitive load theory and its application to medical education. Perspectives on Medical Education, 4(3), 119-127.

Li, Z. (2003). Chinese character stroke order dictionary software. Computer Applications and Software, 20(5), 79-80.

Marcus, N., Cleary, B., Wong, A., & Ayres, P. (2013). Should hand actions be observed when learning hand motor skills from instructional animations? Computers in Human Behavior, 29(6), 2172-2178.

Mason, L., Lowe, R., & Tornatora, M. C. (2013). Self-generated drawings for supporting comprehension of a complex animation. Contemporary Educational Psychology, 38(3), 211-224.

Miller, G. A. (1956). The magical number seven, plus or minus two: Some limits on our capacity for processing information. Psychological review, 63(2), 81.

Paas, F., Renkl, A., & Sweller, J. (2003). Cognitive load theory and instructional design: Recent developments. Educational psychologist, 38(1), 1-4.

Paas, F., Tuovinen, J. E., Van Merrienboer, J. J., & Darabi, A. A. (2005). A motivational perspective on the relation between mental effort and performance: Optimizing learner involvement in instruction. Educational technology research and development, 53(3), 25-34.

Paas, F., & Van Gog, T. (2006). Optimising worked example instruction: Different ways to increase germane cognitive load. In: Elsevier.

Packard, J. L. (1990). Effects of time lag in the introduction of characters into the Chinese language curriculum. The Modern Language Journal, 74(2), 167-175.

Richey, R. C., & Klein, J. D. (2014). Design and development research. In Handbook of research on educational communications and technology. Springer.

Richey, R. C., & Klein, J. D. (2014). Design and development research: Methods, strategies, and issues. Routledge.

Sang, X. (2004). Learning science and technology. Cultivation of College Students' learning ability in the information age. . Higher Education Press, 227.

Sweller, J. (1988). Cognitive load during problem solving: Effects on learning. Cognitive science, 12(2), 257-285.

Sweller, J. (1994). Cognitive load theory, learning difficulty, and instructional design. Learning and Instruction, 4(4), 295-312.

Sweller, J. (2005). The redundancy principle in multimedia learning. The Cambridge handbook of multimedia learning, 159-167.

Sweller, J. (2010). Element interactivity and intrinsic, extraneous, and germane cognitive load. Educational psychology review, 22(2), 123-138.

Taft, M., & Chung, K. (1999). Using radicals in teaching Chinese characters to second language learners. Psychologia, 42(4), 243-251.

Tan, L. H., Spinks, J. A., Eden, G. F., Perfetti, C. A., & Siok, W. T. (2005). Reading depends on writing, in Chinese. Proceedings of the National Academy of Sciences, 102(24), 8781-8785.

Wong, A., Leahy, W., Marcus, N., & Sweller, J. (2012). Cognitive load theory, the transient information effect and e-learning. Learning and Instruction, 22(6), 449-457.

Zhen, Z. (2015). Advantages and thinking on design of Chinese characters’ graphics. Studies in Literature and Language, 11(2), 82-87.

Zhu, Y., & Wang, L. (2013). Flash-based Chinese character stroke order courseware production method. China Education Information Technology, 24.
How to Cite
Cao, W., Ismail@Kamal, J. and Goh, C. H. (2021) “The Instructional Design of Chinese Characters’ Stroke Order Motion Graphics Based on Cognitive Load Theory”, Malaysian Journal of Social Sciences and Humanities (MJSSH), 6(10), pp. 469 - 479. doi: