¿Las animaciones enseñan mejor que los diagramas estáticos?

Un equipo de producto quiere explicar cómo un actuador de válvula pasa por sus estados, y la primera propuesta en la junta es una animación, porque las animaciones atrapan y todos dan por hecho que enseñan mejor. A veces es así. La investigación sobre animaciones vs diagramas estáticos es más interesante que esa suposición: las animaciones tienen una ventaja promedio, pero es modesta, depende mucho de lo que se enseña y, en ocasiones, un diagrama estático cuidadoso gana. Este artículo resume lo que encontraron los principales estudios y metaanálisis y lo convierte en una forma práctica de decidir.

Puntos clave

• Un metaanálisis de 2007 de Höffler y Leutner (26 estudios, 76 comparaciones) encontró una ventaja promedio de tamaño mediano de las animaciones instruccionales sobre las imágenes estáticas, d = 0.37.
• Un metaanálisis de 2016 de Berney y Bétrancourt (61 estudios, 140 comparaciones, N = 7036) encontró una ventaja general menor, g = 0.226, con efectos más grandes cuando la animación avanzaba sola, iba acompañada de narración o se presentaba sin texto acompañante.
• En el análisis de Höffler y Leutner, la ventaja fue mayor para el conocimiento procedimental-motor (d = 1.06) y para animaciones muy realistas, basadas en video (d = 0.76).
• El alumno puede perderse lo importante: en el estudio de Lowe de 2003, quienes veían un mapa meteorológico animado tendían a fijarse en los cambios visualmente llamativos y no en los que importaban desde el punto de vista meteorológico.
• Los diagramas estáticos pueden igualar o superar a las animaciones narradas cuando están bien anotados y dejan que el alumno estudie a su ritmo (Mayer, Hegarty, Mayer y Campbell, 2005).

El problema: el formato se decide por instinto

La animación muchas veces se elige porque se ve más impresionante, o porque los diagramas estáticos se asocian con documentación aburrida. Ninguna de las dos cosas es motivo para esperar un mejor aprendizaje. Además, la animación cuesta más producirla y es más difícil de actualizar cuando el producto cambia, así que elegirla por default puede gastar presupuesto en un formato que no ayuda.

El instinto contrario, “pon un diagrama y ya”, también falla. Hay cosas que de verdad tratan de un cambio en el tiempo: una secuencia, una forma de onda que evoluciona, un mecanismo en movimiento. Una imagen estática de un proceso dinámico le pide al alumno que imagine el movimiento, y eso puede costar trabajo.

Qué dice la investigación

La ventaja promedio es real, pero modesta

El metaanálisis de Höffler y Leutner en Learning and Instruction (2007) reunió 26 estudios primarios con 76 comparaciones por pares entre visualizaciones dinámicas y estáticas. Encontró una ventaja general de tamaño mediano para las animaciones, con un tamaño de efecto ponderado promedio de d = 0.37. La ventaja fue mayor cuando la animación era representativa (mostraba el contenido por aprender) y no decorativa, cuando era muy realista, como el video (d = 0.76), y sobre todo cuando el objetivo era el conocimiento procedimental-motor, es decir, aprender a realizar un procedimiento físico (d = 1.06).

El metaanálisis posterior de Berney y Bétrancourt en Computers & Education (2016) fue más grande: 61 estudios primarios, 140 comparaciones y 7,036 participantes. Encontró un efecto general positivo de la animación sobre los gráficos estáticos, con un tamaño de efecto menor, g = 0.226. Los análisis de moderadores mostraron efectos más grandes cuando la animación avanzaba sola (g = 0.309), cuando iba acompañada de comentario en audio (g = 0.336) y cuando la instrucción no incluía texto acompañante (g = 0.883).

En conjunto: la animación ayuda en promedio, pero el promedio es tan pequeño que el diseño y el contexto deciden si una animación en particular ayuda o no.

Por qué muchas comparaciones antiguas no eran justas

