Saturday 29 June 2019

What is a Progressive Web App?

What is a Progressive Web App?
What is a Progressive Web App?

PWA's are websites but better.

Progressive Web Applications (PWAs) are websites that give your users an app like experience.

They are downloaded and installed on your mobile home screen and desktop through a standard web browser. PWA’s can be indexed by search engines, receive push notifications, sync in the background and also have access to mobile devices like microphones, cameras and touch sensors. 

The requirements was outlined in 2015 by Google, since then the whole industry has been moving toward PWA's by integrating them into their browsers. They work on any platform that uses a standard compliant browser and provide a significant cost savings because they only require one coding platform to both website and app.

Progressive web applications have some distinct features which vary with apps and help them offer optimum web experience;

Service workers

Unusual title, but this part of the platform allows a PWA to receive provide push notifications, background syncing and offline working.

Offline caching

PWAs utilise caching to instantly load pages on repeat visits. Some content help within the device while the new dynamic content is refreshed on each user visit - effectively providing basic functions without the need of internet.

Integrated Platforms

Unlike Apps they will work across all devices and platforms because they are created as responsive mobile websites.

Which browsers support PWA's?

Today, progressive web apps are fully supported by Chrome and Opera. Firefox supports nearly all of their features. Microsoft Edge is working on them. Safari are even supporting them on iOS 11.3. A PWA provides features like push notification, home screen icon, full-screen and offline, the first app to glorify user engagement.

Case Studies

George.com

The UK clothing brand upgraded their website to a PWA and experienced a 31% increase in mobile conversion.

  • 3.8x - Faster average page load time
  • 2x - Lower bounce rate
  • 31% - Increase in Conversion Rate
  • 20% - More page views per visit
  • 28% - Longer average time on site for visits from Home screen

Lancôme

Lancôme PWA proved to be successful for a number of reasons - they kept users engaged with push notifications with exclusive promotions and products releases. This method delivered an 18% open rate on mobile.

  • 53% increase in mobile sessions on IOS
  • 15% decrease in bounce rate
  • 8% increase in users returning after abandoning their cart
  • 17% increase in conversion on IOS devices


PWA's coming to the Galaxy Store

