Microlearning Video

Overview

Abstract physics concepts like time dilation cause severe cognitive overload when taught using dense equations. This microlearning video solves the problem by replacing math with a minimalist Figma animation, mapping Einstein’s Light Clock into a simple geometric length comparison.

• Audience: Introductory Physics Students / Lifelong Learners
• Responsibilities: End-to-end instructional design and animation production
• Tools: Figma (Smart Animate), Canva, Photoshop, Luvvoice, ChatGPT, Final Cut Pro

Problem

Abstract physics concepts like time dilation cause severe cognitive overload when presented through dense equations or text-heavy explanations. Without a clear spatial reference, learners struggle to mentally visualise space-time distortions. This friction creates an instructional bottleneck, causing learners to disconnect before they can grasp the core scientific theory.

Solution

This microlearning animation eliminates that cognitive barrier by replacing mathematical formulas with a minimalist visual metaphor. By translating Einstein’s Light Clock into a clear top-and-bottom geometric length comparison, the design utilises dual channels to make the abstract concept of time dilation immediately approachable and intuitive for the learner.

Process

• Content Scaffolding & Logic Pruning: I mapped out the original physics thought experiment and ruthlessly stripped out extra cognitive variables. Early concepts included complex multi-bounce “zigzag” light paths and separate observer viewpoints. I discarded these in favour of a single-bounce cycle (Emitter → Mirror → Detector). This established a clean, undeniable baseline metric: 1 Bounce = 1 Tick.
• Visual Minimalism & Component Architecture: To keep visual noise at absolute zero, I designed the assets using basic geometric primitives (e.g., rectangles for mirrors, a vector circle for the photon). I constructed the the layout to compare still and moving trains in a way that learners can use spatial memory across canvas frames.
• Spatial Proof via Motion Design: In the final sequence, instead of using math to prove time dilation, I used geometry and rotation. I engineered an animation where the short vertical light path rotates 90 degrees to rest right alongside the longer diagonal “V” light path. This instant, un-cluttered visual comparison allows the learner to see the length difference immediately, leading to the logical conclusion: longer path at a constant speed = more time required.

Results

Because this is a conceptual framework project without access to an LMS user testing pool, evaluation was based on Instructional Design Best Practices and Review:

• Eliminated Split-Attention Effect: By relying strictly on voiceover narration for abstract definitions rather than on-screen text paragraphs, the viewer’s eyes remain locked onto the spatial transformation of the light paths.
• Optimised Extraneous Load: Removing the concept of “different observers” and framing the speed purely relative to the train tracks cut the cognitive processing steps in half while maintaining absolute scientific accuracy.
• Portfolio Proof of Skill: This project successfully demonstrates an ability to translate complex, counter-intuitive theoretical concepts into approachable visual assets, proving mastery of micro-learning mechanics and intermediate Figma prototyping workflows.