Cómo revisamos la exactitud de las animaciones técnicas

Una animación narrada puede tener un guion perfecto y aun así enseñar algo equivocado. El pulso avanza a la velocidad correcta en una escena y a la equivocada en la siguiente; falta la barra de escala, y una estructura de un milímetro se ve tan grande como un órgano; el objeto en movimiento más brillante de la pantalla es el que no importa. Cuando revisamos la exactitud de las animaciones técnicas, el guion es solo la primera de varias cosas que verificamos. Esta nota del estudio describe cómo lo hacemos en AlphaCrew Studio, etapa por etapa, y por qué cada etapa detecta errores que las otras no ven.

Puntos clave

• Una animación hace afirmaciones con el movimiento, la escala, el tiempo, el color y el énfasis, además de con las palabras. Enumeramos esas afirmaciones explícitamente y las revisamos, no solo la narración.
• La revisión ocurre por etapas: fuentes y lista de afirmaciones, guion, storyboard, animatic con tiempos y render final. Los errores son más baratos de corregir al principio, y algunos solo se ven cuando las cosas se mueven.
• Los expertos designados por el cliente revisan las afirmaciones técnicas antes de la entrega. En el trabajo de educación médica, como nuestras animaciones de física radiológica para Sybil Digital Learning, los educadores aportan el conocimiento del tema y la revisión.
• Las simplificaciones se etiquetan. Nuestra propia demostración de estudio de pulso y eco, por ejemplo, exagera la longitud de onda y la atenuación para que se vean, y lo dice en el cuadro.
• La accesibilidad es parte de la exactitud: subtítulos, una forma de pausar, nada de destellos y una versión fija o con movimiento reducido que transmita la misma explicación.

Por qué las animaciones necesitan su propia revisión

La investigación sobre el aprendizaje con animaciones explica por qué no basta con un guion correcto. El estudio de Lowe de 2003 con personas que veían un mapa meteorológico animado (Learning and Instruction) encontró que tendían a fijarse en los cambios visualmente llamativos y no en los que importaban para el tema. La revisión de Tversky, Morrison y Bétrancourt, “Animation: can it facilitate?” (International Journal of Human-Computer Studies, 2002), argumentó que las animaciones solo ayudan cuando su estructura corresponde al concepto y cuando se pueden percibir y entender con precisión; las animaciones demasiado rápidas o saturadas no pasan la segunda prueba.

Las dos apuntan a errores que viven en lo visual: qué se mueve, qué tan rápido, qué tan grande, qué se resalta. Quien revisa solo el guion no los va a ver. Además, las personas mejor preparadas para detectar errores de contenido, los expertos en el tema, no siempre son las que mejor juzgan qué le va a costar trabajo a alguien nuevo, como encontró el estudio de Hinds de 1999 sobre la maldición del experto (Journal of Experimental Psychology: Applied). La revisión tiene que cubrir las dos cosas: ¿es cierto?, y ¿el alumno va a ver lo que es cierto?

Cómo revisamos, etapa por etapa

1. Acordar las fuentes y los revisores

Durante el descubrimiento acordamos con el cliente de qué material fuente se va a construir la animación (capítulos de libros de texto, notas de clase, hojas de datos, normas, documentos internos) y quiénes son los revisores designados. Al mismo tiempo se acuerda la confidencialidad: qué se puede mostrar y qué debe quedar fuera.

2. Escribir la lista de afirmaciones

Antes de cualquier imagen, escribimos cada afirmación que va a hacer la animación, incluidas las que solo se van a mostrar y no a decir. En una secuencia de pulso y eco podrían ser: el pulso viaja a unos 1540 m/s en tejido blando; parte de la energía se refleja en una frontera y parte continúa; la longitud de onda es mayor en el medio más rápido; el tiempo de regreso da la profundidad como c·t/2. Cada afirmación lleva una fuente. Las que son simplificaciones se marcan como tales, junto con la etiqueta que va a aparecer en pantalla.

3. Revisar el guion

El experto del cliente revisa el guion contra la lista de afirmaciones. Revisamos la terminología además de los datos: las palabras que los alumnos van a encontrar en su curso o que el lector de ingeniería va a encontrar en la hoja de datos.

4. Revisar el storyboard por lo que da a entender

El storyboard es donde aparecen las afirmaciones visuales: escala, tamaño relativo, dirección, código de colores, qué está en primer plano. Revisamos cada cuadro por lo que sugiere sin decirlo; por ejemplo, si dos estructuras dibujadas una junto a otra parecen del mismo tamaño cuando no lo son, o si el color de una señal se reutiliza más adelante para algo sin relación.

5. Revisar un animatic con tiempos para el movimiento y el ritmo

Un animatic burdo y con tiempos muestra el movimiento antes del render final. Ahí se revisan las velocidades relativas, la secuencia y el ritmo: ¿el eco regresa en la proporción de tiempo correcta?, ¿la narración describe un cambio mientras ocurre?, ¿algo se mueve demasiado rápido para seguirlo? La revisión de Mayer y Moreno de 2003 sobre formas de reducir la carga cognitiva en el aprendizaje multimedia da las pruebas prácticas que aplicamos aquí: narración sincronizada con la imagen, etiquetas junto a lo que describen, nada ajeno en pantalla y procesos complejos divididos en segmentos.

6. Revisar el render final

El render final se revisa otra vez contra la lista de afirmaciones, porque los detalles cambian entre el animatic y la versión final: una etiqueta se mueve, un color cambia, se ajusta un tiempo. También revisamos los subtítulos contra la narración y confirmamos las etiquetas en pantalla como “fuera de escala”.

