Top Banner
</> Why Progressive Web Apps?
24

Progressive Web Apps - Sayone Tech · Web 2013 Web 2014 Web 2015 Web 2016 Web 2017 Native Deep linking YES (YES) Single click install and launch YES (YES) Geolocation YES Gyroscope

Jun 02, 2020

Download

Documents

dariahiddleston
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Progressive Web Apps - Sayone Tech · Web 2013 Web 2014 Web 2015 Web 2016 Web 2017 Native Deep linking YES (YES) Single click install and launch YES (YES) Geolocation YES Gyroscope

</>

WhyProgressive Web Apps?

Page 2: Progressive Web Apps - Sayone Tech · Web 2013 Web 2014 Web 2015 Web 2016 Web 2017 Native Deep linking YES (YES) Single click install and launch YES (YES) Geolocation YES Gyroscope

Source: comScore

Global web users (millions)

Page 3: Progressive Web Apps - Sayone Tech · Web 2013 Web 2014 Web 2015 Web 2016 Web 2017 Native Deep linking YES (YES) Single click install and launch YES (YES) Geolocation YES Gyroscope

Web 2013 Web 2014 Web 2015 Web 2016 Web 2017 Native

Deep linking YES YES YES YES YES (YES)Single click install and launch YES YES YES YES YES (YES)Geolocation YES YES YES YES YES YESGyroscope YES YES YES YES YES YESOffline KINDA KINDA YES YES YES YESCamera NO YES YES YES YES YESPush NO NO YES YES YES YESAuth NO NO NO YES YES YESPayments NO NO NO YES YES YESInstall to home screen NO NO NO YES YES YESSharing NO NO NO YES YES YESNative Code NO NO NO NO YES YESContacts NO NO NO NO NO YESVR / AR NO NO NO NO Nearly Nearly

Mobile kickstarted capability

Page 4: Progressive Web Apps - Sayone Tech · Web 2013 Web 2014 Web 2015 Web 2016 Web 2017 Native Deep linking YES (YES) Single click install and launch YES (YES) Geolocation YES Gyroscope

Chrome Firefox Edge Opera Safari Samsung UC Browser

Add toHome Screen

Service Workers

Web Push & Notifications

Credential Management API

PaymentRequest API

Meta Theme Color

Supported Beta or partial support In development

Page 5: Progressive Web Apps - Sayone Tech · Web 2013 Web 2014 Web 2015 Web 2016 Web 2017 Native Deep linking YES (YES) Single click install and launch YES (YES) Geolocation YES Gyroscope

60%of mobile connections

worldwide are 2G

Page 6: Progressive Web Apps - Sayone Tech · Web 2013 Web 2014 Web 2015 Web 2016 Web 2017 Native Deep linking YES (YES) Single click install and launch YES (YES) Geolocation YES Gyroscope

19 secondsAverage mobile web

page load on 3G

Page 7: Progressive Web Apps - Sayone Tech · Web 2013 Web 2014 Web 2015 Web 2016 Web 2017 Native Deep linking YES (YES) Single click install and launch YES (YES) Geolocation YES Gyroscope

Most devices are slow!

Source: medium.com/@addyosmani

Page 8: Progressive Web Apps - Sayone Tech · Web 2013 Web 2014 Web 2015 Web 2016 Web 2017 Native Deep linking YES (YES) Single click install and launch YES (YES) Geolocation YES Gyroscope

IntroducingProgressive Web Apps

Page 9: Progressive Web Apps - Sayone Tech · Web 2013 Web 2014 Web 2015 Web 2016 Web 2017 Native Deep linking YES (YES) Single click install and launch YES (YES) Geolocation YES Gyroscope

Progressive Web Apps: interest over time

Source: Google Trends

Page 10: Progressive Web Apps - Sayone Tech · Web 2013 Web 2014 Web 2015 Web 2016 Web 2017 Native Deep linking YES (YES) Single click install and launch YES (YES) Geolocation YES Gyroscope

Instantloading

Clearidentity

Served overTLS

Offlinesupport

Web AppManifest

Can run without browser chrome

TLS

Page 11: Progressive Web Apps - Sayone Tech · Web 2013 Web 2014 Web 2015 Web 2016 Web 2017 Native Deep linking YES (YES) Single click install and launch YES (YES) Geolocation YES Gyroscope

PWAs are just websites

Page 12: Progressive Web Apps - Sayone Tech · Web 2013 Web 2014 Web 2015 Web 2016 Web 2017 Native Deep linking YES (YES) Single click install and launch YES (YES) Geolocation YES Gyroscope

Native and Web

Source: medium.com/@addyosmani

Android App

9.6 MB

56 MB

150 KB

iOS App PWA

