IA para Diseño Multimedia
Presentación interactiva con IA: de 60 láminas a una pieza que se navega en el celular
Cómo convertir una presentación en una pieza interactiva con IA sin terminar en 47 pestañas: desempeños, interacciones con razón y preguntas que enseñan.
· 13 min de lectura · 4 prompts para copiar
Daniela, diseñadora instruccional freelance, recibió un jueves las sesenta láminas de un seminario presencial de tres horas sobre trabajo en altura, el que Rodrigo, el prevencionista de la contratista, dicta desde hace cuatro años. Ahora tenía que ser autoinstruccional para los 180 instaladores de terreno, y estar cargado en el LMS el jueves siguiente. Marcela, la jefa de capacitación, pidió dos cosas: «que se vea moderno, con hartas interacciones, no un PDF con flechas», y que quedara en el LMS con registro de avance, porque tiene una auditoría en seis semanas. Lo que nadie le dijo a Daniela: 164 de los 180 la iban a abrir en el celular, en terreno, con sus propios datos.
El viernes por la tarde le pasó el PPT a la IA y le pidió que lo convirtiera en una página interactiva. Volvió con 47 pestañas y 13 acordeones: las sesenta láminas, con el mismo texto, ahora detrás de un clic. Pesaba 26 MB, traía dos preguntas de control, las dos con la respuesta correcta en la B, y venía en una carpeta con un index.html que el LMS de la contratista no reconoce. El curso anterior, el del arnés, pesaba 38 MB y quedó con 31 % de avance porque no abría con señal débil.
Hacer una presentación interactiva con IA es fácil. Hacer una que sirva requiere decidir tres cosas antes de pedirle nada a la IA. Este artículo trae esas tres decisiones y los cuatro prompts que las convierten en una pieza liviana que se puede usar con una mano.
Desempeños antes que láminas
La pregunta no es «¿cómo hago interactiva esta lámina?». Es «¿qué tiene que poder hacer el instalador el martes, en la torre, cuando cierre la pieza?». Eso es un desempeño: verbo, objeto y condición, algo que alguien podría ver ejecutarse. «Elegir el punto de anclaje cuando el certificado queda fuera de alcance» es un desempeño. «Marco normativo» es el título de una lámina.
Cuando ordenas las sesenta láminas por desempeño, pasan dos cosas. Primero, los desempeños son pocos: en el caso de Daniela, nueve. Segundo, muchas láminas no sirven para ninguno: portadas, marco normativo, el organigrama de la empresa, los objetivos de la jornada, fotos de la planta. En su caso, 39 de 60 quedaron fuera: el curso estaba en las 21 que quedaban. Esa cuenta es útil para ti y para el cliente: te dice qué proporción del seminario era de verdad el curso.
Cada interacción con su razón escrita
La IA, si le pides «hazlo interactivo», reparte pestañas y acordeones por simetría. La regla es que cada interacción tenga una razón didáctica escrita en una línea, en términos de lo que la persona hace:
- Pestañas cuando la persona tiene que comparar dos o tres cosas (tres equipos que se eligen comparando).
- Acordeón cuando tiene que consultar lo suyo entre muchos ítems (las diez preguntas que los instaladores hacen siempre, de las que cada uno necesita dos o tres).
- Arrastrar y soltar cuando tiene que ordenar pasos (los cinco de la inspección del arnés).
- Decisión con consecuencia o pregunta de control cuando tiene que decidir algo que va a decidir en el trabajo.
- Texto con una imagen cuando no hay nada que hacer salvo leer. Y eso está bien.
«Para que no se vea plano» no es una razón. Si al sacar una interacción no se pierde nada, era decoración, y en el celular la decoración cuesta peso y clics. De las veintitrés interacciones que la IA propuso, la pieza buena de Daniela quedó con cuatro; las otras diecinueve no pasaron la línea de la razón: dos secciones quedaron en texto corrido con una imagen y el resto se convirtió en cinco preguntas de control.
Preguntas que enseñan en las cuatro opciones
Las dos preguntas de la versión del viernes eran de definición, con la correcta en la B. Una pregunta de control útil pone a la persona en una situación con datos concretos (distancias, tiempos, qué equipo hay a mano), le da tres distractores que alguien elegiría de verdad (el atajo que funciona casi siempre, la confusión entre dos cosas parecidas) y trae retroalimentación en las cuatro opciones, incluida la correcta, porque alguien pudo acertar por descarte.
Los distractores buenos no los inventa la IA: salen de los errores reales, los que contó el relator o los que están en el registro de incidentes. La IA escribe cuatro retroalimentaciones excelentes sobre un error que nadie comete. Si no tienes errores reales, pídeselos al prevencionista antes de pedirle preguntas a la IA.
Y antes de empaquetar: la pieza se prueba en un celular real con señal débil, se recorre completa con el teclado, se mide el contraste y la ven dos personas del público real. Lo que la IA afirme sobre el celular o el LMS del cliente no es una verificación.
Los 4 prompts para copiar
Los huecos van entre <<< >>>: reemplázalos con lo tuyo antes de enviar. Funcionan en cualquier asistente de IA conversacional.
Prompt 1
De las láminas a los desempeños
El primero, con el texto de las láminas pegado. Devuelve desempeños, secciones, recorrido y la cuenta de lo que quedó fuera. Nada de pantallas todavía.
Actúas como diseñador instruccional con experiencia convirtiendo presentaciones presenciales en piezas autoinstruccionales. No vas a convertir las láminas: las vas a reorganizar alrededor de lo que la persona tiene que poder hacer. Quién la va a usar: <<<CARGO, CANTIDAD Y CONDICIONES, ej: 180 instaladores de terreno; la mayoría la abre en el celular, con sus datos>>>. Duración máxima de recorrido: <<<EJ: 25 minutos>>>. Lo que el cliente pidió, con sus palabras: <<<FRASE DEL ENCARGO, TAL CUAL>>>. Material: <<<PEGA EL TEXTO DE LAS LÁMINAS>>>. Necesito: 1. DESEMPEÑOS: qué tiene que poder HACER esta persona en su trabajo al terminar. Verbo + objeto + condición. Si no se puede observar, no es un desempeño: es un título de lámina. 2. SECCIONES: agrupa los desempeños en el MENOR número posible de secciones. No una sección por lámina. 3. RECORRIDO: qué va antes de qué por dependencia real, y qué puede saltarse alguien que ya sabe. 4. LO QUE QUEDÓ FUERA: cuántas láminas no sirven a ningún desempeño y de qué tipo son. 5. LO QUE FALTA: qué información necesitas y no está en el material. Obligatoria, no puede venir vacía. Reglas: no inventes desempeños que el material no respalde. No propongas interacciones ni formato: eso lo decido después.
Prompt 2
La interacción de cada sección, con su razón
Con la estructura del prompt 1 ya corregida por ti. Devuelve una tabla que además te sirve para la conversación con el cliente que pide «hartas interacciones».
Actúas como diseñador instruccional que decide interacciones por razón didáctica, no por variedad. Para cada sección vas a proponer UNA interacción o ninguna. Estructura: <<<PEGA DESEMPEÑOS Y SECCIONES REVISADOS>>>. Dispositivo y conexión: <<<EJ: celular, en terreno, señal débil, una mano libre>>>. Peso máximo: <<<EJ: 5 MB>>>. Dame una tabla con una fila por sección y estas columnas: Sección | Qué hace la persona aquí (comparar, elegir, consultar lo suyo, decidir; si es «leer», escríbelo) | Interacción propuesta o «ninguna: texto con una imagen» | Razón didáctica en UNA línea | Qué se pierde si la saco (si es «nada», descártala en la misma tabla). Después: 1) las que descartaste y por qué; 2) las que esconden contenido detrás de un clic; 3) el costo en peso y si funciona con el pulgar; 4) qué decisión depende de algo que no te di. Prohibido justificar con «para dinamizar», «para que no se vea plano» o «para mantener el interés». No más de una interacción por sección.
Prompt 3
Preguntas de control con los errores reales
Cuando tengas los errores reales en la mano. Devuelve preguntas con situación, distractores plausibles y retroalimentación en las cuatro opciones.
Actúas como diseñador instruccional escribiendo preguntas de control para una pieza autoinstruccional. Cada pregunta pone a la persona frente a una decisión que va a tomar en su trabajo. Desempeños: <<<PEGA LOS DEL PROMPT 1>>>. Errores que se cometen de verdad, uno por línea, con quién y por qué: <<<EJ: se anclan a la baranda cuando el punto certificado queda a cuatro metros de donde tienen que trabajar; lo hace gente con años, porque funciona casi siempre>>>. Una pregunta por desempeño que admita una decisión honesta, no una por desempeño a la fuerza. Para cada una: 1. La situación en dos o tres líneas, con datos concretos. No empieces con «según la normativa». 2. Cuatro alternativas del mismo largo, con la correcta repartida entre posiciones. Al final dime en qué posición quedó cada una. 3. Tres distractores que alguien elegiría de verdad, salidos de los errores que te di. 4. Retroalimentación para las CUATRO opciones: en las incorrectas, qué razonamiento lleva ahí y qué pasa la vez que falla; en la correcta, por qué lo es. Al final: desempeños sin pregunta honesta (probablemente son material de consulta) y qué distractor estás inventando por falta de errores reales. Ninguna de verdadero o falso.
Prompt 4
El archivo navegable y la lista para probarlo
El último. La IA escribe la pieza (tú no escribes código) y te devuelve la lista de verificación para el celular, el teclado y el LMS.
Vas a escribir una pieza web autoinstruccional de una sola página. Yo no escribo código: tú escribes el archivo completo y yo lo pruebo. Especificación: estructura <<<PROMPT 1>>>; interacciones aprobadas <<<SOLO LAS FILAS QUE SOBREVIVIERON DEL PROMPT 2>>>; preguntas con sus cuatro retroalimentaciones <<<PROMPT 3>>>. Condiciones no negociables: - Se usa en celular, con señal débil y una mano. Peso máximo <<<EJ: 5 MB>>>, imágenes incluidas. - Todo se recorre y opera solo con teclado: tabulador, Enter o espacio, foco siempre visible. - Nada esencial detrás de pasar el mouse: en pantalla táctil no existe. - Cada interacción con un nombre que un lector de pantalla pueda leer. - Sin dependencias externas: todo dentro del archivo. Necesito: 1) el archivo completo, con las interacciones aprobadas y ninguna más; 2) en qué ancho se ven las imágenes y a qué ancho exportarlas; 3) qué dejaste fuera de mi especificación y por qué; 4) la lista de verificación en tres bloques: celular real, teclado y lector de pantalla, y antes de empaquetar al LMS (manifiesto en la raíz del zip, estándar y versión que el LMS acepta, archivo de inicio con el nombre exacto, peso bajo el límite). No agregues contenido ni animaciones que no estén en la especificación. No afirmes que «es accesible»: dime qué hiciste y qué tengo que comprobar yo.
Ejemplo: las 60 láminas de Rodrigo, dos veces
La versión del viernes de Daniela salió de pedirle a la IA «conviértelo en una página interactiva». Resultado: las 60 láminas se volvieron 47 pestañas y 13 acordeones, el mismo texto, ahora detrás de un clic. 26 MB. Dos preguntas de control, correcta en la B las dos. Y una carpeta con un index.html que el LMS de la contratista no reconoce.
La segunda versión partió por el prompt 1, con las láminas y la grabación de dos horas y cuarenta minutos del último seminario. Salieron nueve desempeños (inspeccionar un arnés antes de subir, elegir el punto de anclaje cuando el certificado queda fuera de alcance, reconocer cuándo una escala está mal apoyada, entre otros) agrupados en seis secciones, con orden obligado solo donde hay dependencia real. Y una línea que Daniela no esperaba: 39 láminas no sirven para ningún desempeño: portadas, marco normativo, organigrama, objetivos de la jornada, fotos de la planta. El curso estaba en las 21 que quedaban.
El prompt 2 devolvió la tabla de dos columnas. De las veintitrés interacciones que la IA proponía sobrevivieron cuatro: pestañas donde hay tres equipos que se eligen comparando; un acordeón con las diez preguntas que los instaladores hacen siempre, de las que cada uno necesita dos o tres; arrastrar y soltar para ordenar los cinco pasos de la inspección del arnés; y una decisión con consecuencia donde el punto de anclaje certificado queda fuera de alcance. Dos secciones quedaron en texto corrido con una imagen y el resto se convirtió en cinco preguntas de control.
Para el prompt 3, Daniela le pidió a Rodrigo los tres incidentes del último año: dos caídas por escala mal apoyada y una persona que se ancló a una baranda porque el punto certificado quedaba a cuatro metros de donde tenía que trabajar. Ese tercero se convirtió en la mejor pregunta de la pieza, y los distractores son los tres atajos que Rodrigo ha visto: anclarse a la baranda, trabajar sin anclaje «porque son dos minutos», o estirar el cabo de vida. La retroalimentación de cada uno explica por qué el atajo funciona casi siempre y qué pasa la vez que no.
La pieza final pesó 4,2 MB y se recorre en veinticinco minutos con una mano. Se probó con dos instaladores en un celular con señal de terreno y se entregó como paquete SCORM, porque Marcela necesita el registro de avance para la auditoría en seis semanas: por link se pierde el registro, y ese era el único motivo por el que el cliente pidió un LMS. El curso anterior, el del arnés, pesaba 38 MB y quedó con 31 % de avance. Esta pieza no competía contra las láminas: competía contra ese número.
Preguntas frecuentes
¿Necesito saber programar para hacer una presentación interactiva con IA?
No. El prompt 4 le pide a la IA el archivo completo y tú lo revisas y lo pruebas. Lo que sí necesitas saber es decidir desempeños, interacciones y preguntas antes de pedir el archivo; si pides el archivo primero, recibes tus láminas convertidas en pestañas.
¿Qué herramienta uso: Genially, PowerPoint, una página web?
El método es independiente de la herramienta. Un archivo HTML único tiene la ventaja de que pesa poco, se abre en cualquier celular sin instalar nada y se empaqueta a un LMS como SCORM. Si tu cliente ya usa otra herramienta, las decisiones de los prompts 1 a 3 se aplican igual.
¿Cómo le explico al cliente que su presentación de 60 láminas quedó en 6 secciones?
Con la cuenta del prompt 1 (cuántas láminas no servían a ningún desempeño y de qué tipo eran) y con la tabla del prompt 2, que muestra la razón de cada interacción. Un cliente que pide «hartas interacciones» suele estar pidiendo que la gente termine el curso, y eso se consigue con menos peso, no con más pestañas.
¿Cuánto debería pesar una pieza para celular?
Depende de la conexión del público, pero menos de 5 MB es una buena meta para terreno con señal débil. Lo que más pesa son las imágenes incrustadas a resolución original: pídele a la IA el ancho real en que se ven y exporta a ese ancho.
De dónde sale este método
Convierte una presentación en una pieza navegable
Este artículo resume el método del curso. El curso trae el caso completo en video, la cápsula interactiva para practicar la decisión, la guía de una página y las versiones completas de los prompts, con las reglas y los chequeos que acá quedaron fuera por espacio.
IA para Diseño Multimedia · Módulo 3 de 3 · Nivel Avanzado · ~1 hora, a tu ritmo
El curso se compra una vez y el acceso no vence. Si prefieres ver todo el catálogo antes, está acá.
Sigue leyendo
- cápsula de aprendizaje interactivaCápsula de aprendizaje interactiva: cómo diseñar una donde el alumno decide (y no un quiz)Qué distingue una cápsula de aprendizaje interactiva de un quiz, y cómo diseñarla con IA: caso con presión, árbol de nueve caminos y medidor calibrado.
- inducción de personal con IAInducción de personal con IA: cómo producir el curso completo sin equipo y sin que se te pase un errorCómo producir un curso de inducción de personal con IA siendo una sola persona: guion para ser oído, visual fijo, contenido crítico validado y accesibilidad.
