Designing The App Of The Future

 > All  > Ideas  > Designing The App Of The Future

Designing The App Of The Future

Google unveiled progressive web apps around 12 months ago. We’ve now had the chance to look at some of the pioneers of the technology, see how they’ve managed to implement the concepts, and look at their results.

As both a web and Android developer, I’ve been very interested in progressive web apps, not just from a professional point of view but also because this is a technology that I actually believe in.

What are progressive web apps?

The premise is refreshingly simple: bridge the gap between offline and online experiences and gain performance increases, lower bounce rates, and even better conversion rates while doing so.

Progressive web applications—I’ll now call them PWAs—are basically another layer to add on an existing website, one that interacts between the browser and http connection.

This means that any and all requests first go through the service worker, which is an important part of any PWA.

The service worker then determines whether there is even a need to connect to the internet for the request, or whether it should just serve a locally stored cache of the website the user is currently browsing.

Why use a PWA?

Because a PWA can show pages regardless of internet connectivity, site owners have new possibilities for developing sites which function perfectly online as well as offline. There’s even the possibility to access hardware functionality.

Coupled with the overall positive reports from businesses having already implemented PWAs in terms of bounce rates, page load times, and conversion rates, it makes sense for businesses and websites looking for improved metrics to consider a PWA.

Furthermore, this concept does not require app store submission and thus allows for regular updates without waiting in queue for a moderator to review three lines of code changes or bug fixes.

As with most hybrid solutions, there are a few caveats, including the limited access to hardware functions. Although HTML5 has come a long way in supporting most a wide variety of features on hundreds of different devices, not all of these are yet available.

Compatibility

Although not every browser and device supports PWA and service workers yet, the beauty of the concept lies in the name: Progressive. Unlike websites with Flash integration, browsers or devices not supporting the service workers will not be met with error messages or broken pages.

Instead, browsers will simply load the regular site, without the added functionality that PWAs offer, and users are thus free to browse and convert as they would have done anyway.

Performance benefits

Because the technology provides users with a faster loading experience, positive effects of a successful PWA implementation can be measured on conversion rates, bounce rates, and page load times.

In a study performed by Google, the findings show an average of 22% faster page loads for mobile users and 30% faster page loads for desktop users. Because the average time for a website to load fully clocks in at three seconds, this means that we can almost expect an entire second faster load times for desktop users, and a still significant 0.6 seconds for mobile users.

Because of this improved performance, businesses and websites have been reporting great results with regards to conversion and bounce rates.

AliExpress saw more than a 100% conversion increase from people using their progressive web app; 5miles saw a decrease of 50% in bounce rates.

While these numbers are highly situational, it stands to reason that decreasing the page load time will in turn improve bounce rates and conversion rates as a direct result.

Add to home screen

Both Google Chrome and the Opera browser have enabled a prompt that asks the user to install the PWA onto their home screens on supported devices.

The PWAs will not be listed in Android systems like normal apps; the PWA icon is more of a shortcut or bookmark than an install in that regard, although everything is still installed and saved on the device. Removing the shortcut from the home screen will remove the cache as well.

Although both Safari and Internet Explorer/Edge are still leaving service workers out of their browsers, Apple has indicated an interest in progressive web apps by adding service workers to their five-year roadmap for their Safari browser.

Microsoft, on the other hand, has already stated on its blog that it is working on implementing service workers for both Windows and Microsoft Edge, so that might nudge Apple to move a tad quicker. Let’s see.

A Google study found that more than 11% of all website visitors opted to add the site’s progressive web app to their home screen, a quite remarkable amount by any standards.

Compatibility

Although not every browser and device supports PWA and service workers yet, the beauty of the concept lies in the name: Progressive. Unlike websites with Flash integration, browsers or devices not supporting the service workers will not be met with error messages or broken pages.

Instead, browsers will simply load the regular site, without the added functionality that PWAs offer, and users are thus free to browse and convert as they would have done anyway.

Performance benefits

Because the technology provides users with a faster loading experience, positive effects of a successful PWA implementation can be measured on conversion rates, bounce rates, and page load times.

In a study performed by Google, the findings show an average of 22% faster page loads for mobile users and 30% faster page loads for desktop users. Because the average time for a website to load fully clocks in at three seconds, this means that we can almost expect an entire second faster load times for desktop users, and a still significant 0.6 seconds for mobile users.

Because of this improved performance, businesses and websites have been reporting great results with regards to conversion and bounce rates.

AliExpress saw more than a 100% conversion increase from people using their progressive web app; 5miles saw a decrease of 50% in bounce rates.

While these numbers are highly situational, it stands to reason that decreasing the page load time will in turn improve bounce rates and conversion rates as a direct result.

Add to home screen

Both Google Chrome and the Opera browser have enabled a prompt that asks the user to install the PWA onto their home screens on supported devices.

The PWAs will not be listed in Android systems like normal apps; the PWA icon is more of a shortcut or bookmark than an install in that regard, although everything is still installed and saved on the device. Removing the shortcut from the home screen will remove the cache as well.

Although both Safari and Internet Explorer/Edge are still leaving service workers out of their browsers, Apple has indicated an interest in progressive web apps by adding service workers to their five-year roadmap for their Safari browser.

Microsoft, on the other hand, has already stated on its blog that it is working on implementing service workers for both Windows and Microsoft Edge, so that might nudge Apple to move a tad quicker. Let’s see.

A Google study found that more than 11% of all website visitors opted to add the site’s progressive web app to their home screen, a quite remarkable amount by any standards.

Rahul
2 Comments
  • Jenna Alexander
    Reply
    Posted at 8:53 am, October 26, 2015

    Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum.

  • Lillie Patton
    Reply
    Posted at 8:53 am, October 26, 2015

    Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius.

Post a Comment

Comment
Name
Email
Website