Funcionalidades poco conocidas de Storyline 360

Este video de marketing de 2019 fue la excusa para una introducción general de la herramienta, pero también para destacar algunas funcionalidades que merecían un poco más de atención. 

Nos enfocamos en cinco características que no son muy conocidas y están presentes tanto en la versión actual de Storyline 360 como en el ya discontinuado Storyline 3.

Importar preguntas

MINUTO 0:58

¿A qué se refiere la mención casual sobre la importación de preguntas? La importación de preguntas desde un archivo de texto simple o un Excel no es una característica muy conocida de Storyline y nos puede ahorrar mucho tiempo de trabajo. El paso a paso de esta funcionalidad está tratado en las guías de Articulate, así que solo vamos a hacer un resumen.

Se puede hacer la lista en un archivo .xls de Excel, pero también en un archivo de texto simple, con el Block de Notas de Windows o cualquier otra aplicación que genere archivos .txt. En cualquier caso, cada pregunta tiene que contener todos sus elementos obligatorios. En los archivos de texto, cada elemento debe ocupar una línea; es decir, cada pregunta debería verse de la siguiente forma:

El tipo de pregunta es una sigla predefinida que se puede ver en la tabla más abajo: se usa MC para Múltiple Choice, MD para Arrastrar y Ordenar, etc. ¿Cómo se establece cuál es la respuesta correcta? La línea que contiene la opción de respuesta correcta tiene que comenzar con un asterisco.

Ejemplo de pregunta con sus opciones y feedbacks

Abreviaturas para el Tipo de Pregunta

TF	True/False (Verdadero/Falso)
MC	Multiple Choice
MR	Multiple Response (Admite Múltiples Respuestas)
FIB	Fill in the Blank (Llenar el Espacio en Blanco)
WB	Word Bank (Banco de Palabras)
MD	Matching Drag and Drop (Arrastrar y Ordenar los Pares)
MDN	Matching Drop-Down (Ordenar Pares con Menúes Desplegables)
SD	Sequence Drag and Drop (Arrastrar y Ordenar en Secuencia)
SDN	Sequence Drop-Down (Secuenciar con Menúes Desplegables)
NUM	Numeric
LIK	Likert (Escala de Intensidades)
PO	Pick One (Elegir Un Objeto)
PM	Pick Many (Elegir Varios Objetos)
WW	Which Word (Elegir la palabra)
SA	Short Answer (Dar una Respuesta Corta)
ESS	Essay (Escribir Respuesta Larga)
RD	Ranking Drag and Drop
RDN	Ranking Drop-Down
HM	How Many (Cuántos)

Otras consideraciones sobre el texto a importar

• Se requieren opciones de respuesta para todos los tipos de pregunta, excepto para SA (Respuesta Corta), ESS (Ensayo) y HM (Cuántos).
• Se pueden importar hasta 10 opciones de respuesta para cada pregunta.
• El feedback o el comentario que se va a leer después de cada opción es optativo. Si se escribe, debe separarse con una barra vertical “|”. Ejemplo: Viedma | Incorrecto, la capital de Chubut es Rawson.
• En las preguntas de coincidencias como MDN o SD se deben escribir los pares correctos separados con una barra vertical “|”. Ejemplos: Perú | Lima, Nicaragua | Managua, Argentina | Buenos Aires.
• Las preguntas numéricas como NUM o HM no admiten opciones de respuestas en la importación, hay que agregarlas después.

Con la práctica, importar las preguntas de esta manera se va volviendo un proceso mucho más rápido que escribirlas en cada diapositiva. Sobre todo si hay que armar un gran banco de preguntas para que los cuestionarios de cada usuario se creen en forma aleatoria.

Indicaciones para Lectores de Pantalla

MINUTO 9:44

Llegando a los 10 minutos de la presentación se ve una tabla con los elementos de cada diapositiva. En esa tabla se pueden reordenar estos elementos a fin de facilitarle la lectura del curso a los SCREEN READERS (Lectores de Pantalla). No conocíamos esa funcionalidad ni habíamos escuchado el término Screen Reader hasta ese momento, por lo que tuvimos que googlear sobre el tema.

Los SCREEN READERS son dispositivos o softwares especializados que “dicen” en voz alta lo que van encontrando en la pantalla. El objetivo es que las personas con deficiencias visuales puedan interactuar de manera efectiva con los contenidos de esas pantallas. 

Esto no es solo una cuestión de empatía: hay países en los que el término ACCESIBILIDAD se asocia a una normativa que debe cumplirse. Si se trabaja para clientes en estos países, el tema no es menor. El foco de esta normativa es que toda la tecnología electrónica y de la información pueda ser usada por personas con discapacidad auditiva o visual. 

