Installing Progressive Web Apps

Getting the “add to home screen” prompt for https://huffduffer.com/ on Android Chrome.
And there’s the “add to home screen” prompt for https://html5forwebdesigners.com/
HTTPS + manifest.json + Service Worker = “Add to Home Screen” prompt.
Add to home screen.
The dConstruct Audio Archive is now a Progressive Web App
  1. The user types the URL archive.dconstruct.org into the address bar.
  2. The site loads.
  3. The home-screen prompt slides up from the bottom of the screen.
  4. The user immediately moves to dismiss the prompt (cue me interjecting “Don’t close that!”).
  1. We web designers and web developers have trained users to dismiss overlays and pop-ups if they actually want to get to the content. Nobody’s going to bother to actually read the prompt if there’s a 99% chance it’s going to say “Sign up to our newsletter!” or “Take our survey!”.
  2. The prompt appears below the “line of death” so there’s no way to tell it’s a browser or OS-level dialogue rather than a JavaScript-driven pop-up from the site.
  3. Because the prompt now appears on the first visit, no trust has been established between the user and the site. If the prompt only appeared on later visits (or later navigations during the first visit) perhaps it would stand a greater chance of survival.
What does it mean to be an App?

--

--

--

A web developer and author living and working in Brighton, England. Everything I post on Medium is a copy — the originals are on my own website, adactio.com

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

Your Web Design Guide: Exactly what You Need To Know for Meno 73760

UX/UI Design: Micro-Farm Responsive Desktop & Mobile Case Study

Failure by Assumption

Redesigning a charity organisation using Lean UX approach

Hello Cypress

The Hardest but most Important Truths to Learn as a Designer

The Growing Practice of IBM DesignOps

Snapchat Heuristic Evaluation

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Jeremy Keith

Jeremy Keith

A web developer and author living and working in Brighton, England. Everything I post on Medium is a copy — the originals are on my own website, adactio.com

More from Medium

Key features of today’s 4 best app prototyping platforms

Person drawing a mockup

Figma Guide: Animation

How to export designs from Figma to React Native code — Sizze Plugin

Why You Need A Design System. (part 1)

design system