Cómo está construido este curso
Cada decisión — desde que se juega antes de leer, hasta cómo se desbloquean los niveles o el color de los botones — sale de una línea de investigación concreta. Aquí están listadas en claro, para que puedas discutirlas.
1. Por qué un videojuego y no un vídeo
El metaanálisis de Wouters y colegas (2013) sobre 77 estudios (más de 5.500 participantes) encuentra que los "serious games" producen un aprendizaje superior a la instrucción tradicional (d ≈ 0,29) y sobre todo una retención mejor (d ≈ 0,36). Pero con un detalle decisivo: funcionan mejor cuando el juego va acompañado de otra instrucción y cuando la experiencia se reparte en varias sesiones.
Lo que sacamos de aquí: ningún nivel es "solo juego". Cada minijuego va seguido (o precedido) de una explicación escrita, de una fórmula desmontada y de un ejemplo numérico resuelto. Y por eso existe el Repaso relámpago: para empujar hacia varias sesiones en vez de un maratón único.
2. Por qué se toca antes de leer
Las simulaciones interactivas del proyecto PhET (University of Colorado Boulder) muestran ganancias conceptuales iguales o superiores a las obtenidas con el material de laboratorio real, y generan discusiones más productivas. La línea de investigación sobre el productive failure (Kapur) muestra además que intentar un problema antes de recibir la explicación — incluso fallando — lleva a una comprensión conceptual más profunda que recibir la regla de entrada.
Lo que sacamos de aquí: en casi todos los niveles el deslizador llega antes que la fórmula. Primero ves las flechas cancelarse, luego te explicamos que se llama interferencia destructiva.
3. Por qué hay cuestionarios (y por qué no ponen nota)
El testing effect (Roediger & Karpicke) es uno de los resultados más sólidos de la psicología cognitiva: recordar de memoria una información la refuerza mucho más que releerla durante el mismo tiempo. Las revisiones sobre técnicas de estudio colocan la práctica de examen y la práctica distribuida en los primeros puestos por eficacia.
Lo que sacamos de aquí: los cuestionarios son de baja exigencia, con retroalimentación inmediata que explica por qué, repetibles hasta el infinito y sin puntuación negativa. Equivocarse es parte del método: una pregunta fallada vuelve antes en el repaso, una acertada vuelve más tarde (sistema de cajas de Leitner: 1 día → 3 → 7 → 21 → 60).
4. Por qué los niveles solo se desbloquean con el dominio
En el mastery learning (Bloom) el estudiante avanza cuando ha demostrado dominar la unidad actual, con tiempo e intentos variables en vez de fijos. Los efectos medidos están entre los más consistentes de la enseñanza individualizada, sobre todo para quien parte con más retraso.
- prueba práctica — la misión dentro del minijuego: demuestras que sabes hacerlo;
- prueba de recuerdo — las preguntas del nivel, todas acertadas al menos una vez: demuestras que sabes explicarlo.
Solo la primera se podría sortear a base de intentos al azar; solo la segunda se puede adivinar. Juntas son una señal fiable. Quien quiera moverse libre de todos modos (una persona adulta que repasa, un docente que prepara la clase) puede activar el modo libre desde la portada.
5. Por qué la interfaz es tan desnuda
La teoría de la carga cognitiva (Sweller) y los principios del aprendizaje multimedia (Mayer) prescriben algunas cosas muy concretas, aplicadas aquí al pie de la letra:
| Principio | Cómo se aplica en Quantum Arcade |
|---|---|
| Coherencia — fuera lo superfluo | ninguna animación decorativa, ninguna foto de banco de imágenes, ningún emergente: en la pantalla solo está lo que el concepto necesita |
| Señalización — destaca lo que importa | colores constantes en todo el curso: amplitud = amarillo, fase = violeta, resultado = rosa, "está" = verde, "no está" = rojo |
| Contigüidad espacial | los números están escritos dentro del gráfico, junto al objeto que describen, no en una leyenda lejana |
| Segmentación | los pasos difíciles van a golpes ("Siguiente →"), al ritmo que marca quien lee |
| Preentrenamiento | los términos se definen antes de usarlos en una fórmula: la Parte 0 existe para eso |
| Estilo coloquial | se tutea y se usan palabras normales: el "efecto de personalización" muestra que ayuda a comprender |
6. Colores, contraste, accesibilidad
- Tema oscuro con texto de alto contraste y ancho de línea limitado a ~75 caracteres: dos parámetros que inciden directamente en la fatiga de lectura.
- Ninguna información confiada solo al color: cada estado tiene también un símbolo o una etiqueta (✓, ✗, 🔒), requisito WCAG para quien tiene daltonismo.
- Zonas táctiles de al menos 44 px, foco visible para la navegación con teclado,
soporte de
prefers-reduced-motionpara quien lleva mal las animaciones. - Retroalimentación inmediata en cada acción (por debajo de 100 ms): los deslizadores actualizan el dibujo mientras los mueves, no al soltarlos. Es el umbral pasado el cual una interfaz deja de parecer "tuya".
7. Motivación: por qué XP y niveles, pero ninguna clasificación
La teoría de la autodeterminación (Deci & Ryan) identifica tres motores: competencia, autonomía, relación. Los metaanálisis sobre gamificación muestran efectos positivos pero frágiles: puntos e insignias funcionan si señalan competencia adquirida, y pueden ser contraproducentes si se convierten en la única razón para jugar o si crean presión por comparación social.
Lo que sacamos de aquí: los XP llegan solo por cosas realmente hechas (misión superada, pregunta recordada), los rangos describen una habilidad ("Señor de las flechas", "Cazador de periodos") y no existe ninguna clasificación ni cronómetro corriendo. La autonomía queda protegida por el modo libre y por poder rejugar cualquier nivel.
8. ¿Y el último nivel?
La investigación sobre el aprendizaje de las STEM distingue entre saber aplicar y saber transferir. La transferencia solo se entrena con problemas mal definidos, donde no hay un procedimiento que repetir. Por eso el último nivel es un taller abierto: objetivos que alcanzar, bloques a disposición, ninguna solución escrita en ninguna parte, y un contador de "cuántas veces has consultado al oráculo" que te empuja a buscar un camino más listo.
9. Por qué el cúbit llega en el nivel 1 y Fourier solo en el 13
La primera versión de este curso seguía el orden "lógico": ondas → Fourier → cúbit. Impecable sobre el papel, equivocado en la práctica: siete niveles de matemáticas antes de ver el objeto por el que uno ha llegado aquí.
El orden actual sigue dos principios consolidados:
- Currículo en espiral (Bruner, 1960): un concepto se encuentra varias veces, primero en forma simple y luego completa. Las amplitudes aparecen en el nivel 1 como números con signo (+ y −), que bastan para entender la interferencia y H·H; se convierten en flechas complejas en el nivel 8, cuando dos signos ya no bastan. Volver sobre los mismos conceptos con distancia es además práctica espaciada: dos beneficios en una sola decisión.
- Justo a tiempo: una herramienta se introduce donde hace falta, no antes. Las ondas y la transformada de Fourier llegan en los niveles 13–17, justo antes de la QFT, cuando la pregunta "¿cómo encuentro una periodicidad escondida?" ya se la ha hecho quien juega — en el nivel 12, con el algoritmo de Simon, se descubre que solo se saben encontrar periodos "en XOR", y para los de verdad hacen falta las ondas. Introducirlos siete niveles antes significaba responder a una pregunta que aún no había nacido.
10. El sonido: información, no decoración
Un arcade sin sonidos no es un arcade, pero el ruido por el ruido viola el principio de coherencia de Mayer (todo lo que no sirve al concepto resta atención). El compromiso aplicado aquí:
- cada tipo de evento tiene su timbre, siempre el mismo: clic, XP, misión, medida cuántica, interferencia constructiva, interferencia destructiva, fanfarria de nivel. En pocos minutos reconoces qué ha pasado sin mirar: el sonido se vuelve un segundo canal de información;
- sonidos breves (por debajo de 350 ms) y a volumen bajo, generados en vivo con WebAudio: ningún archivo que descargar, funciona también con conexión lenta;
- el error no castiga: dos notas descendentes, no un zumbador. Una retroalimentación punitiva aumenta la ansiedad de rendimiento y reduce la disposición a reintentar, que es justo lo que hace falta en un curso por dominio;
- se puede apagar todo y la elección se recuerda. Ningún sonido arranca antes de una interacción, como exigen también las reglas de los navegadores.
11. "Efecto wow": retroalimentación inmediata y específica
En la primera versión, los minijuegos de la Parte 0 no decían si lo estabas haciendo bien. La investigación sobre retroalimentación (Hattie & Timperley; Shute) es clara en un punto: funciona cuando es inmediata, específica y referida a la tarea, no a la persona. De ahí tres añadidos, presentes ahora en todos los juegos:
- El objetivo siempre escrito arriba, en una banda propia: no tienes que acordarte de qué te habían pedido.
- Barra de "cuánto te falta" que pasa de roja a ámbar a verde, acompañada de un tono que sube conforme te acercas: color + sonido + texto, tres canales para la misma información (útil también para quien tiene dificultades con los colores).
- Celebración visible al llegar — chispas, destello, sonido — porque el momento en que lo has entendido tiene que ser inequívoco. Es la única concesión "decorativa", y dura medio segundo.
12. Por qué la cuenta es obligatoria (y por qué no me gusta)
Pedir un registro es fricción, y la fricción hace perder gente: sería más cómodo para todos hacer correr todo en el navegador. Dos razones lo convierten igualmente en la decisión correcta:
- el progreso no debe morir con la caché. Un curso de 28 niveles se hace en varias sesiones y a menudo en varios dispositivos: perderlo todo por una limpieza del navegador es la forma más tonta de abandonar;
- el certificado tiene que valer algo. Las preguntas del examen llegan del servidor sin las respuestas correctas y la corrección ocurre en el servidor: si el estado viviera en el navegador, cualquiera podría asignarse el 100% con dos líneas de consola, y el certificado sería papel mojado.
A cambio: solo los datos que hacen falta de verdad (nombre, apellidos, correo — la fecha de nacimiento es opcional y sirve para distinguir a personas con el mismo nombre), ningún perfilado, ninguna publicidad, borrado total con un clic. Todo está escrito en el aviso de privacidad.
13. El tutor con IA que se niega a darte la solución
El tutor responde solo con los contenidos de este sitio (RAG) y, por diseño, no da las soluciones de las misiones: da una pista y te devuelve al deslizador correcto. Es una decisión incómoda pero sostenida por la investigación sobre las dificultades deseables (Bjork): el esfuerzo de llegar por tu cuenta es justo lo que produce el aprendizaje duradero. Un tutor complaciente haría que todo pareciera más fácil y dejaría menos poso.
Cada respuesta cita el nivel y pone su enlace: el objetivo del tutor es devolverte al juego, no sustituirlo. Y si una pregunta no encuentra respuesta en los contenidos, lo dice en vez de inventar.
14. Cómo sé que el simulador no miente
Un curso que enseña con un simulador tiene un problema de fondo: si el simulador se equivoca, enseña el error — y lo enseña de forma convincente, porque lo hace ver. Las pruebas del proyecto comprueban las propiedades que uno espera (las puertas siguen siendo unitarias, la QFT reproduce exactamente la matriz de Fourier, las probabilidades suman uno). Pero esas pruebas las escribo yo, con el mismo razonamiento con el que está escrito el simulador: si el error está en el razonamiento, las pruebas lo confirman en vez de encontrarlo.
Por eso el simulador se contrasta con una implementación independiente: QuantumSim, escrito en C por Francesco Sisini. Trescientos circuitos generados al azar — hasta 4 cúbits, con Hadamard, Pauli, S, T, T†, rotaciones de fase, CNOT, CZ y Toffoli — se ejecutan en ambos simuladores y las amplitudes se comparan una a una. Lenguajes distintos, autores distintos, código escrito sin conocerse: la desviación máxima es del orden de 10⁻¹⁵, es decir, el límite de precisión de los números del ordenador. Un error común a ambos, llegados a ese punto, es muy improbable.
QuantumSim se publica con licencia GNU GPL v3 y no está incluido en este sitio: se
descarga y compila solo cuando se lanza la verificación (npm run test:incrociato), como una herramienta
de banco de pruebas. Doy las gracias a Francesco Sisini por dejarme usarlo — y sobre todo porque es de
sus libros de donde empecé a aprender esta materia.
15. El texto del sitio: qué técnicas de persuasión uso, declaradas
Este sitio tiene también un objetivo profesional: darme a conocer como alguien que construye sistemas de IA y enseña. Me parece honesto declarar qué palancas estoy usando, para que puedas valorarlas:
| Técnica | Investigación de referencia | Cómo la uso aquí |
|---|---|---|
| Efecto de gradiente del objetivo | Kivetz, Urminsky & Zheng (2006) | barra de XP y niveles visibles: la motivación crece cuanto más cerca está la meta |
| Progreso regalado | Nunes & Drèze (2006) | la Parte 0 ya es "camino recorrido" para quien conoce las bases: se parte de una barra que no está vacía |
| Prueba social | Cialdini | números reales: 8 organizaciones en las que he enseñado, 28 niveles, más de 300 pruebas automáticas. Ningún "10.000 alumnos felices" inventado |
| Reciprocidad | Cialdini | el curso completo es gratuito y sigue siéndolo: la petición de contacto llega después, y solo si te ha servido |
| Reducción de la fricción | modelo de Fogg (B = MAP) | una sola acción principal por sección y un calendario para reservar, en vez de un formulario largo |
16. Cómo está escrito para los buscadores y para las IA
La mitad de las búsquedas de hoy acaba dentro de una respuesta generada por una IA en vez de en una lista de enlaces. Las indicaciones que salen de la investigación sobre Generative Engine Optimization son coherentes con escribir bien:
- datos estructurados (JSON-LD: Course, Person, FAQPage) para que una máquina entienda qué es este recurso, quién lo ha escrito y qué enseña;
- afirmaciones autocontenidas y citables: cada respuesta importante está en un párrafo que se sostiene solo, sin necesitar el contexto de alrededor;
- un archivo llms.txt con los hechos verificables del proyecto, para quien indexa con modelos de lenguaje;
- señales de fiabilidad: autor en claro, fuentes enlazadas, fecha de actualización y admisión explícita de los límites (el certificado no está acreditado).
Nota: la misma investigación muestra que los contenidos citados por las IA son los estructurados y verificables. Otra manera de decir que escribir con honestidad y escribir para que te encuentren, por una vez, coinciden.
17. Los tres idiomas, y cómo se pasa de uno a otro
El curso existe entero en italiano, inglés y español: no un resumen traducido, tres ediciones completas —
examen y certificado incluidos. También las direcciones están traducidas (/en/lessons/,
/es/lecciones/), porque una página en español que vive en una carpeta llamada "lezioni" es una
página traducida a medias, y se nota.
El selector de arriba sigue cuatro reglas, y ninguna es estética:
- Cada idioma está escrito en su propio idioma — «Español», no «Spagnolo». Quien busca su idioma lo busca tal como se escribe en su casa, no traducido a un idioma que quizá no lee. Es la recomendación del W3C y del Nielsen Norman Group, y es también el motivo por el que la primera versión no funcionaba: decía «IT EN ES», y las siglas ISO son etiquetas mudas para quien no las ha visto nunca.
- Nada de banderas. Una bandera indica un estado, no un idioma: ¿cuál le pondrías al español, entre los veinte países que lo hablan? En su lugar un globo terráqueo, el único símbolo que el público asocia a "idioma" sin asociarlo a un país.
- Se cambia de idioma sin perder el sitio. Quien está leyendo la QFT en italiano y elige English
quiere la QFT en inglés, no volver a empezar desde el mapa. Las direcciones de las otras versiones son
los mismos
hreflangque la página ya declara para los buscadores: calcularlos por segunda vez sería la manera clásica de hacer que se separen. - Si tu navegador habla otro idioma te lo digo, pero no te muevo. Aparece una línea —escrita en el idioma que propone, si no no se lee— con dos botones: cambiar, o seguir. Y luego no vuelve a preguntar. La redirección automática está desaconsejada explícitamente por Google para los sitios multilingües: impide llegar a propósito a una versión concreta, confunde a quien habla más idiomas de los que tiene configurados en el navegador, y esconde las otras copias a los buscadores.
Fuentes
Listadas en el orden en que aparecen en el texto. Donde no hay enlace es porque la referencia es un libro o un artículo clásico fácil de encontrar: prefiero citarlo así antes que enlazar una copia de origen dudoso.
- Wouters, P., van Nimwegen, C., van Oostendorp, H., van der Spek, E. (2013). A meta-analysis of the cognitive and motivational effects of serious games. Journal of Educational Psychology, 105(2), 249–265. — ficha ERIC
- Clark, D. B., Tanner-Smith, E. E., Killingsworth, S. S. (2016). Digital Games, Design, and Learning: A Systematic Review and Meta-Analysis. Review of Educational Research, 86(1), 79–122. — artículo
- Sailer, M., Homner, L. (2020). The Gamification of Learning: a Meta-analysis. Educational Psychology Review. — artículo
- Perkins, K. et al. PhET: Interactive Simulations for Teaching and Learning Physics. The Physics Teacher, 44(1), 18–23. — artículo
- Kapur, M. Productive Failure. — síntesis divulgativa (PDF)
- Roediger, H. L., Karpicke, J. D. — sobre el testing effect y el efecto "hacia delante" del recuerdo: Retrieval practice enhances new learning (PMC)
- Revisión sistemática sobre aprendizaje espaciado, intercalado y práctica de recuerdo (2023), Journal of the American College of Radiology. — artículo
- Síntesis divulgativa sobre recuerdo + práctica espaciada: Evidence Based Education
- Bjork, R. A. — Desirable Difficulties in Theory and Practice: por qué lo que hace el aprendizaje más costoso en el momento lo hace más sólido con el tiempo. — texto
- Kivetz, R., Urminsky, O., Zheng, Y. (2006). The Goal-Gradient Hypothesis Resurrected. Journal of Marketing Research. — síntesis de Columbia Business School
- Nunes, J. C., Drèze, X. (2006). The Endowed Progress Effect: How Artificial Advancement Increases Effort. Journal of Consumer Research. — texto
- Sisini, F. — QuantumSim, simulador de circuitos cuánticos en C, y los libros divulgativos del mismo autor con los que empezó mi camino en esta materia. — repositorio
- Bruner, J. S. (1960). The Process of Education — el currículo en espiral: volver sobre los mismos conceptos a niveles cada vez más profundos.
- Sweller, J. — teoría de la carga cognitiva; Mayer, R. E. — principios del aprendizaje multimedia (coherencia, señalización, contigüidad, segmentación, preentrenamiento, estilo coloquial).
- Hattie, J., Timperley, H. (2007). The Power of Feedback; Shute, V. (2008). Focus on Formative Feedback — la retroalimentación funciona si es inmediata, específica y referida a la tarea.
- Deci, E. L., Ryan, R. M. — teoría de la autodeterminación: competencia, autonomía, relación.
- Cialdini, R. B. — Influence: reciprocidad, prueba social, autoridad. Usadas aquí solo sobre afirmaciones verificables.
- Sobre la Generative Engine Optimization: panorámica de prácticas y position paper sobre los riesgos (arXiv)
- WCAG 2.2 (W3C) para contraste, zonas táctiles, foco visible e información nunca confiada solo al color. — referencia rápida
Todo el proyecto es público en GitHub con licencia libre no comercial: estudiarlo, modificarlo y usarlo en la escuela pública se puede siempre; para la formación de pago hace falta un acuerdo. Si encuentras un error en estas páginas, avísame.