Progressive Web App, la clé de votre écosystème mobile

FredCavazza.net@fredcavazza #capcomnet
Progressive Web App,
la clé de votre
écosystème mobile
Rencontres Nationales de la Communication Numérique
28 septembre 2017

Frédéric Cavazza ?
• Marketing technologist
• Consultant et conférencier
• 20 ans d’expérience dans le web
• 1 blog : FredCavazza.net
• 2 livres :

Sommaire
• Le mobile dévore le monde 
Chiffres-clés, usages et impacts
• Oubliez les applications, pensez écosystème 
Pourquoi les applications ne sont plus viables ? 
Quelles sont les autres solutions ?
• Le B-A-BA des PWA 
Qu’est-ce qu’une Progressive Web App ? 
Quelle différence avec le Responsive Web Design ? 
Qui les utilisent ? Pour quels objectifs ?

Le mobile dévore le
monde (depuis 2011)

Nous vivons dans un quotidien numérique
Il y a plus de numérique que d’analogique dans
l’information, la communication, le divertissement…
notamment grâce à l’hégémonie des smartphones

Le smartphone dans la
journée des consommateurs
Source : Deloitte, septembre 2016
23% des français n’éteignent jamais leur smartphone

Mobile > Desktop
Supports de consultation :
Mobile
= 52%
Desktop
= 43%
Tablet
= 5%
Ventes mondiales :
Source : IDC, 2016
Source : StatCounter, mai 2017

MOBILE > DESKTOP
Source : eMarketer, mars 2017
Source : ComScore, avril 2017
Investissements publicitaires (FR) :
Temps passé :

Le marketing doit se transformer
No Parking, No Business No Mobile, No Business
Les dogmes du XXe siècle sont des anachronismes

Oubliez les applications
mobiles, pensez
écosystème mobile

Android > 2.000.000.000
Les 3/4 des smartphones en circulation sont sous Android, une
application iPhone ne touchera q’une petite partie des utilisateurs

Les applications mobiles sont reines, 
mais malheureusement pas la vôtre !
😃
😳
Source : Flurry Analytics, avril 2017
Social + divertissement + jeux + utilitaires = 95% du temps passé

Nombre moyen d’applications mobiles utilisées par jour (source : AppAnnie, Q1 2017)
Moins de 10 applications
sont régulièrement utilisées
Les mobinautes ont déjà développé leurs habitudes
😩

Moins de 10 M de mobinautes français ont
téléchargé une app. ou + (sur 35 M)
Source : MMA FR
Un réel phénomène d’app fatigue
1 mobinaute US sur 2 ne télécharge plus d’application
Source : Comscore
3/4 des mobinautes français ne téléchargent plus de nouvelles applications
mars- 17

Une application mobile ne couvre
qu’une petite partie des cas d’usages
🤗

🤗
🤔

🤗
🤔
🙂

🤗
🤔
🙂
😕

🤗
🤔
🙂
😕
☹

🤗
🤔
🙂
😕
☹
😠

🤗
🤔
🙂
😕
☹
😠
😖

Tout est question de contexte
Toucher la bonne personne, au bon endroit, au bon moment…
sans l’obliger à télécharger une application de 28 Mo !

Votre objectif est de couvrir le
plus de micro-moments possibles
S’insérer de façon élégante dans le quotidien des mobinautes
Source : BCG, mai 2015

Les différents formats de présence
• Application native / hybride
• Site responsive / RESS
• Site mobile dédié
• Pages AMP / Instant Articles
• Bannières / publicités natives
• Résultats sponsorisés
• Promotions géolocalisées / in-store
• Notiﬁcations (in app, assistants…)
• Chatbot (Messenger, Kik, Viber…)
• Assistants personnels (Siri, Google…)
Les smartphones offrent de nombreuses possibilités de toucher vos clients

Progressive Web App,
la solution ultime ?

Les limites du RWD
Le responsive web design est une transition pour
mieux appréhender les terminaux mobiles
☹ Poids des pages
😖 Temps de chargement
😥 Complexité du code
😱 Adéquation au contexte mobile
« Naaaaan c’est booooon, notre site est responsive… »

La révolution des PWA
Les Progressive Web Apps offrent tous les avantages des sites
mobiles et des applications natives sans les inconvénients
• Accès immédiat
• Icône sur l’écran d’accueil
• Fonctionnement hors-ligne
• Stockage persistent
• Mises à jour transparentes
• Accès aux ressources syst.
• Interface uniforme…

Concrètement, c’est quoi une PWA ?
• Un site web (accessible librement depuis une URL et non une
app store, et peut donc être référencé sur Google)
• Optimisé pour les smartphones (mise en page adaptative,
compatible avec les Accelerated Mobile Pages…)
• Qui reproduit l’expérience d’une application (icône sur l’écran
d’accueil, cadre du navigateur pas afﬁché…)
• Qui offre le même niveau de service (fluidité, rapidité,
consultation hors ligne, utilisation du GPS, de l’appareil photo…)
• Mais qui est utilise les technologies web (pas besoin de recruter
un nouveau développeur ou d’avoir recours à un prestataire)
Avec les Progressive Web Apps , vous n’avez aucun compromis à faire

Ex : Forbes

Ex : Forbes
Icône sur l’écran d’accueil
Même prise en charge par
l’OS qu’une appli native

Ex : Financial Times
Ajout à l’écran d’accueil
à la seconde visite
Stockage des articles
pour lecture hors-ligne

Ex : Lancôme
Notiﬁcations push Géolocalisation

Ex : Wego
Récupération
automatique du proﬁl
Recherches en arrière plan

Ex : Voice Recorder
Utilisation du micro
Édition et stockage des
mémos vocaux

Ex : Utilitaires
Utilisation du micro Utilisation de l’appareil photo

Ex : 2048
Icône sur l’écran d’accueil Manipulation fluide

Ex : Rio Run
Stockage des
enregistrements audio
Géolocalisation Fonctionnement hors-ligne

Tous les avantages des applications
natives sans les inconvénients
• Accès immédiat aux contenus, services et offres
• Icône sur l’écran d’accueil
• Fonctionnement hors-ligne
• Mises à jour transparentes sans passer par le processus
d’approbation des app stores
• Accès aux ressources systèmes (GPS, appareil photo,
contacts, micro, notiﬁcations…)
• Fonctionnalités équivalents à une applications native
(notiﬁcations, sauvegarde des données…)
Les PWA sont la clé de voute de votre écosystème mobile

Conclusion

Making smartphone great again!
😜

Merci de votre attention

Progressive Web App, la clé de votre écosystème mobile

Contenu connexe

Tendances

Similaire à Progressive Web App, la clé de votre écosystème mobile

Plus de Frederic CAVAZZA

Progressive Web App, la clé de votre écosystème mobile