pwa infographic white labeled-2 - mizaniapps.com › resources › mizanisapps-infograp… ·...

1
WHAT ARE MIZANI APPS PWA’s? Characteristics of Progressive Web Apps PROGRESSIVE Works for every user, regardless of browser choice, becausethey’re built with progressiveenhancement at its core. RESPONSIVE Fits any form factor: desktop, mobile, tablet, or whatever is next. UNIVERSAL Only needs a single platform-agnostic version of your app which makes it accessible to all potential users, no matter what device are they on. FRESH Automatically refreshes after each content update, enabling viewers to immediately enjoy the new features without the need to re-download the app. APP-LIKE Uses the app-shell modelto provide app-style navigation and interactions. INSTALLABLE Users can save it to their home screen without the hassle of actually downloading an app. LINKABLE Easily sharable with a URL that will launch the user straight into the app, without a complex installation process. FAST Enhanced with service workers allowing the app to work offline and with low quality networks. MOBILE USAGE IS SURPASSING DESKTOP Mobile internet use is now more popular than desktop the world over. This trend is continuing to grow, leaving desktop usage further and further behind. A mobile-first approach is now more important than ever before. U.S. LOCAL SEARCH QUERY (BILLIONS) RESTAURANTS HEALTH NEWS LIFESTYLE RETAIL TRAVEL SEARCH INITIATED ON MOBILE BY INDUSTRY 72% 68% 64% 62% 56% 52% MOBILE WEB GROWTH SURPASSING APPS Despite apps’ dominance in usage time, mobile web is responsible for big audiences on mobile. Mobile web audiences are almost 3x the size and growing 2x as fast as app audiences. A COMPARISON OF THE TOP 1,000 APPS VS. THE TOP 1,000 MOBILE WEB PROPERTIES 0 2000 4000 6000 8000 10000 12000 Mobile Web Apps Jun 2016 Mar 2016 Dec 2015 Sep 2015 Jun 2015 Mar 2015 Dec 2014 Sep 2014 Jun 2014 +45% vs 2014 +82% vs 2014 A FRICTIONLESS EXPERIENCE FOR USERS Consumers no longer have to go through the hassle of downloading an app from theapp stores. They can simply click on a URL and launch the progressive web app immediately. NATIVE APP INSTALLATION USER FLOW: PROGRESSIVE WEB APP USER FLOW: CLICK ON URL USE APP LOAD APP STORE FIND IN APP STORE DOWNLOAD & WAIT INSTALL ACCEPT PERMISSIONS USE APP NO APP STORE REQUIRED NO DEVELOPER ACCOUNTS UNIVERSAL CODE FOR ALL DEVICES NO APP STORE RESTRICTIONS NO PUBLISHING REQUIRED PROGRESSIVE WEB APPS VS. NATIVE APPS While native mobile apps provide a high quality user experience, PWAs come with many additional benefits. NO SPACE, NO PROBLEM These bits of progressive web software are small, they don’t need to take up a lot of storage space on the device. STORAGE SPACE REQUIRED 0 20 40 60 80 100 PWA iOS App Android App 0 20 40 60 80 100 PWA iOS App Android App 23 MB+ 60 MB 100 MB 0.6 MB 0.2 MB 100 MB+ COMPANIES ALREADY GOING PROGRESSIVE IT WORKS, THERE’S PRECEDENT Twitter PWA significantly increases engagement and reduces data usage. INCREASE IN PAGES PER PERSON INCREASE IN TWEETS DECREASE IN BOUNCE RATES 65% 75% 20% .6MB VS 100MB IOS MOBILE APP <3S LOAD TIME TRIPLES AVERAGE SESSION TIME WITH PWA [1] JUMIA GETS 9X MORE CONVERSIONS FROM ABANDONED CARTS A GOOGLE CASE STUDY REVEALS THAT 11.5% OF VISITORS CHOOSE TO DOWNLOAD A PWA’S HOME SCREEN ICON - MUCH HIGHER THAN AVERAGE CONVERSION RATES FOR EMAIL SUBSCRIPTIONS AND ONLINE STORE PURCHASES. AFTER COMBINING THEIR WEBSITE AND NATIVE APP INTO ONE PWA, INDIA’S BIGGEST E-COMMERCE BRAND ACHIEVES 40% HIGHER REENGAGEMENT RATE. 70% BOOSTED CONVERSION RATE , AND UP TO 3X MORE TIME SPENT ON THEIR WEBSITE. JUMIA, AFRICA’S LEADING E-COMMERCE SITE, GOT 9X MORE CONVERSIONS FROM ABANDONED CARTS USING PUSH NOTIFICATIONS - ONE OF THE CORE FEATURES OF PWAS. THEIR PUSH NOTIFICATIONS GENERATED A CONVERSTION RATE OF 7.85%. MUCH HIGHER THAN THEIR NATIVE APP’S 4.5%. MOBILE WEBSITE AND MOBILE APP IN ONE PWAs offer the best of both worlds, with all the shareability of the web and all the functionality of the native app. Combine your mobile website and mobile app so you only have to maintain one product for your entire mobile presence. MIZANI APPS RECOMMENDED FEATURES GIVE YOUR CUSTOMERS A SINGLE UNIFIED EXPERIENCE. Launch a loyalty program instantly from a link Scan a QR code and send users directly to mobile ordering Send a promotion or sale to re-engage users FUTURE OF MIZANI APPS MIZANI APPS WEB APP REASONS WHY THEY ARE THE 60 69 78 87 96 105 114 123 132 141 150 Mobile Desktop 2019 2018 2017 2016 2015 2014 Feature Functions Offline Mobile-Specific Navigation Push Notifications Home Screen Access No Download Required Linkable and Shareable Improves SEO Low Data Requirements Requires No Updates Progressive Web App Native App

