Progressive Web Apps: The Next Mobile Experience?
You may not have heard of them yet, but Progressive Web Apps (PWA) are about to change the mobile landscape. While introduced in 2015 by Google, PWAs have gained popularity this year. So before it becomes all the rage, what are Progressive Web Apps exactly?
What is a PWA?
In the most simple sense, PWAs are mobile apps delivered through the web. This technology allows PWAs to deliver an app-like experience on your browser. It feels like a native app due to the use of an app-shell that provides app-style navigations and gestures. Since progressive apps are built on the web, they are not tied to specific devices. A PWA displays seamlessly and identically on all devices, including desktop, mobile, tablet, or whatever comes next.
What’s more, service workers enable a Progressive Web App to load instantly, regardless of network quality. In other words, this web app is designed to work offline and in areas of low connectivity. With the help of pre-caching, it stays up-to-date, serving the user with the newest content upon launch. Similar to an app, the user is able to save the PWA to their home screen to access it at any time. Making it installable, without the hassle of downloading it from the app stores.
PWA vs. Native Mobile App
While native mobile apps provide the highest quality user experience, they come with friction for both the user and the developer. One of the biggest differences between PWAs and native apps is the presence of the “app store middleman”. For Progressive Web Apps, this middleman is completely taken out. For app developers, no app store means you are no longer restricted by iOS and Android’s rules and guidelines. A developer will not have to go through an approval process, allowing the app to be used as soon as it’s ready. There is also no need to manually update the app, as the revised app version will instantly and automatically be available to everyone.
From the perspective of the end user, they are able to access the PWA without having to download it from an app store. Instead, a PWA is linkable, which means anyone can launch the app straight from a URL. You can share it on social media, email, text message, online ad, or link it to a QR code, and the user will instantly be immersed into an app.
By removing all this friction, it will be much easier for users to have access to the app. As the diagram below shows, with every step of the native app download process, 20% of users are lost. Consumers find it tedious having to find the app in the app store, wait for it to download, and worry that it’ll use up all their storage space before they can start using the app. Because PWAs drastically reduce the amount of steps they need to take (essentially making it a one-step process), there is a much higher chance of people actually using the app. In fact, we use 4x as many websites as mobile apps, resulting in a much larger potential user base with a web based app.
Another major difference for app developers is that they will not have to adapt their app to iOS or Android. The fact that PWAs use web technology means they work cross-platform, on most browsers, taking the operating system out of the equation. You can build one Progressive Web App and it will look and perform the same across all devices. Users will have a cohesive experience on any device they choose to launch the app on.
Finally, PWAs are highly discoverable. This means they are easily identified by search engines, allowing them to come up in the search results just like any other web content. PWAs will be treated with traditional SEO, so it gets indexed for more than just the app name, but also the content within the app. It will not be treated as an app specifically, but as a piece of content that can “answer” someone’s “question.”
To put this into context, 60% of searches are now from mobile devices and this number continues to grow. People are actively using their mobile devices to find content, so imagine your PWA coming up in those search results. For example, someone might be looking for a salon in the area, so they use the Google search bar to start their inquiry. The search results will most likely show directories like Yelp and salon websites. If you own a salon business, your PWA could rank in these searches, driving customers straight from the search results to your app. This first touch is an opportunity to convert your customers. An app-like experience will allow customers to schedule a salon appointment from a UI built for mobile. It’s a seamless process starting with a web search and ending with a completed task in the app.
PWA vs. Mobile Website
PWAs are a hybrid of native apps and mobile websites, but how do they differ from responsive websites? Unlike “old school” mobile websites, PWAs are fast. Note that 53% of users will abandon a site if it takes longer than 3 seconds to load. PWAs load instantly, regardless of network state, and provide fast-to-respond interfaces. This eliminates their dependence on the network, as mobile websites do, ensuring an instant and reliable experience for users. A PWA also updates in the background, so users never need to wait for new content to load.
In addition, traditional mobile websites focus on static information, while PWAs are able to provide users with dynamic functionality. PWAs offer an immersive full-screen experience, allowing customers to place mobile food orders, participate in a loyalty program and contact a business. It can also re-engage users with web push notifications, similar to native push notifications.
Who Is Already Seeing Success?
To drive both traffic and re-engagement, cosmetics brand Lancôme launched a Progressive Web App to deliver a fast, app-like experience to their customers.
Lancôme saw mobile traffic exceed desktop traffic for the first time in 2016. Despite a growing number of mobile site visitors, mobile conversion rates didn’t match those for desktop. 38% of shopping carts on desktop led to orders, while the conversion rate for the mobile web was only 15%. These numbers revealed that customers were experiencing significant obstacles when trying to purchase via their mobile device.
At first, Lancôme considered an e-commerce app as the solution. However, they understood that an app only made sense for customers who visited regularly. Mobile shoppers would not return to an e-commerce app weekly, let alone daily, so they wouldn’t see the value in downloading a Lancôme app. The company wanted to build the right user experience on all of their devices. According to Google, “The company needed a fast-loading, compelling e-mobile experience, similar to what they could achieve with a native app—but one that was also discoverable and accessible to everyone via the mobile web”. Enter the Progressive Web App.
The results are staggering:
- 84% decrease in time until the page is interactive
- 17% increase in conversions
- 53% increase in mobile sessions on iOS
- 18% open rate on push notifications
- 8% of consumers who tap on a push notification make a purchase
All told, the PWA has been a tremendous success, helping the beauty giant make great strides into the mobile revolution.
What does the future look like?
While native mobile apps are by no means going extinct, a PWA can provide the ideal solution for businesses looking to build a compelling and easily adoptable mobile experience for their customers. PWAs offer the best of both worlds, with all the shareability of the web and all the functionality of the native app. Bizness Apps has been working on web apps since 2011 and we are excited about this new technology. It finally gives us the ability to implement native features into our web apps. We will be part of the future of apps, where the mobile app and the mobile website become one.
Comments (23)
-
Going forward, can a native app compete with the PWA…? If the native app features are implemented into our web based apps, does that mean that PWA’s will need a builder as well? Since the two become one, why wouldn’t the native app become obsolete?
Thanks! -
Can´t wait to see what Biznessapps will offer in PWA!
-
So, with this functionality it will make it easier for users/clients to program their apps. for whatever they need. Giving it more speed to download and also without waiting for approval from the app stores. It will make easier for someone who just wants to do – push messages to generate leads for their business. No matter what type of business they are in. Fantastic, you guys are the ONE!!!
-
What sort of timeline are you looking at to implement PWA’s with native features.
-
Is it possible with PWA to send the same push notifications as in Native apps? Both in Apple and Google?
Thanks!
-
HI,
Does the PWA have the same push notification abilities as in native apps? Also in ios?
Thanks
-
When will push notifications and loyalty program be available for pwa? I know your saying “fall 2017” but as a new reseller of bizness apps, i feel like i am doing a dis-service to some of my clients by signng them up for a native app today, when a pwa would really be a better fit for them long term. I deal mostly with the restaurant industry and they must have a loyalty program? Any comments from Andrew would greatly be appreciated.
-
I would love the opportunity to transition future clients over to PWA, but Apple do not support push notifications. Wouldn’t this present an issues with some people wanting to market to their Apple users?
-
What other native features wont be available in the first release tomorrow?
-
What about the email photo feature? Can PWA’s use device specific features like phones?
-
Are these PWA just your HTML5 Mobile Website Apps, that you have currently, with two enhancements: 1) Push notes and 2) Loyalty Reward punch cards? If so, the redirect is not accepted by Google AdWords, since they do not allow ANY form of redirect in their PPCGoogle AdWords platform…I have ONLY sold web apps, since being BA reseller, having sold 350, by myself in 4 years: “They work like “App Store” apps, except they load on any mobile web browsers, without having to go to App Store and download and install an app” is my pitch. Is this new PWA part of Cardiff release?
-
does this work on both iphone and android phones?
-
Does the PWA work on safari browsers?
-
Reminds me little of webos. Palm was ahead of it’s time. I always loved the concept. This seems more focused and excited to learn more
-
Call me a late bloomer. I’m just reading about this topic. What is the status today? Does that mean that you can create an app with your product and not need to go through itunes or googleplay?
23 Comments