Instagram mock-up: Saved-Activity Break
An interactive mock-up of Laura's proposed Teen Account feature. When a teen reaches their daily limit, the break reminder redirects them from endless Reels to something they already saved to try offline, such as a recipe, a workout or a painting tutorial.
Live demo: https://anuragmishraapplications-lab.github.io/insta-break/
Everything is in one file, index.html. It has no other assets and needs no internet connection. All accounts and content are fictional and drawn in code.
Opening it on a Mac
- Online: open the live demo link above.
- Offline: double-click
index.html. It opens in Safari or Chrome.
Make the browser full screen (Control + Command + F) before presenting. The layout scales itself to fit.
How the demo is laid out
- Journey bar (top right): the four stages of the redirection: Scrolling → Reminder → Saved idea → Offline break. The current stage is highlighted. Click any stage to jump straight to it.
- Phone (centre): the mock-up itself. A soft pink pulse marks what to tap next.
- Guide (right): one sentence on the idea, what is happening at this step, and what the audience should notice. The big button moves to the next step.
Demo sequence (about 60 seconds)
Press the big gradient button (or the → key) four times:
- Scrolling. Scroll a few Reels with the trackpad. Point out the clock on the phone and the banana bread Reel marked "In your Saved".
- Next: reach the 60-minute limit. The reminder appears with three cards taken from the teen's Saved posts.
- Next: pick the banana bread. The saved recipe opens on its own, with no feed and no autoplay.
- Next: tap "I'm taking a break". "Enjoy your break! You can always come back later."
Then press Show the other choice: keep scrolling to show that the teen can always dismiss the reminder and go back to Reels.
You can also tap the highlighted items directly on the phone instead of using the button.
Extra controls
Open Presenter extras in the guide for: Next Reel, trigger the reminder immediately, jump to 60 minutes, and a session log of accepted and dismissed reminders (demo clicks only, not research data).
| Key | Action |
|---|
| → | Next step |
| ↓ / ↑ | Next / previous Reel |
| B | Show the reminder now |
| 6 | Jump to 60 minutes |
| R | Start over |
