Guía del usuario

Añadir un widget de tarjeta apilada a tu proyecto de Captivate

  1. Guía del usuario de Captivate
  2. Familiarícese con Captivate
    1. Novedades de Adobe Captivate
    2. Requisitos del sistema de Adobe Captivate
    3. Descargar Adobe Captivate
    4. Preguntas más frecuentes
  3. Versiones de Adobe Captivate
    1. Adobe Captivate 13
      1. Notas de la versión de Adobe Captivate (13.1)
      2. Notas de la versión de Adobe Captivate (13.0)
    2. Adobe Captivate 12
      1. Resumen de Adobe Captivate 12
      2. Notas de la versión de Adobe Captivate (actualización 12.6)
      3. Notas de la versión de Adobe Captivate (actualización 12.5)
      4. Notas de la versión de Adobe Captivate (actualización 12.4)
      5. Notas de la versión de Adobe Captivate (actualización 12.3)
      6. Notas de la versión de Adobe Captivate (actualización 12.2)
      7. Notas de la versión de Adobe Captivate (actualización 12.1)
  4. Configuración del proyecto
    1. Navegador de diapositivas
    2. Dimensiones del proyecto
    3. Configuración de preferencias
      1. Preferencias generales
      2. Preferencias de IA generativa
      3. Preferencias del proyecto
      4. Preferencias de prueba
    4. Temas
    5. Configurar el acceso a direcciones URL para las funciones de Adobe Captivate
  5. Importación desde PowerPoint
    1. Importar presentaciones de PowerPoint a Captivate
    2. Seleccionar diapositivas de PowerPoint para importar en Captivate
    3. Trabajar con texto en diapositivas importadas
    4. Trabajar con formas en diapositivas importadas
    5. Agregar medios a diapositivas importadas
    6. Agregar interacciones y animaciones a diapositivas importadas
  6. Importar desde Captivate Classic
    1. Importar proyectos de Captivate Classic a Adobe Captivate
    2. Importar proyectos de simulación de Captivate Classic en Captivate
  7. IA generativa en Adobe Captivate
    1. Información general sobre la IA generativa
    2. Preguntas frecuentes sobre IA generativa
    3. Créditos generativos
    4. Generar texto 
      1. Información general sobre la generación de texto
      2. Escribir indicaciones efectivas para la generación de texto
      3. Generar texto usando indicaciones rápidas
      4. Generar texto usando indicaciones personalizadas
      5. Proporcionar comentarios para mejorar la generación de texto
    5. Generar imágenes
      1. Información general sobre la generación de imágenes
      2. Generar imágenes usando indicaciones
      3. Elige el tipo de contenido de imagen: foto o arte
      4. Usar imágenes de referencia para composición y estilo
      5. Mejores prácticas para la generación efectiva de imágenes
      6. Proporcionar comentarios para mejorar la generación de imágenes
    6. Generar avatar
      1. Información general sobre la generación de avatares
      2. Personalizar el avatar
      3. Crear transcripciones para la narración del avatar
      4. Generar narración de avatar
      5. Proporcionar comentarios para mejorar la generación de avatar
    7. Generar transcripciones
      1. Información general sobre la generación de transcripciones
      2. Generar transcripciones para subtítulos opcionales
      3. Prácticas recomendadas para utilizar transcripciones de forma eficaz
  8. Agregar y editar texto
    1. Añadir texto a un proyecto
    2. Añadir fuentes de Adobe a un proyecto
    3. Añadir citas
    4. Creación en idiomas escritos de derecha a izquierda
  9. Añadir y editar imágenes
    1. Añadir imágenes a un proyecto
    2. Editar la imagen de fondo de una diapositiva
    3. Añadir SVG a un proyecto
  10. Añadir y editar medios
    1. Añadir vídeos a un proyecto
    2. Añada y edite audio
    3. Agregar audio para interacciones de widgets
    4. Añadir subtítulos opcionales
    5. Añadir objetos web a un proyecto
  11. Componentes interactivos
    1. Añadir un botón
    2. Añadir un campo de entrada
    3. Añadir un grupo de botones de opción
    4. Añadir un menú desplegable
    5. Añadir una casilla de verificación
    6. Variables de Adobe Captivate
  12. Crear pruebas
    1. Añadir una pregunta de opción múltiple
    2. Añadir una pregunta de verdadero o falso
    3. Añadir una pregunta de asociar columnas
    4. Añadir una pregunta de respuesta corta
    5. Añadir una pregunta de secuencia
    6. Añadir grupos de preguntas y diapositivas de preguntas aleatorias
    7. Importación de preguntas como CSV
  13. Adición de widgets
    1. Añadir una tarjeta
    2. Añadir fichas
    3. Agregar un certificado
    4. Añadir un carrusel
    5. Añadir una zona interactiva
    6. Añadir arrastrar y soltar
    7. Añadir una cronología
    8. Añadir Pulsar para revelar
    9. Añadir un acordeón
    10. Añadir un regulador
    11. Añadir una tarjeta de pila
  14. Interacciones y animaciones
    1. Añadir interacciones a un proyecto
    2. Crear un vídeo interactivo con superposición
    3. Crear una interacción de nivel de diapositiva
    4. Crear una interacción de nivel de objeto
    5. Añadir animaciones a un proyecto
    6. Estados en Adobe Captivate
  15. Mejora tu proyecto de aprendizaje electrónico
    1. Añadir relleno a bloques de contenido y componentes
    2. Añadir un encabezado a un proyecto
    3. Añadir un pie de página a un proyecto
    4. Crear un proyecto de desplazamiento largo
    5. Añadir una diapositiva de conversación
    6. Agregue personajes a su proyecto de Adobe Captivate
    7. Recursos de Captivate
  16. Proyectos de simulación
    1. Descripción general y configuración de la simulación
    2. Modo de demostración
    3. Modo de formación
    4. Modo de evaluación
    5. Grabación de movimiento completo
  17. Cronología y tabla de contenido
    1. Panel Cronología en Adobe Captivate
    2. Índice en Adobe Captivate
    3. Bloquear y ocultar diapositivas en Adobe Captivate
  18. Revisar y colaborar
    1. Uso compartido para su revisión
    2. Crear y gestionar revisiones
    3. Añadir comentarios de revisión y colaborar
    4. Preguntas frecuentes y guía de solución de problemas para compartir proyectos para su revisión   
  19. Previsualizar y publicar
    1. Previsualizar el proyecto
    2. Publicar el proyecto
  20. Accesibilidad
    1. Creación de contenido accesible de aprendizaje electrónico en Adobe Captivate
    2. Hacer que una diapositiva sea accesible
    3. Agregar accesibilidad a los objetos de la diapositiva
    4. Hacer que un componente interactivo sea accesible
    5. Crear un widget accesible
    6. Hacer accesible un cuestionario
    7. Accesibilidad al índice y a la barra de reproducción
  21. Opciones de diseño en Adobe Captivate
    1. ¿Qué son las opciones de diseño?
    2. Partes de una opción de diseño
    3. Crear opciones de diseño personalizado
    4. Modificar una opción de diseño personalizada
    5. Exportar una opción de diseño personalizada
    6. Importar una opción de diseño personalizada
  22. Recursos adicionales
    1. Principales tutoriales en Captivate
    2. Captivate Classic frente a Adobe Captivate
    3. Actualizar proyectos más antiguos de Captivate a la versión más reciente
    4. Crear e implementar paquetes de Captivate en Admin Console

