¿Quieres agregar interactividad a tus cursos de Storyline 360? Los botones te permiten guiar la navegación, mostrar contenido, captar las opiniones de los alumnos y mucho más. Puede personalizar su apariencia y definir lo que ocurre cuando los alumnos los seleccionan mediante estados y activadores. Sigue leyendo para saber cómo hacerlo.

• Crear y personalizar botones
• Añadir interactividad de botones
• Haga que los botones sean accesibles

Crea y personaliza botones

Para agregar un botón, vaya a la pestaña Insertar y haga clic en Botón. Luego, elige un estilo y dibújalo en tu diapositiva o capa. Para agregar el texto del botón, selecciónelo y comience a escribir. También puedes:

• Dar formato al texto de la pestaña Inicio. Obtenga más información.
• Para ajustar la alineación, los márgenes y el ajuste automático, haga clic con el botón derecho del ratón y elija Formato de forma y, a continuación, seleccione la pestaña Cuadro de texto. Obtenga más información.

Darle a los botones nombres significativos hace que sean más fáciles de identificar en los desencadenantes y las interacciones. Para cambiar el nombre de un botón, haga clic con el botón derecho en él y seleccione Cambiar nombre. También puede hacer doble clic en él en la escala de tiempo e introducir un nombre nuevo.

Para dar formato a un botón para que se adapte al diseño del curso, selecciónelo y vaya a la pestaña Formato. Puede cambiar estilos, colores, efectos y agregar iconos. Los colores provienen de tu tema. Puede hacer clic con el botón derecho en un botón personalizado y seleccionar Establecer como botón predeterminado para aplicar el mismo estilo a todos los botones nuevos.

Para eliminar un botón, selecciónelo y pulse Eliminar en el teclado.

Añadir interactividad de botones

Usa estados y activadores para definir cómo responden los botones a la interacción del alumno.

Los botones incluyen estados integrados que cambian su apariencia cuando los alumnos interactúan con ellos. De forma predeterminada, estos incluyen Normal, Hover, Abajo, Visitado y Desactivado. Puede editarlas o crear las suyas propias. Obtenga más información.

Puede utilizar activadores para determinar qué ocurre cuando los alumnos seleccionan un botón. Por ejemplo, puede mostrar una capa, pasar a otra diapositiva, reproducir contenido multimedia, ajustar una variable y mucho más. Obtenga más información.

También puede:

• Convierte las diapositivas en interacciones de formato libre y usa los botones como opciones de respuesta con puntuaciones y comentarios opcionales.
• Cree conjuntos de botones que permitan solo una selección a la vez. Cuando los botones están agrupados, al seleccionar uno se deseleccionan automáticamente los demás. Puede incluir varios conjuntos de botones en la misma diapositiva.

Haz que los botones sean accesibles

Los botones accesibles ayudan a todos los alumnos a navegar e interactuar más fácilmente con tu formación. Sigue estos consejos para mejorar la accesibilidad de los botones:

• Proporcione instrucciones y comentarios claros. Explica la función de cada botón y envía comentarios cuando esté seleccionado, especialmente cuando se trate de acciones como enviar respuestas o cambiar de una diapositiva a otra (3.3.2 Etiquetas o instrucciones).
• Usa etiquetas descriptivas. Escribe un texto de botón que explique lo que ocurre cuando los alumnos lo seleccionan, como «Enviar respuesta» o «Abrir recursos». Evite textos imprecisos como «Haga clic aquí» (2.4.4 Finalidad del enlace).
• Proporcione nombres accesibles para los botones que solo contienen íconos. Si un botón usa solo un icono, debe agregar texto alternativo que describa su acción. Oculte los íconos decorativos de las tecnologías de asistencia (1.1.1 Contenido no textual).
• Usa el texto que aparece en pantalla en lugar de desplazarte solo con el cursor del ratón. Presente la información importante en la diapositiva en lugar de confiar únicamente en los estados de desplazamiento, que no están disponibles para todos los alumnos (1.4.13 Contenido colocado sobre el ratón o sobre el foco).
• Establece un orden de enfoque lógico. Organice los botones de forma que la navegación por el teclado siga una secuencia útil y útil para los usuarios del teclado y del lector de pantalla (2.1.1 Teclado, 2.4.3 Orden de enfoque).
• Pruebe los botones con un teclado. Asegúrese de que los alumnos puedan alcanzar y activar cada botón con la tecla Tab, Enter o Space (teclado 2.1.1).
• Mantenga visibles los estados de enfoque. Usa el indicador de enfoque de alto contraste predeterminado para que los alumnos puedan ver qué botón está seleccionado. Si lo personaliza, asegúrese de que sea fácil de ver (2.4.7 Enfoque visible).
• Usa suficiente contraste. Elija colores de texto y fondo que sean fáciles de leer en todos los estados de los botones. Intente que la relación de contraste sea de al menos 4. 5:1 para el texto y de 3:1 para el texto o los elementos de botones más grandes (contraste de 1.4.3 [mínimo]).
• No confíes en el color para mostrar el significado. Agregue texto, íconos u otras señales visuales para comunicar los estados de los botones para que los alumnos tengan un contexto más allá del color (1.4.1 Uso del color).
• Haga que los botones sean fáciles de seleccionar. Cree botones que sean lo suficientemente grandes como para seleccionarlos cómodamente. Intente un tamaño objetivo mínimo de 24 x 24 píxeles para admitir diferentes métodos de entrada (2.5.8 Tamaño objetivo [mínimo]).