Upload: others

Post on 27-Jun-2020

2 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: PWA Infographic White Labeled-2 - mizaniapps.com › resources › MIZANISAPPS-Infograp… · PROGRESSIVE WEB APPS VS. NATIVE APPS While native mobile apps provide a high quality

WHAT ARE MIZANI APPS PWA’s?

Characteristics ofProgressive Web Apps

PROGRESSIVEWorks for every user, regardless of

browser choice, becausethey’re built with progressiveenhancement at its core.

RESPONSIVEFits any form factor: desktop, mobile,

tablet, or whatever is next.

UNIVERSAL

Only needs a single platform-agnostic version of your app which makes it accessible to all potential users, no

matter what device are they on.

FRESH

Automatically refreshes after each content update, enabling viewers to immediately

enjoy the new features without the need to re-download the app.

APP-LIKE

Uses the app-shell modelto provide app-style navigation and interactions.

INSTALLABLE

Users can save it to their home screen without the hassle of actually

downloading an app.

LINKABLE

Easily sharable with a URL that will launch the user straight into the app, without a

complex installation process.

FAST

Enhanced with service workers allowing the app to work offline and with low

quality networks.

MOBILE USAGE IS SURPASSING DESKTOP

Mobile internet use is now more popular than desktop

the world over. This trend is continuing to grow, leaving

desktop usage further and further behind. A mobile-first

approach is now more important than ever before.

U.S. LOCAL SEARCH QUERY (BILLIONS)

RESTAURANTS HEALTH NEWS

LIFESTYLE RETAIL TRAVEL

SEARCH INITIATED ON MOBILE BY INDUSTRY

72% 68% 64%

62% 56% 52%

MOBILE WEB GROWTH SURPASSING APPS

Despite apps’ dominance in usage time, mobile web is

responsible for big audiences on mobile. Mobile web

audiences are almost 3x the size and growing 2x as

fast as app audiences.

A COMPARISON OFTHE TOP 1,000 APPS VS. THE TOP 1,000 MOBILE WEB PROPERTIES

0

2000

4000

6000

8000

10000

12000

Mobile Web

Apps

Jun 2016Mar 2016Dec 2015Sep 2015Jun 2015Mar 2015Dec 2014Sep 2014Jun 2014

