Progressive web app checklist - part 4

Progressive Web Apps (PWA) are reliable, fast, and engaging, although there are many things that can take a PWA from a baseline to exemplary experience.

To help you understand how we create the best possible experiences for your app users we’ve put together this checklist which breaks down all the things it takes to be a Baseline PWA, and how to take that a step further with an Exemplary PWA by providing a more meaningful offline experience, reaching interactive even faster and taking care of many more important details.

Exemplary progressive web app checklist

We perform many of these checks manually, as they are not yet implemented in the compliance tool we use.

Push notifications

Although this functionality is not a requirement for an exemplary PWA, your app supports push notifications as it is an excellent tool to keep all users engaged.

1. Provide context to the user about new notifications will be used

We ensure that the app provides the context explaining what it wants the permission to send push notifications for.

2. UI encouraging users to turn on push notifications must not be overly aggressive

If the user dismisses the push notification request, we test that your app does not re-prompt the user in the same way within the same session.

3. App dims the screen when permission request is showing

When your app is showing the permission request, we ensure that the page is “dimming” (placing a dark overlay over) all content not relevant to explaining why the site needs push notifications.

4. Push notifications must be timely, precise, and relevant

With push notifications enables in your app, we check that they appear when users want them and when they matter, that they contain specific information that can be acted on immediately, and that the message is about people or subjects the user cases about.

5. Provides controls to enable and disable push notifications

We check that there is a way for users to manage their notification preferences.