Información general

El widget de tarjeta apilada en Adobe Captivate permite presentar contenido como una pila de tarjetas visualmente superpuestas.Los estudiantes avanzan por las tarjetas una a la vez haciendo clic o pulsando, lo que crea una interacción enfocada y ligera que funciona especialmente bien en dispositivos móviles.Cada tarjeta puede incluir un encabezado, subencabezado, texto independiente y una imagen, lo que hace que las tarjetas apiladas sean ideales para microaprendizaje, instrucción basada en pasos y narración secuencial.El widget incluye múltiples opciones de diseño predefinidas, animaciones integradas y comportamiento adaptable en vistas de escritorio, tableta y móvil.

Por qué usar tarjetas apiladas

Las tarjetas apiladas entregan contenido progresivamente, un concepto por tarjeta.Este modelo de interacción se alinea con la forma en que los estudiantes consumen habitualmente contenido en teléfonos y tabletas y ayuda a reducir la sobrecarga cognitiva.

Los beneficios clave incluyen:

  • Divulgación progresiva que mantiene a los estudiantes enfocados en una sola idea a la vez. 
  • Diseños limpios que evitan pantallas sobrecargadas mostrando solo una tarjeta principal. 
  • Ritmo controlado por el estudiante a través de interacciones de clic o pulsación. 
  • Un patrón de interacción móvil que se siente más natural que los widgets de carrusel o tarjeta giratoria. 
  • Comparado con los widgets de carrusel o tarjeta giratoria, las tarjetas apiladas enfatizan el flujo secuencial y la progresión tarjeta por tarjeta en lugar de navegación paralela, lo que las hace particularmente efectivas para diseños de cursos móviles.

