Stop explaining the same thing twice
You send the explanation. The reply is still: “So what happens if it times out?”
Imagine explaining a checkout timeout to a colleague in a paragraph like this:
A checkout request may reach a service and create an order before the reply is lost. The browser can therefore time out even though the operation succeeded. A timeout alone does not prove failure. Inspect the existing request or retry using the same supported operation identity rather than treating a missing reply as permission to create a new purchase.
Every sentence is accurate. The reader still has to assemble the sequence in their head, and shortening the part they don’t understand won’t do that for them.
Give your AI the missing inference and ask for three ways to show it. Keep the representation that helps someone answer the next question. The figures here are original and code-driven, and the examples are synthetic. I am not claiming a learning speedup.
Don’t shorten the part they don’t understand; show the relationship
Put the sequence where the reader can inspect it.
The same facts as the paragraph, drawn as one possible sequence rather than every timeout. Change where communication failed to see a different reality behind the same missing reply.
- What the browser knows
- No reply arrivedThat is an observation, not the remote outcome.
- What happened in this sequence
- One order was savedThe acknowledgement was lost.
A missing reply does not tell you whether the order exists.
The control adds possible cases; it is not an equal-information controlled study. No real orders are placed.
The missing reply is not the missing order. This is the work I want the AI to take over: searching for a representation that makes the difficult inference available. It shouldn’t return another headline saying the explanation is clear, or a decorative picture of a confused person. A reader should be able to point to the relationship that answers the question.
Why a diagram can help, and why some do not
Larkin and Simon analyse how an appropriate diagram can reduce search and make related information available together. Their argument is conditional: a badly chosen picture can create more work.
Here the request, record and reply have distinct positions and identities. That is the mechanism; I am not claiming that visual learners understand every image faster. The statement about retrying still assumes an actual idempotency contract (AWS, retrying with a stable request identity).
Make the limit impossible to miss
A ten-second job has two seconds that cannot be divided. Add workers and the divisible part changes while the limit stays put.
A worked mathematical model, not a machine benchmark: 2 fixed seconds plus 8 seconds that divide evenly between workers. The ideal model assumes divisible work and no coordination cost.
Even unlimited workers cannot remove the fixed two seconds.
The fixed block keeps its colour and position on a shared 0–10-second scale, so a still frame carries the argument without motion.
Three choices make that figure work, and they are the ones I’d ask an agent to make:
- Identify: one job, two kinds of work. Keep the distinction next to the object, so the reader doesn’t hunt through a distant legend.
- Change: add workers without moving the baseline. Only divisible work shrinks; with four workers it goes from eight seconds to two. A stable position makes the changed relationship easy to follow.
- Infer: the part that stays explains the ceiling. Two seconds remain. A paused explanation should still make its point.
The mathematics and the limits of the picture
T(n) = s + p/n S(n) = (s+p)/(s+p/n)
Here s=2 seconds and p=8 seconds. As n grows, T approaches 2 and the ideal speedup approaches 5. When s=0 there is no finite sequential ceiling in this ideal model. Real work adds coordination, contention and imperfect partitioning.
Tversky and colleagues warn that animation can be too fast or complex, and that some comparisons give the moving version extra information. That is why this page keeps the point visible before interaction. Motion helps expose a change; it does not certify comprehension.
A crowd of outputs can hide a small evidence base
Take 1,000 generated summaries, each an authored record with a source ID. Drawn as a crowd, they look like 1,000 pieces of support. Group the same records by the source they cite and there may be only 10 sources behind all 1,000 summaries. Nothing new was measured; something already present became easier to see.
Grouping reveals repeated attribution. It does not prove the sources are independent, true or representative. No personas, eye movements or confidence percentages are inferred from the records.
Drawing a thousand people looking at a screen would show scale. Keeping record identity while regrouping by source shows why the scale might mislead. That changes the operation the reader must do, rather than decorating the topic.
What to give the model instead of “make this engaging”
Give it the inference: “Readers mistake repeated summaries for independent support.” Ask for representations that reveal repeated source identity. Reject a crowd illustration unless scale is actually the learning objective. Test the chosen figure on a new mixture of records.
Ask for three different mechanisms
A timeline shows sequence. An aligned comparison reveals a difference. A controllable model exposes what changes when an assumption changes. Three colour schemes for the same paragraph are not three mechanisms. The request I’d give a model runs through five questions:
- Audience: what do they already know? Do not explain HTTP from scratch to a backend engineer.
- Obstacle: what inference is missing? “Timeout” is being mistaken for “nothing happened.”
- Alternatives: choose different structures. Sequence, comparison and counterfactual, not different colours.
- Implementation: build one inspectable version. Correct labels, units, relationships and a static fallback.
- Check: ask a new question. Can the reader use the idea without your explanation?
The model needs room to search for a better representation. It also needs a reason to reject a clever-looking one. Ask which mental step disappears, what the picture omits and where the analogy fails. Keep the shortest adequate path to understanding, which is not necessarily the shortest text.
An engineering loop for creative explanations
Separate representation planning from coding, then compare the rendered result with the intended relationship. TheoremExplainAgent is a recent example of separating planning from code-based explanation production. Its generation and evaluation results do not measure the learning effect of this article.
Keep a static candidate and a no-build option. A plain sentence may be sufficient. If the representation is reused, record the audience, the approved change and why it helped; do not apply a favourite visual everywhere.
Count the understanding you enable rather than the attention you hold
A longer visit can mean interest or confusion. A fast answer can be confidently wrong. Ask a new question, then keep correctness, time and confidence separate. Try one:
A booking request times out. You have not inspected the service. What do you know?
- The booking failed.
- The booking succeeded.
- The reply is missing; the booking outcome is still unknown.
Check your answer
The third answer is correct for this scenario. The missing reply leaves the remote outcome unknown. A read-only check or a correctly implemented retry identity can resolve the next action. The first two are not established: a missing reply is compatible with success or failure, so inspect the outcome rather than inferring it from silence.
This is a prompted, self-selected practice question. It is not proof of faster comprehension or unassisted transfer.
When is a reusable explanation worth building? A rough model: net person-time equals the people who use the explanation, times the minutes each avoids, minus the extra design and maintenance time. With 50 readers, an assumed 3 avoidable minutes each and 60 extra minutes, that is 50 × 3 − 60 = 90 minutes saved, if the assumed benefit is real. The avoidable minutes may be negative, because a poor visual can make the task harder. These inputs are assumptions, not measured reading speeds or an established learning effect, and accuracy and access requirements remain constraints. It is a reason to measure and reuse good explanations, not a forecast that this article saves time.
A better objective than shorter word count
Minimise time to a correct, unassisted inference subject to accuracy, retained understanding and access constraints.
That is a proposed objective, not a fitted psychological model. In a study, report correctness and uncertainty separately; retain timeouts and dropouts instead of deleting slow cases. Do not calculate mean time only among successful readers and call the whole design faster.
A fair comparison fixes the content and question, counterbalances presentation where possible, and holds out new examples. Diagnostic questions happen separately: prompting someone to explain a consequence can itself change what they notice (Fox, Ericsson and Best).
Research Debt argues for investing in the representations that later readers reuse. That is a strong reason to treat explanation as engineering work. It is not a measured return on any particular animation.
Your next doc can contain a working explanation
You can test this on a question your team already asks twice. No made-up deadline is needed.
The design direction isn’t new. Bret Victor’s explorable explanations (2011) make the idea something to manipulate; that is an original essay, not evidence of our learning outcomes. TheoremExplainAgent (2025) separates the explanation plan from its code through a staged process; it is a system demonstration, not a universal promise of better teaching. The step I’d take at the next review is to give the agent the question people keep asking, and ask for a representation, a counterexample and a check instead of “make it pop.”
The paragraph, the diagram and the animation are candidates. None earns its place by looking finished; the useful one makes the next inference possible.
My bet is that a working explanation stops you rebuilding it in every conversation. If it doesn’t, keep the simpler version. Originality is only useful here when it changes what a reader can correctly understand or do.
For coding agents: the explanation brief
The brief asks for a working explanation, alternative mechanisms, source fidelity and a new-case check. You get something a reader can inspect. The agent gets a precise confusion to resolve. The remaining question is whether people actually understand it better.
Read or customise the full brief
# Build an explanation the reader can use—not just admire Audience: someone who understands full-stack development and applied AI. Decision to enable: after a request times out, decide what can and cannot be inferred about the remote outcome. Existing confusion: no reply is mistaken for no operation. State that exact gap before drafting. Facts: a request can be recorded before its reply is lost. An unconfirmed reply is not proof of either success or failure. Safe retry requires the same supported operation identity. Create three genuinely different representations: an aligned before/after comparison; a sequence that preserves event identity; a counterfactual control. Do not return three colour variations or decorate paragraphs with generic pictures. Keep the conclusion legible in the initial static frame. Use scroll or motion only to reveal sequence, dependency or a changing relationship. Provide direct controls, reduced motion and a no-JavaScript reading path. Do not hide caveats needed to interpret the figure. Check code, labels, units, source fidelity and edge cases. Distinguish measured facts from illustrative quantities and assumptions. A heatmap is not eye tracking unless it comes from eye tracking. Then propose a new example the reader has not seen. Collect correctness and uncertainty before explaining the answer. No leading think-aloud prompt in the unassisted condition. Return: one working HTML explanation; two small alternative representations; the assumption ledger; source links; tests; the remaining human-validation question; all build and review effort. Do not claim faster understanding from aesthetics, a click, time-on-page or synthetic personas. Keep a simpler static candidate when it works equally well.
Sources and further discussion
Research and direct source notes. The experiments on this page are teaching fixtures; no live model or human study is being reported.
- Larkin and Simon, Why a diagram is sometimes worth ten thousand words. Research, 1987. Explains how spatial organisation can reduce search and inference in suitable tasks. Not a claim that all visuals beat prose.
- Tversky, Morrison and Bétrancourt, Animation: can it facilitate? 2002. Warns about motion that is too fast or complex and comparisons with unequal information. Interactivity and animation are not interchangeable treatments.
- Bret Victor, Explorable Explanations. Design essay, 2011. A design precedent for manipulable ideas. The current examples are original teaching instruments, not reproductions of his work.
- Chris Olah and Shan Carter, Research Debt. Distill, 2017. Argues for investing in better understanding and representations. No measured time saving from this article follows from the essay.
- TheoremExplainAgent, version 2. Research system, 2025. Separates planning from producing code-based explanations. Generation quality and automatic metrics are not learner-comprehension outcomes.
- Nielsen Norman Group, Progressive disclosure. Design guidance, checked 20 September 2026. Used to keep the argument and key figures visible while deferring derivations. It is a pattern, not a guaranteed speedup.
- W3C WAI, Motion from interactions. Checked 20 September 2026. Nonessential motion should be controllable. The figures on this page change only when the reader asks, and each has a static reading.
- W3C WAI, Reflow and text spacing. Checked 20 September 2026. Selected widths and spacing overrides are checked. Those checks do not replace actual assistive-technology or reader sessions.
- Wikipedia, Signs of AI writing. Community guidance, checked 20 September 2026. Used to challenge inflated significance and repetitive prose, not disguise AI assistance or infer authorship.
- Fountain Institute, Signs a UI has been vibe coded. Commentary, checked 20 September 2026. A craft lens, not experimental evidence. Containers and effects need a communication purpose.
- Fox, Ericsson and Best, Reactivity of verbal-report procedures. Meta-analysis, 2011. Directed requests and nondirected think-aloud are different procedures. Our diagnostic questions are not unassisted reading measurements.
- AWS, Retrying with a stable request identity. Engineering article, checked 20 September 2026. The timeout example isolates outcome uncertainty. Production retry safety requires an actual idempotency contract.
Execution and attribution. Prepared with AI assistance and reviewed by Calvin. Scripted examples and editable assumptions are labelled where they appear. No model API, analytics service, payment provider or external backend is called by this page.
Browser and unit checks cover selected software behaviour, not reader comprehension or complete accessibility. The package contains reproduction code, raw check results, source notes and a prospective reader study. Related historic experiments are preserved, not represented as newly rerun. Dates refer to the named source versions; there is no countdown or fabricated adoption deadline.