Skip to content
Productivity Simple #notifications#distraction

Cost of a Single Notification

A 5-second notification costs 23 minutes of refocus on average.

A free, animated cost of a single notification you can read here or embed on any website, from Scrollchart.

Cost of a Single Notification

Cost of a Single NotificationA 5-second glance costs 23 minutes of full refocus (Gloria Mark, UC Irvine)05m10m15m20m23mTime (minutes)Notification glance5 secondsThe interruption itselfPartial recovery~5 minutesBack in task, not yet deepFull refocus23 minutesBack to pre-interruption depth

Bar comparison: notification glance (5s) vs refocus time (23 minutes). Daily notification count multiplied gives the total focus cost.

Good for

  • Productivity articles on notification management
  • Focus-environment and distraction-policy content
  • Deep-work schedule design guides

Source & accuracy

This cost of a single notification 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.

The full recovery time after a brief interruption

A 5-second notification seems harmless, but research shows it costs about 23 minutes of lost productivity. This is not because reading the notification takes 23 minutes. It is because your brain, jolted out of deep focus, takes 15-25 minutes to rebuild the full context and regain the depth of concentration it had before the interruption.

The delay is longest when the notification is from a social app or email, triggering curiosity or mild anxiety. Your brain wants to know what the message said and keeps pulling attention back to it while you are trying to focus on the original task. This residual attention tax persists even after you ignore the notification.

Compound cost over a full workday

If you receive just three notifications per hour during a focused work session, you are losing about 70 minutes per hour of deep work. This explains why a typical 8-hour workday yields only 2-3 hours of genuinely productive work for knowledge workers: the cost of constant low-level interruptions compounds.

Protecting against this requires structural changes: turning off notifications, blocking specific hours for deep work, or separating communication devices from work devices. The cost of a brief distraction is borne across hours afterward, making prevention far cheaper than trying to catch up on damaged work.

Embed this diagram

Add this animated cost of a single notification 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 cost of a single notification for any website.
Who uses it
Productivity blogs.
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="distraction-cost" data-scrollchart-v="1"></div>
<script src="https://scrollchart.com/embed.js" async></script>

Frequently asked questions

Where can I get a free animated "Cost of a Single Notification" for my website?
Scrollchart provides "Cost of a Single Notification" 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 cost of a single notification 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.