Progressive Disclosure: Cognitive Load Onboarding Simulator (2D)
Interactive 2D mockup of a mobile onboarding flow: toggle between dumping every UI element at once and revealing them progressively, watch a live working-memory load meter against Miller's capacity limit, and compare simulated task-completion time and error rate between both modes side by side.
Mobile onboarding advice always says "don't dump all the features at once" — this 2D mockup shows exactly why, as computed numbers rather than opinion. Two phone screens sit side by side, each running its own cohort of 24 synthetic users with their own working-memory capacity, through the same five-screen onboarding flow, one showing every UI element the instant a screen opens and the other revealing them gradually. Every element — headline, illustration, feature callout, permission prompt — carries its own real cognitive-load weight, summed live into a working-memory load meter and compared against each user's Miller's-Law capacity. Cross that capacity and a real linear-past-capacity penalty formula (a Yerkes-Dodson-style degradation) slows simulated task-completion time, raises error rate and increases abandonment — watch the dump side spike red while progressive disclosure holds its meter under the line and its stats stay healthy.
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.
2D · HTML5 Canvas 2D · 60 FPS target · runs fully client-side, no install