3. FredCavazza.net@fredcavazza #capcomnet
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 ?
5. FredCavazza.net@fredcavazza #capcomnet
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
11. FredCavazza.net@fredcavazza #capcomnet
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
12. FredCavazza.net@fredcavazza #capcomnet
Les applications mobiles sont reines,
mais malheureusement pas la vôtre !
😃
😳
Source : Flurry Analytics, avril 2017
Social + divertissement + jeux + utilitaires = 95% du temps passé
13. FredCavazza.net@fredcavazza #capcomnet
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
😩
14. FredCavazza.net@fredcavazza #capcomnet
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
26. FredCavazza.net@fredcavazza #capcomnet
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… »
27. FredCavazza.net@fredcavazza #capcomnet
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…
28. FredCavazza.net@fredcavazza #capcomnet
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 affiché…)
• 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
38. FredCavazza.net@fredcavazza #capcomnet
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, notifications…)
• Fonctionnalités équivalents à une applications native
(notifications, sauvegarde des données…)
Les PWA sont la clé de voute de votre écosystème mobile