La revisión de Tversky, Morrison y Bétrancourt, “Animation: can it facilitate?” (International Journal of Human-Computer Studies, 2002), examinó estudios que reportaban ventajas de la animación y encontró que muchos no comparaban cosas equivalentes: la versión animada solía llevar más información o más interactividad que la estática. Propusieron dos principios para saber cuándo debería ayudar una animación. El principio de congruencia dice que la estructura del gráfico debe corresponder a la estructura del concepto; la animación encaja con conceptos que tratan de un cambio en el tiempo. El principio de aprehensión dice que el gráfico debe percibirse y entenderse con precisión; las animaciones demasiado rápidas o complejas no lo cumplen.

El alumno no siempre ve lo que importa

El estudio de Lowe, “Animation and learning: selective processing of information in dynamic graphics” (Learning and Instruction, 2003), analizó cómo aprendía la gente de un mapa meteorológico animado. Los alumnos tendían a extraer información según la prominencia perceptual, los cambios visualmente llamativos, y no según la relevancia temática, los cambios que importaban en meteorología. En contenido técnico, la pieza que se mueve y llama la atención no es necesariamente la que explica el sistema.

El comentario de Hegarty, “Dynamic visualizations and learning: getting to the difficult questions” (Learning and Instruction, 2004), empujó al campo a pasar de “¿las animaciones son mejores?” a preguntas sobre cuándo, para quién y por qué. Ese cambio de enfoque es el práctico para cualquiera que produce contenido técnico.

Lo estático también promueve el aprendizaje activo

“When Static Media Promote Active Learning: Annotated Illustrations Versus Narrated Animations in Multimedia Instruction”, de Mayer, Hegarty, Mayer y Campbell (Journal of Experimental Psychology: Applied, 2005), comparó ilustraciones anotadas en papel con animaciones narradas en computadora para explicar cómo funcionan ciertos sistemas, como la formación de rayos o el funcionamiento de un tanque de inodoro o de los frenos de un auto. En cuatro experimentos, las ilustraciones estáticas produjeron un aprendizaje igual de bueno y, en algunas medidas, mejor que las animaciones narradas. Su argumento: las ilustraciones estáticas dejan que el alumno controle el ritmo y lo invitan a animar el sistema mentalmente por su cuenta.

Cuándo suele ganar cada formato

Situación	La animación suele ayudar	El diagrama estático suele ayudar
El contenido trata de un cambio en el tiempo (secuencia, movimiento, forma de onda que evoluciona)	✓ (congruencia)	Posible con diagramas de varios paneles
Aprender un procedimiento físico (ensamble, pasos de calibración)	✓ (el mayor efecto en Höffler y Leutner)	Menos adecuado
Estructura, distribución o relaciones que no se mueven	Rara vez hace falta	✓
El alumno necesita estudiar detalles a su ritmo	Solo con buenos controles	✓
Escena compleja con muchos cambios simultáneos	Riesgoso (el alumno se pierde el cambio clave)	✓ con paneles y señalización
Hay narración disponible	✓ (efectos mayores con comentario)	Las anotaciones en texto funcionan bien
El contenido va a cambiar seguido	Caro de actualizar	✓ más barato de actualizar

Qué hacer en la práctica

Parte del concepto, no del formato

Pregúntate si lo que hay que entender implica un cambio en el tiempo. Si sí, la animación es candidata. Si es una estructura o una relación, casi siempre basta con un diagrama.

Si animas, dirige la atención

Resalta la pieza que importa en cada paso, atenúa lo demás y narra. No confíes en que el espectador note solo el cambio importante.

Baja la velocidad y segmenta

Las animaciones rápidas y continuas no cumplen el principio de aprehensión. Divide la secuencia en etapas y deja que el espectador pause o avance paso por paso.

Considera diagramas estáticos de varios paneles

Una secuencia de estados anotados con flechas de transición suele explicar bien un proceso, deja que el alumno marque el ritmo y es más barata de actualizar.

Haz comparaciones justas cuando pruebes

Si comparas formatos con tu público, asegúrate de que las dos versiones lleven la misma información. Si no, estás probando el contenido, no el formato.

Combina cuando tenga sentido