Casos de uso del mundo real

Las tarjetas apiladas se usan comúnmente para:

  • Aprendizaje basado en historias que se desarrolla secuencialmente.
  • Recorridos de procesos paso a paso.
  • Revisión estilo tarjetas de memoria en dispositivos móviles.
  • Introducciones de escenarios en el aprendizaje gamificado

Añadir un widget de tarjetas apiladas a un proyecto

Para agregar un widget de tarjetas apiladas a un proyecto:

  1. Seleccionar la diapositiva en la que se desea insertar el widget.

  2. Seleccionar Añadir widgets en la barra de herramientas de la izquierda.

  3. Seleccione Tarjetas apiladas de la lista de widgets.El widget se agrega al lienzo con un conjunto predeterminado de cuatro tarjetas.Puede agregar un mínimo de dos tarjetas y un máximo de 20 tarjetas.
    \n

    interfaz de Captivate mostrando el widget de tarjetas apiladas
    Seleccione el número de tarjetas en la pila

  4. Seleccione una tarjeta del selector de tarjetas para agregar texto e imágenes.

    Interfaz del widget de pila mostrando cómo seleccionar cada tarjeta para editarla
    Elija cualquier tarjeta del selector de tarjetas

Personalizar un widget de tarjetas apiladas

Después de agregar el widget, usar el panel Propiedades visuales para configurar las opciones de diseño, alineación, apariencia y comportamiento.

  1. Seleccione la opción de diseño que mejor apoye la interacción del estudiante.Elija una opción de diseño de distribución horizontal, adecuada para narración, o una distribución vertical adecuada para contenido instructivo basado en pasos.

    Interfaz de Captivate mostrando opciones de diseño para el widget de tarjetas apiladas
    Elija una opción de diseño de tarjetas apiladas

  2. Los autores pueden usar estos componentes para configurar propiedades de tarjetas a nivel de widget y para tarjetas individuales.Habilitar estos componentes a nivel de widget:

    • Encabezado: Muestra el encabezado principal de cada tarjeta.
    • Cuerpo: Contiene el contenido de texto principal.
    • Instrucción: Proporciona orientación a los estudiantes, como "Deslice hacia la izquierda o derecha para continuar."
    • Botón anterior: Mueve al estudiante a la diapositiva anterior.
    • Botón siguiente: Mueve al estudiante a la siguiente diapositiva.
    Interfaz de Captivate que muestra los componentes del widget de tarjetas apiladas
    Habilitar los componentes necesarios para el widget de tarjeta de pila

  3. Habilitar o deshabilitar cada componente para tarjetas individuales según sea necesario:

    • Imagen: Añade una imagen para la tarjeta.
    • Encabezado: Muestra el título de cada tarjeta
    • Subencabezado: Añade texto de apoyo o información adicional.
    • Cuerpo: Contiene el contenido de texto principal.
    • Números de tarjeta: Muestra el número de tarjeta según su posición en la pila.

    Puede habilitar o deshabilitar estos componentes de forma independiente para cada tarjeta.

  4. En la sección Apariencia, cambie el fondo del widget, añada bordes y sombras, y ajuste el desenfoque, brillo y contraste del fondo. 

    Interfaz de Captivate que muestra cómo personalizar la apariencia del widget de tarjeta de pila
    Personalizar la apariencia de la tarjeta de pila

