Progressive Web Apps

 apps.

BEST

THE FUTURE IS WHERE?

of U.S. smartphone users download

 

2/3

apps/month.

0

of U.S. smartphone users download

 

1/2

apps/month.

0

Native Apps:

Consumer

Load app store

FInd in app store

Decide on compability and space

Download and wait

Install and accept permissions

Use.

 

 

Hard to develop and support.

Not a cheaper proposition.

Hard to distribute via app store process.

Native Apps:

Developer and Client

"You’ve got everything you need if you know how to write apps using the most modern web standards to write amazing apps for the iPhone today"

What about web apps?

"The biggest mistake we made

as a company was betting too much on HTML5

as opposed to native."

Web Milestones

STATIC -> DYNAMIC -> AJAX -> RWD

PWA

Uses modern web capabilities to deliver an app-like user experience.

Web Milestones 

Which one is which?

PWA Features!

Progressive

Feature #1

Responsive

Feature #2

Connectivity Independant

Feature #3

App-like

Feature #5

Fresh

Feature #6

Safe

Feature #7

Discoverable

Feature #8

Re-engageable

Feature #9

Installable

Feature #10

Linkable

Feature #11

A Progressive Web App is:

  • Progressive
  • Responsive
  • Connective Independent
  • App-like
  • Fresh
  • Safe
  • Discoverable
  • Re-enageable
  • Installable
  • Linkable

Service Worker

Web  App Manifest

App Shell

 

 

 

Service Worker

 

 

 

 

Web App Manifest

App Shell

  • 3.5 minutes vs 70 seconds.

  • 3x more time spent on site

  • 40% higher re-engagement rate

  • 70% greater conversion rate among those arriving via Add to Homescreen

  • 3x lower data usage

Upcoming Days?

Native

Andriod Instant Apps

PWA

?

Demo

How progressive is your app?

Disclaimer: 
All the images used in this slides are from various web sites, presentations and videos regarding pwas.

PWA

By Saad Bin Amjad

PWA

  • 362
Loading comments...

More from Saad Bin Amjad