Matthias Lettl

Web Push: Turning Annoyance into Engagement

What if users actually *wanted* your web push notifications? Learn the UX patterns to turn a common annoyance into a powerful engagement tool.

Web Push: Turning Annoyance into Engagement
#1about 4 minutes

The web push paradox and its powerful potential

Web push notifications are often blocked due to poor user experience, but they offer powerful features like background sync, message queuing, and direct user engagement.

#2about 4 minutes

Understanding the technical flow of web push

A technical breakdown of the subscription flow, which uses a service worker to get credentials from a push service, and the sending flow, where a server sends encrypted messages.

#3about 3 minutes

Designing a user-friendly permission request

Improve the permission experience by providing clear context on the benefits and requiring an explicit user action to trigger the browser-level prompt.

#4about 2 minutes

Giving users control with topic-based subscriptions

Allow users to configure notification topics within the application, using an opt-in approach where all topics are disabled by default to avoid spam.

#5about 3 minutes

Using in-app toasts versus system-level notifications

Differentiate notifications by showing an in-app toast when the user is active on the site and only using an operating system-level notification when they are away.

#6about 4 minutes

Reflecting permission state and providing troubleshooting

Build an expressive UI that reflects the browser's current permission status and include a resubscribe option to fix issues when credentials become invalid.

#7about 2 minutes

A summary of user experience guidelines

A recap of key principles for effective web push, including proper timing for permission requests, providing configuration options, and building a responsive UI.

#8about 2 minutes

Understanding current limitations and browser compatibility

While the core Push API has baseline support, advanced features like notification actions and reliable click events still have limited browser compatibility.

#9about 1 minute

Overcoming bad reputation with user-centric design

To make web push successful, developers must overcome its negative legacy by adopting a user-centric approach that prioritizes context, transparency, and configurability.

Related jobs
Jobs that call for the skills explored in this talk.

Featured Partners

Related Articles

View all articles

From learning to earning

Jobs that call for the skills explored in this talk.