Configurar el comportamiento de reproducción y finalización de la tarjeta de pila

Configure cómo se comportará la tarjeta de pila al cargar y cuando se visualicen todas las tarjetas del widget. 

  1. En el panel Propiedades visuales, desplácese hacia abajo y seleccione Configuración.

    Interfaz de Captivate que muestra las configuraciones de comportamiento para la tarjeta de pila
    Configure los ajustes de comportamiento de la tarjeta de pila desde Configuración en el panel de propiedades visuales

  2. Habilite Reproducción automática al cargar para avanzar automáticamente a la siguiente tarjeta de la pila después de un intervalo especificado.Configure el tiempo de espera entre tarjetas en segundos.

    Interfaz de Captivate que muestra la configuración del intervalo de tiempo entre tarjetas de un widget de tarjetas apiladas
    Habilitar la reproducción automática y establecer la duración

  3. Habilite Pasar a la siguiente diapositiva cuando el widget se complete para ir automáticamente a la siguiente diapositiva cuando el alumno complete todas las tarjetas.

Personalizar tarjetas individuales de la pila

Puede editar el contenido de texto e imagen para cada tarjeta en una pila.De forma predeterminada, todas las tarjetas incluyen marcadores de posición de imagen y texto que puede modificar.

Seleccionar una tarjeta del selector de tarjetas para comenzar a personalizarla.En este ejemplo, Tarjeta 1 está seleccionada. Sigue estos pasos para personalizar una tarjeta:

Interfaz del widget de pila que muestra cómo seleccionar cada tarjeta para editarla
Seleccionar tarjetas individuales en el selector de tarjetas

  1. Seleccionar una tarjeta en la pila desde el selector de tarjetas.

  2. Habilite los componentes que requiera para esa tarjeta, como Imagen, Encabezado, Subencabezado o Cuerpo.

  3. En la sección Apariencia, personaliza el Radio de vértice para la tarjeta seleccionada, cambia el Fondo, añade bordes y sombras. 

    Interfaz de Captivate que muestra cómo personalizar la apariencia de cada tarjeta en el widget de tarjetas apiladas
    Personalizar la apariencia de una tarjeta en el apilado

  4. Selecciona cada componente de texto en la tarjeta para añadir contenido como encabezados o Texto independiente, y ajusta su formato en la sección Apariencia. También puede utilizar la opción Generar texto para crear contenido para el cuadro de texto seleccionado mediante IA generativa.Para obtener más información, Descubre cómo generar texto usando IA en Captivate.

    Interfaz de Captivate que muestra las options de formato de texto para el texto en una tarjeta de apilado

  5. Selecciona el icono en la imagen de la tarjeta para modificar su apariencia o reemplazarla desde assets, tu sistema, o selecciona la opción Generar imagen para usar imágenes generadas por IA. Obtén más información sobre cómo generar imágenes en Captivate usando IA.

    Interfaz de Captivate que muestra cómo reemplazar la imagen en una tarjeta de apilado
    Reemplazar la imagen de la tarjeta de apilado desde assets, cargar desde el sistema o usar IA generativa

  6. En la sección Estados, seleccionar Mostrar para mostrar el estado Visitado para cada tarjeta.Puedes personalizar la apariencia del estado visitado en todas las tarjetas para distinguir visualmente las tarjetas que ya han sido vistas, mientras las tarjetas progresan en una Secuencia cíclica. Esto ayuda a los estudiantes a seguir fácilmente su progreso a través del apilado.

    Interfaz de Captivate que muestra cómo personalizar la apariencia para los estados visitados de las tarjetas de apilado
    Personalizar la apariencia del estado Visitado

Adobe, Inc.

Obtén ayuda de forma más rápida y sencilla

¿Nuevo usuario?