HomeComputer ScienceProgressive Disclosure: Cognitive Load Onboarding Simulator

Progressive Disclosure: Cognitive Load Onboarding Simulator

Interactive 3D simulator of the working-memory leaky-bucket model behind mobile onboarding: watch a cohort's cognitive load fill and drain across screens, tune information density and pacing, and see how progressive disclosure changes overload dropout and comprehension.

Computer Science3DModerate60 FPS📱 Mobile-adapted⇄ 2D version
mobile-user-onboarding ↗ Open standalone

Mobile onboarding advice always says "don't dump all the features at once" — this simulator shows exactly why, as physics rather than opinion. A cohort of 40 synthetic users, each with their own working-memory capacity, moves through a five-screen onboarding flow while a leaky-bucket model tracks how much information each one is holding at any moment: load rises as new chunks are revealed and drains continuously as older chunks are forgotten. Turn progressive disclosure off to dump every screen's chunks in one instant burst and watch the same total content push more users over their capacity, spiking overload-driven drop-off and dragging comprehension down — then turn it back on, slow the pacing, or lower information density and watch the glass tank's average load fall back under the threshold ring as the cohort's activation rate recovers.

⚙ Under the hood

An interactive 3D leaky-bucket simulator: watch a cohort's working-memory load fill a glass tank as onboarding screens reveal information, then drain as it's forgotten, and see how progressive disclosure versus an instant info-dump changes overload dropout and comprehension.

onboardingcognitive loadUXworking memorymobileprogressive disclosure

3D · Three.js / WebGL renderer · 60 FPS target · runs fully client-side, no install

What did you find?

Add reproduction steps (optional)