Skip to content
Education Medium #productive-failure#kapur

Productive Failure

Letting students struggle before instruction can deepen learning.

A free, animated productive failure you can read here or embed on any website, from Scrollchart.

Productive Failure

Productive FailureKapur 2016: struggle before instruction produces deeper schemas and higher transfer scoresProductive failure requires genuine problem exposure, not contrived failure; the struggle must be within the learner\'s ZPD

Two sequences: instruction-then-problem (smoother but shallower) vs problem-then-instruction (frustrating but deeper). Long-term transfer favors the latter.

Good for

  • University pedagogy articles (flipped and problem-based learning)
  • Curriculum-design guides for STEM instructors
  • EdTech content on when to give hints vs let learners struggle

Source & accuracy

This productive failure is an editorial illustration built to represent the concept accurately. Where it shows figures, they are typical or representative values chosen to make the relationship clear, not a single underlying dataset. The diagram and its explainer are reviewed and maintained centrally, and updated over time as understanding improves.

Why struggle before instruction pays off

Productive failure is letting students grapple with a new problem before teaching them the solution. A class is given a design problem with no instruction. They struggle, fail to solve it perfectly, and generate ideas. Then the teacher presents the conventional solution. Students who struggled first learn deeper than students who received instruction first.

The struggle activates prior knowledge and builds mental scaffolding. When the solution arrives, it lands on a foundation the student built themselves. Contrast this with instruction first: the teacher explains the solution, then the student practices it. The explanation is cleaner, but the student had no chance to build their own model, so the explanation may not stick.

Productive versus unproductive failure

Productive failure has limits. If struggle lasts too long with no progress, it becomes frustration and demotivation. The sweet spot is a struggle long enough to generate attempts and ideas, then instruction that builds on what the student tried. A 5-minute struggle followed by a 10-minute explanation usually works; a 45-minute struggle with no help usually does not.

Also, the failure must genuinely be productive. A student who struggles and lands on an intuitive but incorrect solution, then does not receive the correct instruction, has learned the wrong thing. Productive failure requires that instruction follows to consolidate and correct. The struggle is the foundation; the instruction is the building.

Embed this diagram

Add this animated productive failure to your own site. Copy one line of HTML, or use the embed builder for theme and sizing options.

Reference

What this is
A free, embeddable, animated productive failure for any website.
Who uses it
EdTech content sites.
How to embed
Copy one line of HTML. No signup. No watermark. Works in WordPress, Webflow, Ghost, Substack, plain HTML.
File size
iframe embed, ~80 KB gzipped (loads on demand, does not block your page paint).
License
Free forever. Editorial explainer text included; updated centrally over time.

Embed format options

Copy the universal HTML snippet, the WordPress shortcode, or an iframe fallback - see the WordPress plugin page for details. Any format keeps the same Core Web Vitals profile and the same explainer text.

Embed snippet
<div data-scrollchart="productive-failure" data-scrollchart-v="1"></div>
<script src="https://scrollchart.com/embed.js" async></script>

Frequently asked questions

Where can I get a free animated "Productive Failure" for my website?
Scrollchart provides "Productive Failure" as a free, embeddable animated diagram you can add to any website with one line of HTML. No signup is required and there is no watermark. The diagram and its explainer text are served from scrollchart.com, so the embed stays current without any maintenance on your end.
How do I embed a productive failure in WordPress or a static site?
Paste the HTML snippet from the Scrollchart diagram page into your WordPress post (in HTML/code view), your Webflow embed block, or directly into a static HTML file. No plugin is needed. The diagram loads from scrollchart.com and paints in as the reader scrolls.