Home▸AI & Machine Learning▸Online Learning E Learning Design Simulation

🧪 Online Learning E Learning Design Simulation

Interactive multimedia-learning simulator: tune redundancy, split-attention, signaling and modality in a course design and watch intrinsic, extraneous and germane cognitive load fill working memory, with a live encoding-success readout grounded in Mayer's Cognitive Theory of Multimedia Learning.

AI & Machine Learning2DModerate60 FPS📱 Mobile-adapted

This simulator demonstrates principles of e-learning design by putting Mayer's Cognitive Theory of Multimedia Learning to work: toggle the modality, redundancy, split-attention and signaling choices a real course designer makes, and watch how they change the extraneous load competing for a learner's narrow working-memory capacity. Content chunks stream in at a chosen pace and complexity, fill a visualized four-slot working memory as intrinsic (blue), extraneous (red) and germane (green) load, and either get encoded into long-term memory or fall away unlearned the moment total load exceeds capacity — a concrete, interactive picture of why good multimedia design measurably improves retention.

⚙ Under the hood

This simulation demonstrates principles of e-learning design, focusing on interactive elements and user experience within an online learning context.

E Learning Design

2D · HTML5 Canvas 2D · 60 FPS target · runs fully client-side, no install