Una parte de esta normativa se refiere a la descripción de las imágenes relevantes y en sitios web esta descripción se escribe en el atributo ALT de la imagen. En Storyline, ese ese atributo se coloca en la tabla que se menciona en el video. Los cursos web que proporcionan textos equivalentes para sus imágenes (<ALT>) permiten que los usuarios ciegos puedan utilizar lectores de pantalla para interactuar con esos contenidos.

Convertir un texto a voz

MINUTO 10:44

En el minuto 10:44 se muestra la herramienta de subtítulos: un clip multimedia que aún no tiene subtítulos es analizado por el editor de subtítulos y se generan en forma automática las cajas de texto para ir escribiendo la transcripción de cada frase.

No es que se mencione en el video, pero la herramienta de subtítulos nos recuerda otra funcionalidad no tan utilizada de Storyline: la conversión de TEXTOS EN VOZ sintetizada. La calidad de estos audios va mejorando a medida que se actualiza el software, depende en gran medida de la voz elegida y de cómo se puntúe el texto.

La conversión de TEXTO A VOZ es una buena opción para presentar bocetos, pruebas o ideas a medio completar. Tengamos en cuenta que hay personas que solo al ESCUCHAR un texto (no al leerlo) pueden percibir alguna necesidad de ajustes. Cambiar un texto escrito por otro y hacer clic nuevamente en esta función es mucho más sencillo y barato que volver a grabar una locución y volverla a editar.

Tamaño y aspecto del curso

MINUTO 18:12

Storyline ofrece por defecto una pantalla en blanco con una relación de aspecto de 4:3 y un tamaño de imagen de 720 x 540 pixeles. Tanto el tamaño en píxeles como el aspecto 4:3 van a ser poco efectivos si tu curso va a verse en pantallas de este siglo. Esto conviene definirlo apenas comenzamos a crear el curso, ya que una vez que empezamos a crear las interacciones y los diseños de pantalla, es bastante complicado cambiar el tamaño o la relación de aspecto de la pantalla.

Si el curso se va a ver en pantallas apaisadas hay que cambiar esa proporción original 4:3 a 16:9. Por otra parte, un tamaño de imagen de 1920 x 1080 pixeles nos va a permitir que las imágenes que utilicemos en el curso se vean mucho mejor. También se puede elegir un formato de pantalla vertical si los cursos están destinados 100% a celulares, ya que suelen mirarse en posición vertical. Para ello habrá que imaginar una forma de navegación alternativa al menú lateral, pero el resultado puede verse muy original.

Diseñar la navegación en el Patrón de Diapositivas

MINUTO 20:08

Hacia el final del video se mencionan rápidamente el Patrón de Diapositivas y el Patrón de Comentarios, solo para decir que aparecen en el contexto de las opciones visuales del curso.

Una de las posibilidades del Patrón de Diapositivas (Master Layout) es la de agilizar la creación de todas las diapositivas que contengan elementos similares. Si todos los objetos comunes a un grupo de diapositivas se insertan en un patrón, no hay necesidad de hacer copy-paste de cada botón y de cada forma en cada una de las diapositivas.

Para asignar un Diseño o un Patrón a una diapositiva, solo hay que hacer clic derecho en la diapositiva y elegir su patrón de base. De la misma manera, si hubiera que cambiar un detalle en el diseño general del curso, no hay que repetir el procedimiento en todas las diapositivas: solo hay que hacerlo una vez en el Patrón de Diapositivas.

El Patrón de Diapositivas ofrece también la posibilidad de definir la navegación del curso: esto se hace utilizando ACCIONADORES Y CAPAS dentro de estos patrones de diseño, para que respondan al estado de ciertas variables. Por ejemplo, se podría hacer que el botón de menú tenga un comportamiento determinado que dependa de las opciones del usuario, o que se marque el porcentaje de avance en una barra de progreso.

La diapositiva de abajo muestra cómo incorporar variables y accionadores en el Patrón de Diapositivas, en este caso es un botón de menú que tiene un comportamiento determinado:

Esto es lo que van a hacer TODAS las diapositivas que utilicen este layout:

• Van a tener una pequeña animación de entrada que indica que se trata de un nuevo tema.
• Van a tener el botón de MENÚ arriba y a la derecha, que en principio va a verse en color gris.
• Si el tema está completado, ese botón de MENÚ va a cambiar de color y se va a escuchar una campanita.
• Al hacer el clic en ese botón (si el tema está completado) se va a ir a la diapositiva que presenta el MENÚ de temas.
• Si el tema no está completado,  al hacer clic en el botón se va a mostrar una capa de AVISO: no se ha terminado la diapositiva.

Por cierto, esta plantilla está disponible en este mismo sitio.

Conclusiones

Storyline permite la creación de cualquier tipo de curso interactivo, incluyendo simulaciones de escenarios o cursos con ramificaciones en su navegación. En este artículo repasamos algunas funcionalidades no tan conocidas y sus posibilidades de uso en la práctica. No hay una sola manera de hacer las cosas y todas estas funcionalidades pueden servir también para otras cosas.