PWA Infographic White Labeled-2 - mizaniapps.com › resources › MIZANISAPPS-Infograp… ·...

Post on 27-Jun-2020

1 views 0 download

Transcript of PWA Infographic White Labeled-2 - mizaniapps.com › resources › MIZANISAPPS-Infograp… ·...

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