Tipos de storyboard para cursos online

Tipos de storyboard para cursos online

En esencia, todo storyboard debe presentar la «historia» de cada pantalla. Cada vez que el usuario carga una página nueva, esa pantalla tiene que estar dentro del storyboard. Los tipos de storyboard muestran cada vez más elementos dentro de cada historia. Es decir, van del más simple al más complejo. Existen cuatro tipos básicos de storyboard para cursos online: de baja fidelidad, de fidelidad media, de alta fidelidad y prototipos. Es importante aclarar que no hay una única forma de armar un storyboard. Cada empresa tendrá su estándar. Voy a mostrarte mi forma de hacerlo, pero seguro será distinta para la Universidad X, la agencia de diseño instruccional Y o la escuela Z. ¿Vemos cada tipo de storyboard? Debajo, en pantalla, podrás navegar por los tipos de storyboard y ver un ejemplo real, listo para que lo uses en tu trabajo.

Storyboard de baja fidelidad

El storyboard de baja fidelidad es el modelo más simple o, en términos técnicos, el de menor fidelidad. ¿Por qué baja fidelidad? Porque no muestra visualmente cómo será cada pantalla con todos sus recursos, solo la describe. Contiene únicamente una descripción en texto de lo que ocurrirá en cada pantalla, qué medio se usará y, claro, si habrá algún elemento interactivo. Aquí no diseñas dónde irá cada elemento. Por eso es muy común hacer estos storyboards en documentos de Word. Es ideal para situaciones rápidas, cuando el equipo está muy compenetrado o cuando el contenido es más simple, pero aun así requiere planificación. Por ejemplo, en este curso de storyboard trabajo yo solo al 100 %. Como no hay más personas involucradas y es sencillo, usaré un storyboard de baja fidelidad solo para planificarme con respecto al contenido que tendré que producir.

Storyboard de fidelidad media

Un storyboard de fidelidad media es el que define los elementos mediante bloques. Sirven como representación espacial de dónde encajará cada elemento y cómo se presentará. Como en el ejemplo, verás que hay varios «códigos» y señalizaciones. Es muy importante que estas convenciones, sobre cómo usar cada recuadro o color, se acuerden o estén explícitas en el propio modelo. Por supuesto, puedes optar por una versión simplificada para empezar con tu equipo o incluso para presentarla a tu cliente. Pero créeme, vas a querer tener estos códigos porque facilitan mucho el trabajo y además ahorran espacio en pantalla. Creo que un storyboard de fidelidad media es el equilibrio perfecto entre el tiempo que lleva armarlo y los beneficios que aporta. Por ejemplo, un storyboard de baja fidelidad no es nada visual. El de alta fidelidad, en cambio, implica seleccionar imágenes para componer el escenario y ya contiene una planificación más detallada de lo que tendrá cada cuestionario, por ejemplo. El prototipo, por último, ya es la representación de cómo será el entorno para el alumno, por lo que es la etapa más cercana a la versión final.

Storyboard de alta fidelidad

Ahora el storyboard más complejo: el de alta fidelidad. La gran diferencia con el de fidelidad media es que el de alta fidelidad contiene más elementos descritos. Aquí el equipo probablemente es más grande. En el ejemplo que muestro ya ves las imágenes que se pasarán al equipo de animación y de programación. La división de tareas, por lo tanto, es mayor. Yo, como profesional de DI, tengo que planificar el curso, pero no necesariamente entrego todo. Aquí las convenciones y los códigos son casi obligatorios para ahorrar tiempo y acelerar el proceso. El gran objetivo de este tipo de storyboard es que los distintos responsables de crear el contenido educativo puedan mirarlo y saber cuáles son sus tareas y responsabilidades, sin necesidad de intervenir ni hacer preguntas adicionales (aunque, por supuesto, es completamente normal que surjan). Tu papel al armar uno es ahorrar el máximo de tiempo al equipo.

Prototipo

Por último, llegamos al prototipo. Un prototipo, por definición, es un modelo preliminar de un proyecto. Puede presentarse de dos maneras: una página navegable e interactiva o un entorno de pruebas (staging). El prototipo navegable te permite recorrer las páginas del curso en una herramienta de prototipado, como Figma, por ejemplo. El entorno de pruebas, en palabras simples, es un sitio de prueba. Es una dirección, por ejemplo pruebas.dominio.com, donde puedo publicar cualquier contenido con cierta confianza de que nadie lo verá o, si ocurre algún error, no afectará la navegación. Es muy común en el desarrollo de software, por ejemplo, cuando no quieres que los usuarios que están usando tu sitio en este momento vean lo que planeas lanzar ni se encuentren con versiones inacabadas de funciones. Llevado al diseño instruccional, puedes crear un entorno de pruebas, una réplica de tu plataforma, donde puedes subir tu curso y contenido. Así, si cometes algún error, no afectará a tus usuarios. Es habitual crear los cursos primero en un entorno cerrado antes de lanzarlos. Es la versión más cercana a la final, porque el objetivo del entorno de pruebas es ser idéntico a la versión final. Cuando eso ocurre, «giramos una llave» y pasa al entorno de producción, al que el usuario tiene acceso. Por supuesto, si ya tienes un LMS listo y configurado, puedes ir insertando los elementos en un curso en borrador, mostrar cómo va quedando y probar posibles fallas o incluso validar el flujo de la experiencia del alumno. Recuerda que el prototipo no forma parte de la planificación: ya es ejecución. Por eso, si tu proyecto requiere un prototipo, probablemente combinarás uno o más storyboards. ¿Cierto? O en el caso de que tengas un cliente con más de un tomador de decisiones: a veces está quien aprueba y quien invierte en el proyecto, que suele ser el jefe de tu punto de contacto.

Artículos relacionados

Hoy, en EduBuilders

Ivan Chagas lleva la base del diseño instruccional hacia la tecnología, la IA y los productos educativos. Los cursos y proyectos ocurren hoy en EduBuilders.

Conoce EduBuilders