84/365 · HTML: actividad 'elige tu camino' (ramificada)

Ayer vimos cómo usar barras de progreso para hacer visible el avance y reducir la ansiedad ante tareas largas. Hoy toca dar un salto más ambicioso: actividades ramificadas, esas en las que cada decisión del estudiante lleva a un camino diferente. Tipo "elige tu propia aventura", pero con propósito pedagógico.

Hace un par de años, para una formación STEM en un PFPP (plan de formación permanente del profesorado) de mi centro, planteé una actividad previa que se basaba en elegir itinerarios según preferencias de cada herramienta, ir haciendo "cosas" y experimentando con recursos visuales o simplemente leer información para que el día de la formación, en cada estación, supiesen qué hacer. Era flipped learning aplicado a formación de adultos. Y no todos lo hicieron, claro, pero los que sí lo hicieron llegaron con una ventaja brutal.

Personalmente, me fascina cómo la estructura ramificada obliga a la toma de decisiones consciente. No es un itinerario lineal donde todos hacen lo mismo en el mismo orden. Es un mapa con bifurcaciones, y eso cambia completamente la agencia del estudiante.

Qué es una actividad ramificada y por qué importa

Una actividad ramificada es aquella en la que el estudiante toma decisiones que afectan al contenido que verá a continuación. Puede ser tan simple como "¿Prefieres ver un vídeo o leer un texto?" o tan compleja como "Según tu respuesta a esta pregunta, irás por la ruta A, B o C".

Esto conecta directamente con el concepto de agencia del estudiante, que Carol Dweck y otros investigadores han vinculado con la mentalidad de crecimiento. Cuando un estudiante siente que tiene control sobre su aprendizaje, su compromiso aumenta. Dicho de otra forma: no es lo mismo seguir instrucciones que tomar decisiones informadas sobre cómo aprender.

En el contexto del Diseño Universal para el Aprendizaje (DUA), las rutas ramificadas responden al principio de proporcionar opciones para sostener el esfuerzo y la persistencia. No todos los estudiantes se motivan igual ni aprenden mejor con el mismo formato. Darles la opción de elegir su ruta es respetar su autonomía y sus preferencias cognitivas.

Por qué funcionan en primaria (y en formación de adultos)

En primaria, las actividades ramificadas tienen un atractivo casi mágico. Los niños y niñas están acostumbrados a videojuegos, apps y narrativas interactivas. Cuando trasladas esa lógica al aprendizaje, la fricción desaparece. De repente, una actividad sobre el ciclo del agua puede convertirse en una aventura donde eliges si eres una gota en el mar, en una nube, o en un río.

La clave está en que cada camino debe ser pedagógicamente válido. No se trata de que un camino sea "el bueno" y otro "el malo". Se trata de que cada ruta cubra el mismo objetivo de aprendizaje desde ángulos diferentes. Por ejemplo: una ruta puede ser más visual, otra más textual, y otra más experimental. Todas llegan al mismo concepto, pero respetando distintos estilos de procesamiento.

Cuando lo pruebas con alumnado real, cambia todo. Dejan de esperar instrucciones pasivamente y empiezan a explorar. Y lo más interesante: algunos repiten la actividad eligiendo otro camino, porque quieren ver qué pasa. Eso es aprendizaje autodirigido en su forma más pura.

Cómo se construye: la lógica de las bifurcaciones

En HTML, una actividad ramificada es, básicamente, un conjunto de bloques de contenido que se muestran u ocultan según las decisiones del usuario. Puedes hacerlo con JavaScript que escucha clics en botones y cambia la visibilidad de secciones. La estructura es: pantalla inicial con opciones, cada opción lleva a una sección específica, y cada sección puede tener nuevas bifurcaciones.

Por ejemplo: empiezas con "¿Qué te interesa más: plantas, animales o ecosistemas?" Según la respuesta, muestras un bloque diferente. Dentro de "plantas", puedes preguntar "¿Quieres aprender sobre fotosíntesis o reproducción?" Y así sucesivamente. Al final, puedes incluir una sección común de cierre donde todas las rutas convergen para sintetizar lo aprendido.

Lo interesante es que puedes añadir una barra de progreso ramificada: en lugar de avanzar linealmente del 0% al 100%, la barra refleja cuántas decisiones has tomado y cuántos bloques de contenido has visitado. Esto mantiene la sensación de avance sin forzar un único camino.