Page 13: Progressive Web Apps - Sayone Tech · Web 2013 Web 2014 Web 2015 Web 2016 Web 2017 Native Deep linking YES (YES) Single click install and launch YES (YES) Geolocation YES Gyroscope

Android App

23 MB+

100 MB+

0.6 MB

iOS App PWA

Native and Web

mobile.twitter.com

Page 14: Progressive Web Apps - Sayone Tech · Web 2013 Web 2014 Web 2015 Web 2016 Web 2017 Native Deep linking YES (YES) Single click install and launch YES (YES) Geolocation YES Gyroscope

Top 1000 apps v web: average minutes per visitorBroad Reach, Low Engagement

Source: comScore Mobile Metrix, U.S., Age 18+, June 2016

9.3

Mobile web

188.6

Apps

Page 15: Progressive Web Apps - Sayone Tech · Web 2013 Web 2014 Web 2015 Web 2016 Web 2017 Native Deep linking YES (YES) Single click install and launch YES (YES) Geolocation YES Gyroscope

Top 1000 apps v web: average monthly unique visitorsMobile web reach: nearly 3x apps

Source: comScore Mobile Metrix, U.S., Age 18+, June 2016

Mobile webApps

11.4m

4.0m

Page 16: Progressive Web Apps - Sayone Tech · Web 2013 Web 2014 Web 2015 Web 2016 Web 2017 Native Deep linking YES (YES) Single click install and launch YES (YES) Geolocation YES Gyroscope

Source: comScore 2017 Mobile App Report

78%of time is intop 5 apps

Page 17: Progressive Web Apps - Sayone Tech · Web 2013 Web 2014 Web 2015 Web 2016 Web 2017 Native Deep linking YES (YES) Single click install and launch YES (YES) Geolocation YES Gyroscope

Progressive Web Apps

Cross-browserinitiative

Radically improvingweb user experiences

Page 18: Progressive Web Apps - Sayone Tech · Web 2013 Web 2014 Web 2015 Web 2016 Web 2017 Native Deep linking YES (YES) Single click install and launch YES (YES) Geolocation YES Gyroscope

The new bar

Integrated Reliable EngagingFast

Page 19: Progressive Web Apps - Sayone Tech · Web 2013 Web 2014 Web 2015 Web 2016 Web 2017 Native Deep linking YES (YES) Single click install and launch YES (YES) Geolocation YES Gyroscope

Fast

53%

Source: DoubleClick — The need for mobile speed, September 2016

of users abandon sites that take longer than

3 seconds to load

Page 20: Progressive Web Apps - Sayone Tech · Web 2013 Web 2014 Web 2015 Web 2016 Web 2017 Native Deep linking YES (YES) Single click install and launch YES (YES) Geolocation YES Gyroscope

IntegratedWeb Bluetooth

Web USB

Ambient Light Sensor

Presentation API

Add to Home Screen

Native Share

Share Receiver

Download Manager

Picture in Picture

Camera Stream

Image Capture

Camera Settings

Screen Sharing

Stream from an Element

Barcode Detector

Face Detector

Text Detector

Media Recorder

Page 21: Progressive Web Apps - Sayone Tech · Web 2013 Web 2014 Web 2015 Web 2016 Web 2017 Native Deep linking YES (YES) Single click install and launch YES (YES) Geolocation YES Gyroscope

Reliable

Reliability means never showing the Downasaur

Page 22: Progressive Web Apps - Sayone Tech · Web 2013 Web 2014 Web 2015 Web 2016 Web 2017 Native Deep linking YES (YES) Single click install and launch YES (YES) Geolocation YES Gyroscope

Engaging

Push Notifications

Page 23: Progressive Web Apps - Sayone Tech · Web 2013 Web 2014 Web 2015 Web 2016 Web 2017 Native Deep linking YES (YES) Single click install and launch YES (YES) Geolocation YES Gyroscope

Results

Source: medium.com/dev-channel

Old mobile web v new mobile web

Time spent >5 minutes

+40%

User generatedad revenue

+44%

Adclickthroughs

+50%

Coreengagements

+60%

Page 24: Progressive Web Apps - Sayone Tech · Web 2013 Web 2014 Web 2015 Web 2016 Web 2017 Native Deep linking YES (YES) Single click install and launch YES (YES) Geolocation YES Gyroscope

www.sayonetech.com

1335 Main St. Suite 108,St. Helena,

California 94574,U.S.A.

(408) 641-7073

VII/401(I), 2nd Floor,Cyber house,

Old Civil Road, Kakkanad,Kochi, Kerala, India- 682030

+91-7293152324

5th floor, Unit No. 503,World Trade Center, Infopark, Kakkanad,

Kochi, Kerala, India- 682042+91-7293152324

Thank You“”

Fuelling success for our clients and happiness for our stakeholders