Una animación corta para el movimiento y un diagrama estático de referencia para la estructura muchas veces funcionan mejor que cualquiera de los dos por separado.

Cómo aplicarlo

Si tienes una hora

Haz una lista de los conceptos de tu próximo material de capacitación o de producto y marca cuáles implican un cambio en el tiempo. Esos son tus candidatos a animación; los demás probablemente no la necesitan.

Si tienes un sprint

Para un candidato a animación, haz el storyboard de una versión animada y de una versión estática de varios paneles. Muéstralas a algunas personas del público objetivo y pídeles que te expliquen el proceso de vuelta.

Si quieres que dure toda la vida del producto

Agrega a tu brief de contenido un paso para decidir el formato: el concepto, si implica un cambio en el tiempo, el conocimiento previo del público y qué tan seguido va a cambiar el contenido.

La pregunta que debes hacerte: “¿Este concepto de verdad se mueve, y el espectador va a ver el movimiento que importa?”

Preguntas frecuentes

¿Las animaciones enseñan mejor que los diagramas estáticos?

En promedio, un poco. Los metaanálisis encontraron una ventaja general de la animación, con tamaños de efecto de alrededor de d = 0.37 (Höffler y Leutner, 2007) y g = 0.226 (Berney y Bétrancourt, 2016). El efecto depende mucho de lo que se enseña y de cómo está diseñada la animación.

¿Cuándo conviene usar animación en contenido técnico?

Cuando el concepto implica un cambio en el tiempo, como una secuencia, un movimiento o un procedimiento físico, y cuando puedes dirigir la atención hacia el cambio que importa, de preferencia con narración.

¿Por qué un diagrama estático podría funcionar mejor?

Porque deja que el alumno estudie a su ritmo y se puede anotar con precisión. En una serie de experimentos, las ilustraciones anotadas produjeron un aprendizaje igual o mejor que las animaciones narradas.

¿Las animaciones distraen?

Pueden hacerlo. Los alumnos tienden a fijarse en los cambios visualmente llamativos y no en los más importantes, así que las animaciones necesitan resaltado, segmentación y narración para mantener la atención en lo que importa.

¿El video es mejor que la animación?

En el metaanálisis de Höffler y Leutner, las visualizaciones muy realistas, basadas en video, mostraron una ventaja mayor sobre las imágenes estáticas. Para conceptos abstractos que no se pueden filmar, como señales o estados internos, siguen haciendo falta animaciones o diagramas.

Lecturas relacionadas: principios de aprendizaje multimedia para capacitación técnica, nota de aplicación vs tutorial vs video de producto y cómo revisamos la exactitud de las animaciones técnicas.

Fuentes

1. Höffler, T. N., & Leutner, D. (2007). Instructional animation versus static pictures: A meta-analysis. Learning and Instruction, 17(6), 722–738. https://doi.org/10.1016/j.learninstruc.2007.09.013
2. Berney, S., & Bétrancourt, M. (2016). Does animation enhance learning? A meta-analysis. Computers & Education, 101, 150–167. https://doi.org/10.1016/j.compedu.2016.06.005
3. Tversky, B., Morrison, J. B., & Bétrancourt, M. (2002). Animation: can it facilitate? International Journal of Human-Computer Studies, 57(4), 247–262. https://doi.org/10.1006/ijhc.2002.1017
4. Lowe, R. K. (2003). Animation and learning: selective processing of information in dynamic graphics. Learning and Instruction, 13(2), 157–176. https://doi.org/10.1016/S0959-4752(02)00018-X
5. Hegarty, M. (2004). Dynamic visualizations and learning: getting to the difficult questions. Learning and Instruction, 14(3), 343–351. https://doi.org/10.1016/j.learninstruc.2004.06.007
6. Mayer, R. E., Hegarty, M., Mayer, S., & Campbell, J. (2005). When static media promote active learning: Annotated illustrations versus narrated animations in multimedia instruction. Journal of Experimental Psychology: Applied, 11(4), 256–265. https://doi.org/10.1037/1076-898X.11.4.256