El riesgo: ramificación sin intención pedagógica

Muchas personas piensan que el problema de las actividades ramificadas es que son difíciles de programar. Casi nunca lo es. El problema es que se ramifica sin criterio pedagógico claro.

Si cada camino cubre contenidos diferentes sin coherencia, acabas con estudiantes que saben cosas distintas y no hay forma de evaluar equitativamente. La diferencia fundamental es diseñar rutas que cubran los mismos objetivos desde enfoques diferentes, no objetivos diferentes.

Otro riesgo es la paradoja de la elección. Si ofreces demasiadas opciones, puedes paralizar al estudiante. En primaria, dos o tres caminos son suficientes. En secundaria o formación de adultos, puedes permitirte más complejidad. Pero siempre con una lógica clara: ¿por qué estas opciones? ¿Qué criterio pedagógico las justifica?

Y un riesgo técnico: si la ramificación no tiene vuelta atrás, puedes generar frustración. Siempre debe haber una opción de "volver al inicio" o "elegir otro camino". La exploración debe ser libre de consecuencias irreversibles.

Un caso real: flipped learning con itinerarios previos

En aquella formación STEM para profesorado, diseñé una actividad ramificada en HTML que funcionaba como preparación previa. Empezaba preguntando: "¿Qué recurso te gustaría explorar: robótica, programación visual, o diseño 3D?" Según la respuesta, llevaba a una sección con vídeos, tutoriales y actividades prácticas de ese recurso.

Dentro de cada ruta, había nuevas bifurcaciones: "¿Prefieres ver un ejemplo o probar tú mismo?" Los que elegían "probar" accedían a simuladores online. Los que elegían "ver ejemplo" accedían a vídeos cortos. Al final, todas las rutas convergían en una reflexión común: "¿Cómo aplicarías esto en tu aula?"

No todos hicieron la actividad previa, es cierto. Pero los que sí la hicieron llegaron a la formación con contexto, preguntas específicas, y una idea clara de qué querían profundizar en cada estación. Eso es flipped learning funcional: no obligatorio, pero diseñado para que quien lo haga tenga una ventaja real.

Cómo empezar: el prompt y el diseño pedagógico

Si quieres probar, el prompt a la IA puede ser algo como: "Genera un HTML con una actividad ramificada sobre [tema]. Incluye una pantalla inicial con 3 opciones, cada una llevando a contenido diferente. Cada ruta debe tener 2 bifurcaciones adicionales. Al final, todas convergen en una sección de cierre común. Usa CSS accesible y JavaScript para mostrar/ocultar secciones."

La IA te dará la estructura técnica. Tú decides el contenido de cada ruta y, lo más importante, por qué esas rutas. ¿Se diferencian por formato (vídeo/texto/audio)? ¿Por nivel de dificultad (básico/medio/reto)? ¿Por enfoque temático (historia/ciencia/arte)? Cada criterio tiene implicaciones pedagógicas distintas.

Y aquí está la magia: puedes combinar ramificaciones con flashcards, con barras de progreso, con acordeones. Por ejemplo: una ruta lleva a flashcards de vocabulario, otra a un acordeón con explicaciones por niveles, y otra a una barra de progreso con ejercicios prácticos. Todas cubren el mismo objetivo, pero desde estrategias diferentes.

Resumen

• Las actividades ramificadas permiten al estudiante tomar decisiones sobre su itinerario de aprendizaje, aumentando la agencia y el compromiso con la tarea.
• Cada camino debe ser pedagógicamente válido y cubrir los mismos objetivos desde enfoques diferentes, no objetivos diferentes sin coherencia.
• En primaria, dos o tres rutas son suficientes; más opciones pueden paralizar; siempre debe haber posibilidad de volver atrás y explorar otros caminos.
• La ramificación funciona especialmente bien en flipped learning: permite que cada estudiante llegue a la sesión presencial con el contexto que necesita según sus preferencias.
• La IA puede generar la estructura técnica en minutos; tú decides el criterio pedagógico de las bifurcaciones (formato, nivel, enfoque temático, etc.).
• Esto no es menor: dar al estudiante control sobre cómo aprende es respetar su autonomía y sus preferencias cognitivas, pilares del DUA y de la mentalidad de crecimiento.

Nos vemos en el día 85/365