An Interactive Guide to Design Animated Visual Instructions in Brazil

  • Carla G. SpinilloEmail author
  • Roberta Perozza
Conference paper
Part of the Lecture Notes in Computer Science book series (LNCS, volume 9187)


Animated visual instructions have been increasingly produced to support the industry of assembling products. Despite the growing demand for this type of instruction, in Brazil, little has been investigated on how animated instructions should be graphically presented to promote communication effectiveness. This paper discusses a research-based interactive guide to aid the design process of animated instructions in Brazil from user-centered design approach. First, to develop the guide, the graphic presentation of information of a sample of 23 animated instructions was assessed. Then, an experimental study on understanding and preference of narrative times (slow, spontaneous and accelerated) was investigated with 25 participants for an animation representative of the sample analyzed: the 3D puzzle assembly. Based on the results of the studies, guidelines were proposed to the interactive digital guide which usability was validated with 05 experts through checklist with heuristics, and with 10 potential users through post-interaction interviews. The results were generally positive about the content and graphic interface, but pointed to the need of improvements in navigation and menu hierarchy. Accordingly, adjustments were then made in the interactive guide in its final version.


Animation Visual instruction Assembling Interactive guide 



We would like to thank The National Council for Research and Development of Brazil (CNPq) for supporting this research, and the participants who volunteered to these studies.


  1. 1.
    Johnston, O., Thomas, F.: The Illusion of Life: Disney Animation, 576 p. Disney Editions, New York (1984, 1999)Google Scholar
  2. 2.
    Rieber, L.P.: Animation, incidental learning, and continuing motivation. J. Educ. Psychol. 83, 318–328 (1991)CrossRefGoogle Scholar
  3. 3.
    Chang, B.W., Ungar, D.: Animation: from cartoons to the user interface. In: 6th Annual ACM Symposium on User Interface Software and Technology, 45–55 pp. ACM, Atlanta, 3–5 November 1993Google Scholar
  4. 4.
    Lowe, R.K.: Extracting information from an animation during complex visual learning. Eur. J. Psychol. Educ. 14, 225–244 (1999)CrossRefGoogle Scholar
  5. 5.
    Fisher, S., Lowe, R.K., Schwan, S.: Effects of presentation speed of a dynamic visualization on the understanding of a mechanical system. In: Sun, R., Miyake, N. (eds.) Proceedings of the 28th Annual Conference of the Cognitive Science Society, pp. 1305–1310. Erlbaum, Mahwah (2006)Google Scholar
  6. 6.
    Hoffler, T.N., Leutner, D.: Instructional animation versus static pictures: a meta-analysis. Learn. Instruction 17, 722–738 (2007)CrossRefGoogle Scholar
  7. 7.
    Schnotz, W., Lowe, R.K.: A unified view of learning from animated and static graphics. In: Lowe, R.K., Schnotz, W. (eds.) Learning with Animation. Research Implications for Design, pp. 304–356. Cambridge University Press, New York (2008)Google Scholar
  8. 8.
    Tversky, B., Morrison, J.B.: Animation: can it facilitate? Int. J. Hum.-Comput. Stud. 57(4), 247–262 (2002)CrossRefGoogle Scholar
  9. 9.
    Weiss, R.E., Knowlton, D.S., Morrison, G.R.: Principles for using animation in computer-based instruction: theoretical heuristics for effective design. Comput. Hum. Behav. 18, 465–477 (2002)CrossRefGoogle Scholar
  10. 10.
    Mayer, R.E., Moreno, R.: Animation as an aid to multimedia learning. Educ. Psychol. Rev. 14, 87–99 (2002)CrossRefGoogle Scholar
  11. 11.
    Souza, J.M.B.: Towards the Optimization of Software Instructional Demonstrations, p. 227. Department of Typography and Graphic Communication, University of Reading, Reading (2008)Google Scholar
  12. 12.
    Santos, R.J., Battaiola, A.L., Dubiela, R.P.: Aspectos Fundamentais da Criação de Jogos em Shockwave 3D. In: SB Games, 2004, Curitiba. Anais do SB Games (2004)Google Scholar
  13. 13.
    Battaiola, A.L., Cowan, D.J., Pellano, A., Siruek, A.: Bridging sustainable engineering education through the use of interactive learning materials: An overview of an international project. In: Anais do GCETE’2005 - Global Congress on Engineering and Technology (2005)Google Scholar
  14. 14.
    Battaiola, A.L., Chagas, M.G., Domingues, D.G.: Jogos de Computador como uma Ferramenta de Ensino dos Cursos de Design. In: Anais do 7º P&D - Congresso de Pesquisa e Desenvolvimento em Design (2006)Google Scholar
  15. 15.
    Pottes, A.: Animação Multimídia de Instrução (AMI) visualizada em Dispositivo de Interação Móvel (DIM): Um estudo exploratório acerca da influência da flexibilidade de interação sobre a visualização da informação e a realização da tarefa. Dissertação de Mestrado, Departamento de Design. Universidade Federal do Paraná, UFPR (2012)Google Scholar
  16. 16.
    Spinillo, C.G., Azevedo, E.R., Benevides, D.: Visual instructions in health printed material an analytical study in PPS on how to use male and female condoms. In: Carla Galvão Spinillo; Solange Coutinho. (Org.). Selected Readings of the Information Design International Conference. Recife: SBDI, pp. 90–104 (2004)Google Scholar
  17. 17.
    Spinillo, C.G., Padovani, S., Miranda, F., Fujita, P.T.L.: Instruções visuais em bulas de medicamentos no Brasil: um estudo analítico sobre a representação pictórica da informação. In: Anais do 3º Congresso Internacional de Design da Informação, 2007, Curitiba. Curitiba: SBDI, 1CD-ROM (2007)Google Scholar
  18. 18.
    Buba, D.: Instruções visuais animadas para a indústria automotiva: uma abordagem analítica em design informacional. Monografia de Especialização em design informacional - Pontifícia Universidade Católica do Paraná (2008)Google Scholar
  19. 19.
    Spinillo, C.G., Souza, J.M.B., Barbosa, L.L.R.: Information system for health: a proposal of an animated instruction guide to design medicine inserts in Brazil. In: Proceedings of the 3rd International Conference on Applied Human Factors and Ergonomics (AHFE), vol. 1. USA Publishing, Louisville (2010)Google Scholar
  20. 20.
    Garrett, J.J.: The Elements of user Experience: User-Centered Design for the Web. AIGA | New Riders, New York (2003)Google Scholar
  21. 21.
    Ainsworth, S.: How do animations influence learning? In: Robinson, D., Schraw, G. (eds.) Current Perspectives on Cognition, Learning, and Instruction: Recent Innovations in Educational Technology that Facilitate Student Learning, pp. 37–67. Information Age Publishing, Charlotte (2008)Google Scholar

Copyright information

© Springer International Publishing Switzerland 2015

Authors and Affiliations

  1. 1.Department of DesignFederal University of ParanaCuritibaBrazil

Personalised recommendations