Native experiences built with the modern web
Progressive Web Apps are websites that took all the right vitamins
Deliver Native-like Experiences
PWAs can operate outside a browser and offer offline usage and device notifications.
Still A Website
At its core a PWA is still a website but can be installed on your device (phone, tablet, PC or Mac), app icon/shortcut and all. PWAs pull updates in the background each time a user runs it – features, data and media. At the same time a PWA will operate as your organization’s browser-resident website.
What makes for a good PWA?
Progressive Web Apps marry the immediacy and low entry barrier of the web with the form-factor optimization and functionality of native apps. A good PWA should be:
The first contact with a PWA interface is an immediate, responsive and enjoyable experience
The PWA installs like any other native app, showing on your desktop or homescreen rather than requiring a browser
The PWA is available and responsive every time the user opens it, on par with any other piece of installed software
The PWA follows the best practices for high-quality UX and works irrespective of network state or device capability – there is never an empty screen telling the user to go online or upgrade
A solid Progressive Web App Strategy
- Think About UI Two WaysMock screens with and without the browser UI to help uncover any potential layout issues
- Plan for Different Connectivity StatesRemember to design for different connectivity states: online, offline, flaky network and content loading
- App Icon and Start ScreensThe app icon and starting state screen should be attractive and on-brand; also consider each different OS
- Asking Installation Permission Prompting users to install the PWA soon is pushy but asking too late and they might not bother
- Asking for location data Don’t just ask for permission to access the user’s location as soon as they open the app – wait to ask for permission until their is a value-add reason to ask
MercuryWorks PWA-driven implementations
Gulf Winds’ next generation enterprise logistics system combines React with PWA tech to deliver quick response times, server-driven page updates and native-like performance across desktop, tablet and phone.
MercuryWorks co-developed a new youth sports website and member PWA with i9 Sports. The React front end delivers a mobile-centric platform that combines headless WordPress rendering with member features.
MercuryWorks’ client engagement application is accessible both via the web and installable on phone, tablet and PC (above snap is from Windows 10). Clients can stay up to date on product development, budget and backlogs.