Samsung are going to integrate Progressive Web Apps (PWA's) into the Samsung experience, it has decided to start adding Progressive Web Apps to the Galaxy Store along with conventional apps. 

PWA Pros

PWA’s are built using standard internet technologies like HTML, CSS and JavaScript. They work on all platforms that use standard browsers. 

  1. They are accessed by Home Screen Icons and Desktop Icons
  2. Can receive push notifications (even if application closed)
  3. Can access some native features like Cameras, Microphone, File System and Database.
  4. App Install Banners – customized installation visual buttons – also built in address bar chrome install button
  5. Installs desktop (Home) icon which can be moved to start menu or task bar.
  6. Can add to Home Screen on android, does not have to be installed but provides extra functionality if installed.
  7. Work offline capabilities, you can prepare an offline version of site that still provides useful information, reported improvement on regular browser caching load times, can save submitted data offline and sync later, can use cache then when network comes online dynamically update with latest resources.
  8. Many sites report increased turnover with this technology as switching to PWA as a shortcut on your Home Screen has less moves for a user than opening browsers and entering a web address.
  9. Indexable via Search Engines as essentially is still a website where Native apps are not.
  10. Improved abandoned shopping cart retrieval and completion thanks to push notifications bringing people back to the site when they may not have thought about it but where reminded
  11. No updates required as its basically the website in a container with extra capabilities to access native os or at least simulate as its run by chrome window
  12. Future looks like it’s going to feature PWA more with windows 10 and Edge browser actively under development with extra features to integrate in to the OS, Apple iOS on the case also but Safari reportedly behind on offering some functionality in compared to Android and Chrome
  13. Some companies have Lite version of desktop/website app that loads really quickly eg goes direct to booking section
  14. Much less development time that a native app due to it being practically a website same server side C# .Net/PHP, then client side HTML, JavaScript, CSS, SQL, XML, JSON data manipulation, native Android and iPhone apps would be almost a partial/total rewrite for a different development framework depending on requirements, advances in recent years make it less than it used to be to make native app but PWA makes it even less still (that does not mean there is no development to do however and also adding new functionality to the existing website would take same amount of time it’s just got the advantage you don’t need to maintain multiple solutions)
  15. Install Options; Google Play, Apple App Store, Windows 10 App Store, Chrome Browser, more options TBA in future

PWA Cons

  1. Can’t load Native Apps from PWA such as Google Earth location, Photoshop or Media Players
  2. Not all features are accessible inconsistent support for cameras, compass, accelerometer, gesture support for screens etc
  3. Patchy support in some browsers to install to Desktop (may improve in future)
  4. Can’t do custom window shaped application – restricted to have a coloured frame around, no super special AIMP skins or old school Winamp skins, TV players
  5. Battery consumption greater


Please call us us 0131 454 3311 or just get intouch and find out how to get started with a Progressive Web App (PWA). Learn about the future of PWA's

 

Video

Progressive Web Apps - PWA Roadshow

Useful Links

https://developer.microsoft.com/en-us/windows/pwa

https://medium.com/@firt/google-play-store-now-open-for-progressive-web-apps-ec6f3c6ff3cc

https://appmaker.xyz/pwa-examples-successful-progressive-web-apps/

https://medium.com/dev-channel/a-pinterest-progressive-web-app-performance-case-study-3bd6ed2e6154

https://developers.google.com/web/tools/lighthouse/audits/custom-splash-screen

https://developers.google.com/web/fundamentals/app-install-banners/promoting-install-mobile

news-chatbots

5 April 2021

The Pros & Cons of rule based and AI, Machine Learning chatbots.

So let’s look at how AI, machine learning chatbots differ from the first generation rule based chatbots

Read More >

news-survey-16

23 February 2021

Use chatbots as a natural extension of what your law firm does.

We’ve observed the most successfully adopted technologies are a natural extension of what we are already doing do on a day to day basis.

Read More >

news-accessible-chatbots

22 February 2021

How to make your law firm chatbot accessible

Why wouldn’t you design your chatbot to be inclusive, accessible and helpful to neurodivergent users?  

Read More >

news-chat-bots

16 February 2021

Screening leads on your website with chatbots

Your chatbot can qualify leads and book appointments with the right member of your legal team.

Read More >

news-guide-relevant

2 February 2021

Three ways you can keep your website relevant

Keeping your website relevbant isn't easy. In this article I've created three things for you to consider.

Read More >

news-cro

19 January 2021

How to convert website visitors to leads

In this summary article I focus on how to encourage your website visitors to engage with your website.

Read More >

news-benchmark-survey

14 January 2021

Take the Online Marketing Law Firm Benchmark

We'd like to invite you to take the Online Marketing Law Firm Benchmark.

Read More >

news-what-content

12 January 2021

What content should you have on your website?

In this summary I’m going to take you through what content you should have on your website.

Read More >

icon-guide-know-clients

2 December 2020

Learning to listen to your clients

Do this well you will help potential clients convert into new clients. 

Read More >

icon-book-open-flat-UI

10 November 2020

Understanding intent of your potential clients

Two types of website visitor intent that is worth learning about because it will get you more enquires.

Read More >

icon-essential-guide-ML

22 October 2020

Chatbots, the how and why?

In this article I’d like to describe how you can use Chat Bots and why they will help you and your clients.

Read More >

essential-guide-law-firm-website-redesign-uvp

14 October 2020

How to create clear messages on your law firm website

In this article we talk about a tried and tested method of how to create clear messages.

Read More >

essential-guide-Ixd

6 October 2020

How to how improve the look of your law firm website

Lets explore the process of how you can improve the look of your law firm website.

Read More >

essential-guide-law-firm-website-redesign-start

29 September 2020

How to start your Law Firm website redesign

In this Law firm Essential Guide to website redeisgn article I’m going to take you through how to start your website redesign. 

Read More >

essential-guide-law-firm-website-redesign

22 September 2020

Law Firm Essential Guide to Website Design

WEB has created and published a series of articles and supporting content about Law Firm website redesign

Read More >

ML-AI

30 July 2020

AI and Machine Learning - what can chat bots do?

We know technology has dehumanised commercial relationships - this is a game changer.

Read More >

logo-200-200

Web
20 March 2020

COVID-19 Update

I wanted to personally let you know what WEB is doing during the Coronavirus COVID-19 pandemic. 

Read More >

icon-pwa

11 August 2019

Why PWA’s are the future of both Apps and Websites

PWAs can be considered the combination of mobile apps and websites and offer you the best of both worlds. 

Read More >

icon-pwa

29 June 2019

What is a Progressive Web App?

Progressive web applications (PWAs) are websites that give your users an app like experience. 

Read More >

news-task

25 January 2019

Conducting Task Analysis

As part of understanding what your users are looking for on your website you may want to consider task analysis.

Read More >

news-results

9 January 2019

Why emails need to be optimised for mobile.

According to recent research 41% of Europeans would either close or delete an email not optimised for mobile.

Read More >

news-redesign-3

9 January 2019

Website relaunch, how to get it right.

So you’ve just re-launched your website, revenue has dropped in fact page views has dropped and your bounce rate is up.

Read More >

news-car

9 January 2019

Cart abandonment rate average 68.63%

You might be surprised to hear the majority of shoppers that add something to their cart don’t complete their purchase. Find out why.

Read More >

news-inpage-analytics-icon

8 January 2019

Critical information on where users click

In-Page Analytics allows you to view how users interact with your website. 

Read More >

news-email-roi

3 January 2019

Improve ROI for Email Campaigns

Remember the first 40 characters in an email subject line are critical when recipients make an informed decision about to open or ignore.

Read More >

news-news

14 November 2018

Part 2 of 4 Law firm website redesigns - how to get it right

Law firm website redesigns can be a challenge, here are a few tips to make your task easier.

Read More >

news-news

23 October 2018

Part 1 of 4 Law firm website redesigns - how to get it right

Law firm website redesigns can be a challenge, here are a few tips to make your task easier.

Read More >

logo-ddf

8 July 2018

How to Access More

We asked freelance marketing consultant, writer and photographer, working in arts, culture and tourism, specialising in digital Rob Martin to write about a website we both worked on specifically about the topic of accessibility.

Read More >

news-optimisation

1 July 2018

What is Mobile Optimisation?

Mobile optimisation is about looking the requirements of users on the move and page load speed. 

Read More >

news-a-z

15 January 2018

Content Marketing: A Glossary of Terms

Here are some content marketing terms you need to know when talking the talk.

Read More >

news-SeeNowBuyNow

4 January 2018

‘See Now, Buy Now’ Catwalk Shows Drive Sales

Designers and retailers tell of their biggest sales days from shoppable catwalk shows.

Read More >

home-small-analytics

13 November 2017

Content Marketing Essentials

Content Marketing - essentials, tips on how to make an impact in just 30 minutes a day.

Read More >

news-video1

11 October 2017

Engaging audiences with Video – a new platform

Web are beta testing a new video platform which will greatly improve online engagement.

Read More >

news-a-z

18 April 2017

A - Z of Tech Terms

Here's a handy glossary of tech terms to help you navigate from your bandwidth to your backend.

Read More >

 
Need to improve your business? Let's grab a coffee and talk about stuff.

Fill in your name and we'll get right back to you.

 



This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.
 
Founded in 1995 based in Edinburghs' tech community, WEB is a company specialising in website design for Law Firms with machine learning chatbots - it's team includes design, software engineering and online marketing.
 
 

Work in progress since 1995.
Got any questions? Just get in touch.

 

Keep in Contact

Never a miss out. Subscribe and you’ll get our latest case studies, articles and news.

Email Address
 
 
© WEB 2021 - 10 Constitution Street Edinburgh EH6 7BT. Tel: 0131 454 3311