7. Versionar y guardar el registro de revisión

Cada animación entregada conserva su lista de afirmaciones, sus fuentes y sus notas de revisión. Si cambia el material fuente, por ejemplo una norma revisada o una hoja de datos corregida, el registro muestra qué afirmaciones se ven afectadas.

Etiquetar las simplificaciones

Toda animación educativa simplifica. La cuestión es si quien la ve lo puede notar. Nuestro explicador de pulso y eco, una demostración de estudio que hicimos para nuestro propio sitio, es un buen ejemplo. Está simulado, no dibujado: el tiempo de vuelo del pulso, la reflexión en una frontera entre tejido y hueso calculada a partir de las impedancias acústicas, la longitud de onda mayor en el hueso, la dispersión del haz y la atenuación salen del modelo. Pero una longitud de onda de ultrasonido real sería invisible a esa escala, y la atenuación real haría el eco demasiado débil para verse, así que las dos se exageran, y el cuadro lo indica: “Wavelength and attenuation not to scale” (longitud de onda y atenuación fuera de escala). La física que importa para la lección es fiel; lo que se cambió para que se pudiera ver está etiquetado.

Qué revisamos y cuándo

Qué revisamos	Dónde aparecen los errores	Etapa que lo detecta
Datos y terminología	Narración, texto en pantalla	Lista de afirmaciones, guion
Escala y tamaño relativo	Cuadros, composición	Storyboard
Color y énfasis	Qué se resalta, reutilización de colores	Storyboard, animatic
Velocidad relativa y tiempos	Movimiento	Animatic con tiempos
Sincronía entre narración e imagen	Tiempo entre voz e imagen	Animatic con tiempos
Etiquetas de simplificación	“Fuera de escala”, “ilustrativo”	Storyboard, final
Subtítulos y accesibilidad	Subtítulos, control de pausa, versión con movimiento reducido	Final

La accesibilidad es parte de la exactitud

Una explicación que algunas personas no pueden percibir no es exacta para ellas. Las Pautas de Accesibilidad para el Contenido Web del W3C (WCAG 2.2) establecen requisitos que aplican directamente a la animación técnica: subtítulos para el audio pregrabado (criterio de conformidad 1.2.2), una forma de pausar, detener u ocultar el contenido en movimiento que empieza solo (2.2.2), y ningún contenido que destelle más de tres veces por segundo (2.3.1). Además, ofrecemos una versión fija o con movimiento reducido cuando una animación corre en una página web. Nuestro explicador de eco, por ejemplo, muestra un solo cuadro fijo con el trazo completo y la lectura de profundidad cuando la persona pidió movimiento reducido, así que la explicación se sostiene sin el movimiento.

Cómo aplicarlo

Si tienes una hora

Toma una animación técnica que ya exista y escribe su lista de afirmaciones, incluido lo que muestra sin decirlo. Marca cualquier afirmación que no puedas respaldar con una fuente y cualquier simplificación sin etiqueta.

Si tienes un sprint

Agrega una revisión de animatic con tiempos a tu próxima animación, con el experto en el tema atento específicamente a la velocidad relativa, la escala y el énfasis.

Si quieres que dure toda la vida del producto

Guarda una lista de afirmaciones y un registro de revisión con cada animación, y revísalos cada vez que cambie el material fuente.

La pregunta que debes hacerte: “¿Qué afirma esta animación sin decirlo, y alguien ya lo revisó?”

Preguntas frecuentes

¿Cómo se revisa la exactitud de una animación técnica?

Enumera cada afirmación que hace, incluidas las que hace con la escala, el movimiento, el tiempo y el énfasis, dale una fuente a cada una y revisa el guion, el storyboard, un animatic con tiempos y el render final contra esa lista con un experto en el tema.

¿Quién debe revisar una animación técnica?

Un experto en el tema que pueda juzgar el contenido, de preferencia designado desde el inicio del proyecto. En educación médica, eso significa revisores calificados en la materia; en nuestro trabajo con Sybil Digital Learning, los educadores aportan el conocimiento y la revisión.

¿Se vale simplificar en una animación educativa?

Sí, siempre que la simplificación no cambie lo que se enseña y esté etiquetada, por ejemplo con “fuera de escala” o “ilustrativo”.

¿Por qué revisar un animatic en lugar de esperar la versión final?

Porque el movimiento, el ritmo y la velocidad relativa solo se ven cuando las cosas se mueven, y corregirlos antes del render final es mucho más barato.

¿Cómo se hacen accesibles las animaciones técnicas?

Con subtítulos, una forma de pausar, sin destellos rápidos y con una versión fija o con movimiento reducido que transmita la misma explicación.

Lecturas relacionadas: ¿las animaciones enseñan mejor que los diagramas estáticos?, principios de aprendizaje multimedia para capacitación técnica y cómo construimos un explicador de eco ultrasónico.

Fuentes

1. 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
2. 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
3. Mayer, R. E., & Moreno, R. (2003). Nine ways to reduce cognitive load in multimedia learning. Educational Psychologist, 38(1), 43–52. https://doi.org/10.1207/S15326985EP3801_6
4. Hinds, P. J. (1999). The curse of expertise: The effects of expertise and debiasing methods on prediction of novice performance. Journal of Experimental Psychology: Applied, 5(2), 205–221. https://doi.org/10.1037/1076-898X.5.2.205
5. W3C (2023). Web Content Accessibility Guidelines (WCAG) 2.2. W3C Recommendation. https://www.w3.org/TR/WCAG22/