+45%vs 2014

+82%vs 2014

A FRICTIONLESS EXPERIENCE FOR USERS

Consumers no longer have to go through the hassle

of downloading an app from theapp stores. They

can simply click on a URL and launch the progressive

web app immediately.

NATIVE APP INSTALLATION USER FLOW:

PROGRESSIVE WEB APP USER FLOW:

CLICK ON URL USE APP

LOAD APP STORE FIND IN APP STORE DOWNLOAD & WAIT INSTALL ACCEPT PERMISSIONS USE APP

NO APP STORE REQUIRED

NO DEVELOPER ACCOUNTS

UNIVERSAL CODE FOR ALL DEVICES

NO APP STORE RESTRICTIONS

NO PUBLISHING REQUIRED

PROGRESSIVE WEB APPS VS. NATIVE APPS

While native mobile apps provide a high quality user

experience, PWAs come with many additional benefits.

NO SPACE, NO PROBLEM

These bits of progressive web software are small, they

don’t need to take up a lot of storage space on the device.

STORAGE SPACE REQUIRED

0

20

40

60

80

100

PWA

iOS App

Android App

0

20

40

60

80

100

PWA

iOS App

Android App

23 MB+

60 MB

100 MB

0.6 MB 0.2 MB

100 MB+

COMPANIES ALREADY GOING PROGRESSIVE

IT WORKS, THERE’S PRECEDENT

Twitter PWA significantly increases

engagement and reduces data usage.

INCREASE INPAGES PER PERSON

INCREASE INTWEETS

DECREASE INBOUNCE RATES

65% 75% 20%

.6MB VS 100MBIOS MOBILE APP

<3S LOAD TIME

TRIPLES AVERAGE SESSION TIME WITH PWA[1]

JUMIA GETS

9X MORE CONVERSIONS FROM ABANDONED CARTS

A GOOGLE CASE STUDY REVEALS THAT 11.5% OF VISITORS CHOOSE TO DOWNLOAD A PWA’S HOME SCREEN ICON - MUCH HIGHER THAN AVERAGE CONVERSION RATES FOR EMAIL SUBSCRIPTIONS AND ONLINE STORE PURCHASES.

AFTER COMBINING THEIR WEBSITE AND NATIVE APP INTO ONE PWA, INDIA’S BIGGEST E-COMMERCE BRAND ACHIEVES 40% HIGHER REENGAGEMENT RATE. 70% BOOSTEDCONVERSION RATE, AND UP TO 3X MORE TIME SPENT ON THEIR WEBSITE.

JUMIA, AFRICA’S LEADING E-COMMERCE SITE, GOT 9X MORE CONVERSIONS FROM ABANDONED CARTS USING PUSH NOTIFICATIONS - ONE OF THE CORE FEATURES OF PWAS. THEIR PUSH NOTIFICATIONS GENERATED A CONVERSTION RATE OF 7.85%. MUCH HIGHER THAN THEIR NATIVE APP’S 4.5%.

MOBILE WEBSITE AND MOBILE APP IN ONE

PWAs offer the best of both worlds, with all the

shareability of the web and all the functionality of the

native app. Combine your mobile website and mobile

app so you only have to maintain one product for your

entire mobile presence.

MIZANI APPS RECOMMENDED FEATURES

GIVE YOUR CUSTOMERSA SINGLE UNIFIED EXPERIENCE.

Launch a loyalty program instantly from a link

Scan a QR code and send users directly to

mobile ordering

Send a promotionor sale to

re-engage users

FUTURE OF MIZANI APPS

MIZANI APPS WEB APP

REASONS WHY THEYARE THE

60

69

78

87

96

105

114

123

132

141

150

Mobile

Desktop

201920182017201620152014

FeatureFunctions OfflineMobile-Specific NavigationPush NotificationsHome Screen AccessNo Download RequiredLinkable and ShareableImproves SEOLow Data RequirementsRequires No Updates

Progressive Web App Native App