Friday, April 19, 2019

The Plain-English Guide to Progressive Web Apps

Whether it’s in sports, music, or business, rivalries always seem to make things more interesting. By allowing people to pick a side, rivalries make them feel like they truly belong to a tribe, which is a primal human need. Rivalries also push competitors to constantly outperform each other and, in turn, provide their target market with an ever-enhancing customer experience.

But imagine if some of the world’s fiercest rivals put their differences aside and teamed up to assemble the best product or service on the market. Could you imagine how electric an NSYNC-Backstreet Boys concert would be? Or the sheer power of a Microsoft-Apple supercomputer?

In the digital age, you could say mobile websites and apps are rivals. Brands developed mobile apps to phase out the use of their fast yet janky mobile websites when the demand for mobile devices exploded. Unfortunately, they soon discovered that mobile apps are quite sluggish and require more steps to access than mobile websites, like finding and downloading them from the app store.

To develop an app that offers the speed of a mobile website and the user experience of a mobile app, Google decided to end the rivalry between mobile websites and apps and blended their best functionalities together, birthing the progressive web app in 2015.

1. Uber

Uber's progressive web application

Image Credit: SimiCart

To provide their users who use low-end mobile devices with a similar web experience as their mobile app, Uber built a progressive web app that works on 2G networks. So regardless of your network speed, device, and even location, you can use Uber’s PWA to book a ride, which is especially helpful if you’re in a location with spotty service or your phone isn’t compatible with their mobile app.

2. Starbucks

Starbucks' progressive web application

Image Credit: SimiCart

Starbucks’ progressive web app is quite similar to its native mobile app, but the biggest difference between the two is that their PWA takes up significantly less space than their native mobile app and it works offline. When you’re offline, you can use their PWA to browse their menu, customize your orders, and add items to your cart. When you’re online, you can check each store location’s prices and place orders.

3. 2048

2048's progressive web application

Image Credit: SimiCart

There’s arguably no other game as addicting as 2048. When it was released in 2014, the video game attracted over 10 million unique visitors in its first month, and when it was rolled out as a mobile app, it attracted even more downloads. When you play 2048 on its progressive web application, it looks and feels just like its mobile app, but its main differentiator is that you can play the game both online and offline.

4. Pinterest

Pinterest's progressive web application

Image Credit: SimiCart

When Pinterest discovered that only 1% of their mobile users converted into sign-ups, logins, or native app installs because of their app’s poor user experience (a 23 second load time), they reconstructed their mobile app into a progressive web application. Within three months, their PWA saw a 40% increase in time spent over five minutes, a 44% increase in user-generated ad revenue, and a 50% increase in ad click-throughs compared to their old mobile app.

5. Housing.com

Housing.com's progressive web application

Image Credit: SimiCart

Housing.com is India’s main online real estate platform, attracting over 9 million visits per month. The majority of their target audience uses low-end mobile devices that have maximum network speeds of 2G or 3G, so to cater to their users and boost their conversion rates, they built a progressive web app that users can quickly find property on even when they’re offline.

No comments:

Post a Comment