SlideShare une entreprise Scribd logo
1  sur  44
Télécharger pour lire hors ligne
LES 
SOLUTIONS 
MOBILES 
# CONTEXTE 
# STRATÉGIE 
# TECHNOLOGIES
Mathieu Molinaro 
CONSULTANT SOLUTIONS DIGITALES 
CHEF DE PROJET 
@MatMolinaro 
@GroupeScala
SOMMAIRE 
1 CHIFFRE DU MOBILE EN FRANCE (EN 2014) 
2 CONSTRUIRE UNE STRATÉGIE MOBILE 
3 CHOISIR UNE TECHNOLOGIE 
4 DÉFINIR UN BUDGET 
5 A RETENIR 
TRANSFORM & RUN 3
LES CHIFFRES DU MOBILE 
EN FRANCE (EN 2014) 
24% DU « TEMPS CONNECTÉ » 
EST PASSÉ SUR UN MOBILE 
TRANSFORM & RUN 4 
1
LES CHIFFRES DU MOBILE EN FRANCE (1/4) 
61% 
des Français possèdent 
un Smartphone. 
(plus d’1 Français sur 2 sont des mobinautes) 
46% 
des foyers Français 
sont équipés de Tablettes 
(taux d’adoption supérieur aux phablettes) 
Source : TNS Sofres Connected Life 2014 / Deloitte SAS octobre 2014 
TRANSFORM & RUN 5
LES CHIFFRES DU MOBILE EN FRANCE (2/4) 
DÉMOGRAPHIE DES MOBINAUTES 
7,1 % 11 – 15 ans 
18,6 % 16 – 24 ans 
21,0 % 25 - 34 ans 
26,3 % 35 - 49 ans 
17,7 % 50 - 64 ans 
9,2 % 65 ans et plus 
TRANSFORM & RUN 6 
Source : Médiamétrie 2T2014
LES CHIFFRES DU MOBILE EN FRANCE (3/4) 
PART DE MARCHÉ 
OS des Smartphones 
61 % Google Android 
21 % Apple iOS 
8 % Microsoft Windows 
PART DE MARCHÉ 
OS des Tablettes 
54 % Google Android 
31 % Apple iOS 
5 % Microsoft Windows 
Source : Web Observatoire 2014 / ComScore MobileLens 2T2014 
TRANSFORM & RUN 7
LES CHIFFRES DU MOBILE EN FRANCE (4/4) 
Au premier trimestre 2014, 
10% du trafic internet 
provient des Smartphones 
… et environ 17% 
pour les Tablettes ! 
TRANSFORM & RUN 8 
Source : GS StatCounter 1T2014
CONSTRUIRE UNE STRATÉGIE 
DE PRÉSENCE SUR MOBILE 
LE PROFIL DES MOBINAUTES 
VA SE GÉNÉRALISER 
TRANSFORM & RUN 9 
2
CONSTRUIRE UNE STRATÉGIE DE 
PRÉSENCE SUR MOBILE (1/3) 
QUESTION : 
« Est-ce que proposer une solution mobile, 
complémentaire à votre site internet, 
peut vous aider à atteindre vos objectifs, 
sur votre population-cible ? » 
Si « oui », 
alors il faut vous pencher sur la question 
de la mise en place d’une stratégie mobile. 
TRANSFORM & RUN 10
CONSTRUIRE UNE STRATÉGIE DE 
PRÉSENCE SUR MOBILE (2/3) 
OBJECTIFS ET STRATÉGIE 
► Stratégie marketing 
► Information ou émotion 
► Synthétique et impactant 
TRANSFORM & RUN 11 
CIBLES 
► Comportement 
► Mode de consommation 
► Données démographiques 
1 
OBJECTIFS 
► Augmenter sa notoriété, 
► Se construire une clientèle, 
► Pérenniser sa présence, 
► Fournir un service pratique, … 
2 
MESSAGE 
3
CONSTRUIRE UNE STRATÉGIE DE 
PRÉSENCE SUR MOBILE (3/3) 
OBJECTIFS ET STRATÉGIE 
► Outils intégrés aux Stores 
► Choix technologiques 
► Analyse de l’audience (Web) 
► Evaluer la e-réputation 
TRANSFORM & RUN 12 
DIFFUSION 
PROMOTION 
► Déterminer les habitudes 
d’achat des cibles 
► Etablir une fréquence selon 
les supports utilisés 
4 
RETOURS 
UTILISATEURS 
5 
► Être réactif 
► Agir dans la phase de désir 
► Provoquer l’acte d’achat 
ÉVALUER 
ANALYSER 
6
CHOISIR UNE TECHNOLOGIE 
(ADAPTÉE À VOTRE STRATÉGIE) 
TRANSFORM & RUN 13 
2
LES SOLUTIONS TECHNOLOGIQUES 
TRANSFORM & RUN 14 
RESPONSIVE 
WEB DESIGN 
SITE 
MOBILE 
APPLICATION 
HTML5 
APPLICATION 
HYBRIDE 
APPLICATION 
ADOBE AIR 
APPLICATION 
NATIVE 
RWD Mobile-First WebApp Hybrid App RichMedia Native App 
WEB APP
RESPONSIVE WEB DESIGN (RWD) 
UN MÊME SITE QUI S’ADAPTE AUX 
DIFFÉRENTES RÉSOLUTIONS 
► Qu’il soit consulté sur ordinateur, 
tablette, ou smartphone, un site conçu 
en Responsive Web Design s’adapte 
automatiquement à la taille de l’écran. 
► Le Responsive Web Design est un (bon) 
compromis pour toucher un maximum 
de mobinautes. 
TRANSFORM & RUN 15 
#UNIVERSALISER
RESPONSIVE WEB DESIGN (RWD) 
LES AVANTAGES : LES INCONVÉNIENTS : 
Disponible pour tous les terminaux Connexion à internet indispensable 
TRANSFORM & RUN 16 
Délais de développement plus court 
qu’une application native 
Délais de développement plus long 
qu’un site internet standard 
Accessible via une URL 
Indisponible 
dans les boutiques d'applications
RESPONSIVE WEB DESIGN (RWD) 
TRANSFORM & RUN 17 
UNE RÉFÉRENCE SCALA : 
Refonte complète du site de la 
ville de Miramas. 
Optimisation de la consultation 
sur supports mobiles 
(Smartphones et Tablettes)
SITE MOBILE (Mobile-First) 
UN SITE INTERNET DÉDIÉ AUX 
SMARTPHONES OU TABLETTES 
► Un site mobile nécessite une réflexion 
particulière en amont. Il ne s’agit pas de 
pratiquer une réplication 100% conforme 
de l’interface web sur le support mobile. 
► Il faut prioriser en fonction des usages et 
des besoins les services proposés à 
l’internaute en situation de mobilité. 
TRANSFORM & RUN 18 
#FACILITER
SITE MOBILE (Mobile-First) 
LES AVANTAGES : LES INCONVÉNIENTS : 
Affichage identique 
sur tous les terminaux Connexion à internet indispensable 
TRANSFORM & RUN 19 
Requiert peu d’espace 
de stockage Accessible via une URL 
Choix économique 
(comparé aux applications) 
Indisponible 
dans les boutiques d'applications
SITE MOBILE (Mobile-First) 
TRANSFORM & RUN 20 
UNE RÉFÉRENCE SCALA : 
Connectez-vous avec n’importe 
quelle tablette ou smartphone 
au site CG13.fr. 
Son utilisation est facilitée par 
une ergonomie simple pour une 
meilleure navigation tactile.
APPLICATION HTML5 (WebApp) 
ÉCRITE EN HTML5 ET SUPPORTÉE 
PAR TOUS LES TERMINAUX 
► Une application mobile HTML5 est 
essentiellement une série de pages Web, 
conçue pour offrir une expérience 
semblable aux applications natives. 
► Ce sont des dispositifs pouvant être 
ouverts avec n'importe quel navigateur 
mobile moderne. 
TRANSFORM & RUN 21 
#EXPLORER
APPLICATION HTML5 (WebApp) 
LES AVANTAGES : LES INCONVÉNIENTS : 
Compatibilité Cross-Platform Connexion à internet indispensable 
TRANSFORM & RUN 22 
Délais de développement court 
(utilisation du langage Web) 
Expérience de navigation moins riche 
car liée aux composants Web 
Coût de développement 
(comparé aux applications) 
Peu d’accès aux ressources 
matérielles du Smartphone 
Disponibilité 
des compétences techniques 
Indisponible 
dans les boutiques d'applications
APPLICATION HTML5 (WebApp) 
TRANSFORM & RUN 23 
UNE ÉTUDE DE CAS : 
Web Application totalement 
réalisée en HTML5 pour les 
terminaux iOS et Android. 
Mark Zuckerberg (11/2012) : 
“Our biggest mistake was betting too much on HTML5”
APPLICATION HYBRIDE (Hybrid App) 
PROVOQUER LA RENCONTRE DU 
MONDE DU NATIF ET DU WEB 
► Construite en utilisant les langages de 
programmation web (HTML, CSS et JS), 
enveloppée dans un conteneur natif 
embarquant un navigateur. 
► Cette encapsulation permet d’exploiter les 
composants matériels de la plateforme 
(GPS, Push de notification, APN, …). 
TRANSFORM & RUN 24 
#UNIFIER
APPLICATION HYBRIDE (Hybrid App) 
LES AVANTAGES : LES INCONVÉNIENTS : 
TRANSFORM & RUN 25 
Développement avec des langages 
accessibles (HTML, CSS, JS) 
L’affichage des informations 
est lié à la qualité du réseau 
Un code unique 
pour un rendu identique 
Lenteur d’exécution 
(3D temps réel ou autres calculs) 
Délais de développement plus court 
qu’une application native 
Bon support 
utilisateur indispensable 
Disponible 
dans les boutiques d'applications 
Risque de rejet 
des boutiques d'applications 
si aucune fonctionnalité native
APPLICATION HYBRIDE (Hybrid App) 
TRANSFORM & RUN 26 
UNE ÉTUDE DE CAS : 
La BBC avait lancé une 
application pour les Smartphones 
iOS, Android et BlackBerry 
à l’occasion des Jeux 
Olympiques de Londres 2012.
APPLICATION ADOBE AIR (RichMedia) 
PROPOSER DES CONTENUS RICHES 
SUR PLUSIEURS TERMINAUX 
► Compiler le même code dans des 
applications natives pour iPhone, iPad, 
Android, Kindle Fire, et Nook. 
► Plus appropriée pour une application au 
contenu sophistiqué : jeux/animation, 
RIA, visualisation de données, 
audio/musique, vidéo, ebook, ... 
TRANSFORM & RUN 27 
#DIFFUSER
APPLICATION ADOBE AIR (RichMedia) 
LES AVANTAGES : LES INCONVÉNIENTS : 
TRANSFORM & RUN 28 
Déploiement multi-support 
(Smartphone, Tablette et Desktop) 
Lenteur d’exécution 
du code ActionScript3 
Un code unique 
pour un rendu identique 
Technologie Propriétaire 
(Adobe) 
Disponible 
dans les boutiques d'applications 
Coût de développement élevé 
(support utilisateur indispensable) 
La communauté active 
des développeurs « AIR Mobile » Manque de Ressources Humaines
APPLICATION ADOBE AIR (RichMedia) 
TRANSFORM & RUN 29 
UNE ÉTUDE DE CAS : 
Adobe® Photoshop® Touch 
« Transformez vos images en 
tirant parti des principales 
fonctionnalités de Photoshop 
dans une application 
conçue pour les tablettes. »
APPLICATION NATIVE (Native App) 
EXPLOITER TOUTE LA PUISSANCE 
DU MOBILE 
► Expérience utilisateur plus adaptée car 
elles offrent de belles interfaces 
auxquelles s’ajoutent rapidité et 
ergonomie. 
► Environnement de Développement 
Intégré (IDE) et langages de 
programmation propre à chaque 
plateforme (Objective-C, Java, C# …). 
TRANSFORM & RUN 30 
#FIDÉLISER
APPLICATION NATIVE (Native App) 
LES AVANTAGES : LES INCONVÉNIENTS : 
Support du Mode Avion 
(connexions réseau coupées) 
Langages de développement natifs 
puissants, mais plus complexes 
TRANSFORM & RUN 31 
Disponible 
dans les boutiques d'applications 
Développement spécifique 
pour chaque plateforme 
(iOS, Android, WP …) 
Performance et accès 
aux ressource matériels 
(exploitation maximale du mobile) 
Coût de développement élevés 
(+ support utilisateur indispensable) 
Préférences des utilisateurs 
(Fluidité, Ergonomie, Notifications, …)
APPLICATION NATIVE (Native App) 
TRANSFORM & RUN 32 
UNE RÉFÉRENCE SCALA : 
Développement d’une application 
mobile native pour iOS et Android 
pour promouvoir le label 
« Vignobles & Découvertes » 
obtenu par la destination 
« Pays de Thau ».
DÉFINIR UN BUDGET 
UNE APPLICATION MOBILE 
EST AVANT TOUT UN VECTEUR 
DE DIFFUSION ET DE FIDÉLISATION 
TRANSFORM & RUN 33 
3
DÉFINIR UN BUDGET 
TRANSFORM & RUN 34 
Notoriété 
Expérience 
Utilisateur 
Plus l’application demande de 
l'exigence au niveau du 
graphisme, de la complexité de 
l’offre et des services, plus 
l’investissement sera important. 
Site mobile 
Responsive 
Hybride 
HTML5 
Native 
AIR
DÉFINIR UN BUDGET 
« COMBIEN COÛTE UNE APPLICATION ? » 
► Des solutions existent pour créer une application avec un budget 
de 5 000 €HT, mais elle sera très limitée en fonctionnalité. 
► Pour une application « orientée utilisateur », prévoir 
un budget d’environ 15 000 €HT comme ticket d’entrée. 
TRANSFORM & RUN 35 
► Il n’y a pas de limite haute, tout dépend 
de la complexité … et du nombre de plateforme.
DÉFINIR UN BUDGET 
… À PRÉVOIR ÉGALEMENT : 
► Le coût des mises à jour : inévitables pour proposer aux mobinautes 
un service de qualité et durable. 
► Le financement d’une campagne de communication adaptée 
pour faire connaître la nouvelle application. 
TRANSFORM & RUN 36
EN CONCLUSION 
TRANSFORM & RUN 37 
4
À RETENIR 
LES TEMPS ONT CHANGÉ. 
LE MONDE EST MOBILE. 
TRANSFORM & RUN 38 
#CONTEXTE 
Nous utilisons les terminaux mobiles 
dans toutes nos activités du quotidien : 
communiquer, jouer, naviguer, s’informer, …
À RETENIR 
NE PAS SOUS-ESTIMER 
LA PHASE DE CONCEPTION 
TRANSFORM & RUN 39 
#CRÉATION 
Analyse du besoin, 
fonctionnalités, zoning, enchainement 
des écrans, maquettes graphiques, …
À RETENIR 
#QUALIFICATION 
ÊTRE EXIGEANT SUR LES 
TESTS D’UNE APPLICATION 
Obtenir la satisfaction du client 
en garantissant le bon fonctionnement 
TRANSFORM & RUN 40 
de l’application.
À RETENIR 
TRANSFORMER 
LES UTILISATEURS EN FANS 
TRANSFORM & RUN 41 
#ENJEU 
Proposer une service mobile engageant, 
grâce à une expérience d’utilisation 
qui les incitera à revenir.
#INNOVATION 
LES OBJET CONNECTÉS* 
PRÊT-À-PORTER 
Ces gadgets ont pour objectif d’intégrer 
la technologie à notre vie quotidienne 
de façon toujours plus fluide. 
* Les «Wearable Devices » : un marché de 30 milliards de dollars en 2018 
(Source : Craig Dudenhoeffer – 6 mai 2014) 
À RETENIR VENIR 
TRANSFORM & RUN 42
MERCI 
POUR VOTRE 
ATTENTION 
:) 
TRANSFORM & RUN 43 
FIN
Mathieu MOLINARO 
CONSULTANT SOLUTIONS DIGITALES 
M.MOLINARO@GROUPE-SCALA.COM 
11 avenue André Roussin 
Immeuble Grand Écran 
13016 Marseille 
T. +33 (0)4 91 46 84 60 
contact@groupe-scala.com 
www.groupe-scala.com

Contenu connexe

Tendances

La mobiité du chef d'entreprise - Transition Numérique Plus
La mobiité du chef d'entreprise - Transition Numérique PlusLa mobiité du chef d'entreprise - Transition Numérique Plus
La mobiité du chef d'entreprise - Transition Numérique Plus
TNumeriqueplus
 
Stratégie digital-cci-rennes-btob-btoc-2013
Stratégie digital-cci-rennes-btob-btoc-2013Stratégie digital-cci-rennes-btob-btoc-2013
Stratégie digital-cci-rennes-btob-btoc-2013
Gregoire Lockhart
 

Tendances (20)

Prenez le contrôle de votre Stratégie Digitale Multicanal
Prenez le contrôle de votre Stratégie Digitale MulticanalPrenez le contrôle de votre Stratégie Digitale Multicanal
Prenez le contrôle de votre Stratégie Digitale Multicanal
 
HUB Report - Future of Work
HUB Report - Future of WorkHUB Report - Future of Work
HUB Report - Future of Work
 
Keynote "Les effets de bord de l'innovation" - merkapt 2016
Keynote "Les effets de bord de l'innovation" - merkapt 2016Keynote "Les effets de bord de l'innovation" - merkapt 2016
Keynote "Les effets de bord de l'innovation" - merkapt 2016
 
2017 eCom "Votre app ios/android, personnalisée à partir de 59,-FR / mois, c'...
2017 eCom "Votre app ios/android, personnalisée à partir de 59,-FR / mois, c'...2017 eCom "Votre app ios/android, personnalisée à partir de 59,-FR / mois, c'...
2017 eCom "Votre app ios/android, personnalisée à partir de 59,-FR / mois, c'...
 
Keynote - Industrialiser l'agilité
Keynote - Industrialiser l'agilitéKeynote - Industrialiser l'agilité
Keynote - Industrialiser l'agilité
 
[ETUDE] Future of Retail & E-commerce 2017
[ETUDE] Future of Retail & E-commerce 2017[ETUDE] Future of Retail & E-commerce 2017
[ETUDE] Future of Retail & E-commerce 2017
 
HUB REPORT Future of Mediabuying : repenser le mix media
HUB REPORT Future of Mediabuying : repenser le mix mediaHUB REPORT Future of Mediabuying : repenser le mix media
HUB REPORT Future of Mediabuying : repenser le mix media
 
La mobiité du chef d'entreprise - Transition Numérique Plus
La mobiité du chef d'entreprise - Transition Numérique PlusLa mobiité du chef d'entreprise - Transition Numérique Plus
La mobiité du chef d'entreprise - Transition Numérique Plus
 
SQLI - Club des DSI - Mobilité
SQLI - Club des DSI - MobilitéSQLI - Club des DSI - Mobilité
SQLI - Club des DSI - Mobilité
 
Le marketing web des sociétés innovantes
Le marketing web des sociétés innovantesLe marketing web des sociétés innovantes
Le marketing web des sociétés innovantes
 
Quelle stratégie digitale pour les ESN et les Cabinets de Conseils ?
Quelle stratégie digitale pour les ESN et les Cabinets de Conseils ?  Quelle stratégie digitale pour les ESN et les Cabinets de Conseils ?
Quelle stratégie digitale pour les ESN et les Cabinets de Conseils ?
 
Les grandes tendances du digital en 2017- Emmanuel Vivier- Club Nelson
Les grandes tendances du digital en 2017- Emmanuel Vivier- Club NelsonLes grandes tendances du digital en 2017- Emmanuel Vivier- Club Nelson
Les grandes tendances du digital en 2017- Emmanuel Vivier- Club Nelson
 
9 tendances du Mobile World Congress 2017 par @hubinstitute
9 tendances du Mobile World Congress 2017 par @hubinstitute 9 tendances du Mobile World Congress 2017 par @hubinstitute
9 tendances du Mobile World Congress 2017 par @hubinstitute
 
Orange applications for business
Orange applications for businessOrange applications for business
Orange applications for business
 
Automobile & Digital : des enjeux aux nouveaux usages, de la visibilité à la ...
Automobile & Digital : des enjeux aux nouveaux usages, de la visibilité à la ...Automobile & Digital : des enjeux aux nouveaux usages, de la visibilité à la ...
Automobile & Digital : des enjeux aux nouveaux usages, de la visibilité à la ...
 
C4021 2014 S2: LE SITE WEB
C4021 2014 S2: LE SITE WEBC4021 2014 S2: LE SITE WEB
C4021 2014 S2: LE SITE WEB
 
Stratégie digital-cci-rennes-btob-btoc-2013
Stratégie digital-cci-rennes-btob-btoc-2013Stratégie digital-cci-rennes-btob-btoc-2013
Stratégie digital-cci-rennes-btob-btoc-2013
 
Internet en points de vente : mobiles, tablettes ou autres écrans connectés
Internet en points de vente : mobiles, tablettes ou autres écrans connectésInternet en points de vente : mobiles, tablettes ou autres écrans connectés
Internet en points de vente : mobiles, tablettes ou autres écrans connectés
 
Restitution Web Summit 2018 par l'agence Tips tank
Restitution Web Summit 2018 par l'agence Tips tankRestitution Web Summit 2018 par l'agence Tips tank
Restitution Web Summit 2018 par l'agence Tips tank
 
La Transformation digitale : Histoire
La Transformation digitale : HistoireLa Transformation digitale : Histoire
La Transformation digitale : Histoire
 

En vedette

Créer un site internet ou un blog
Créer un site internet ou un blogCréer un site internet ou un blog
Créer un site internet ou un blog
Séverine Alix
 
Référencement et analyse site internet doc de travail
Référencement et analyse site internet doc de travailRéférencement et analyse site internet doc de travail
Référencement et analyse site internet doc de travail
Séverine Alix
 
Buzzthebrand 2011 : Organiser le Digital en Interne
Buzzthebrand 2011 : Organiser le Digital en InterneBuzzthebrand 2011 : Organiser le Digital en Interne
Buzzthebrand 2011 : Organiser le Digital en Interne
Philippe Vidal
 
Internet & moi : le vocabulaire de base
Internet & moi : le vocabulaire de baseInternet & moi : le vocabulaire de base
Internet & moi : le vocabulaire de base
CDI CLG Matisse
 
Digiday and Yahoo! Present: Mobile Daily Habits, Moving Marketers Forward
Digiday and  Yahoo! Present: Mobile Daily Habits, Moving Marketers ForwardDigiday and  Yahoo! Present: Mobile Daily Habits, Moving Marketers Forward
Digiday and Yahoo! Present: Mobile Daily Habits, Moving Marketers Forward
Digiday
 

En vedette (20)

Les outils du web atelier 1bis
Les outils du web atelier 1bisLes outils du web atelier 1bis
Les outils du web atelier 1bis
 
Créer un site internet ou un blog
Créer un site internet ou un blogCréer un site internet ou un blog
Créer un site internet ou un blog
 
Référencement et analyse site internet doc de travail
Référencement et analyse site internet doc de travailRéférencement et analyse site internet doc de travail
Référencement et analyse site internet doc de travail
 
Buzzthebrand 2011 : Organiser le Digital en Interne
Buzzthebrand 2011 : Organiser le Digital en InterneBuzzthebrand 2011 : Organiser le Digital en Interne
Buzzthebrand 2011 : Organiser le Digital en Interne
 
Dévelopement extensions WordPress
Dévelopement extensions WordPressDévelopement extensions WordPress
Dévelopement extensions WordPress
 
Internet & moi : le vocabulaire de base
Internet & moi : le vocabulaire de baseInternet & moi : le vocabulaire de base
Internet & moi : le vocabulaire de base
 
Gestion des donnees personnelles.
Gestion des donnees personnelles.Gestion des donnees personnelles.
Gestion des donnees personnelles.
 
Mise en place et utilisation d'une plateforme de travail collaboratif par Int...
Mise en place et utilisation d'une plateforme de travail collaboratif par Int...Mise en place et utilisation d'une plateforme de travail collaboratif par Int...
Mise en place et utilisation d'une plateforme de travail collaboratif par Int...
 
Les nouveaux outils du travail interministériel : la dématérialisation
Les nouveaux outils du travail interministériel : la dématérialisationLes nouveaux outils du travail interministériel : la dématérialisation
Les nouveaux outils du travail interministériel : la dématérialisation
 
Stratégies de présence et de marketing digital
Stratégies de présence et de marketing digitalStratégies de présence et de marketing digital
Stratégies de présence et de marketing digital
 
Booster votre visibilité sur les reseaux sociaux
Booster votre visibilité sur les reseaux sociauxBooster votre visibilité sur les reseaux sociaux
Booster votre visibilité sur les reseaux sociaux
 
Mobile Apps, Stratégies et Enjeux
Mobile Apps, Stratégies et EnjeuxMobile Apps, Stratégies et Enjeux
Mobile Apps, Stratégies et Enjeux
 
Etat des lieux du mobile en France et en Europe
Etat des lieux du mobile en France et en EuropeEtat des lieux du mobile en France et en Europe
Etat des lieux du mobile en France et en Europe
 
Prototyping for responsive web design
Prototyping for responsive web design Prototyping for responsive web design
Prototyping for responsive web design
 
Mobile is not mobile - 7 phénomènes disruptifs* à prévoir dans l’entreprise
Mobile is not mobile - 7 phénomènes disruptifs* à prévoir dans l’entrepriseMobile is not mobile - 7 phénomènes disruptifs* à prévoir dans l’entreprise
Mobile is not mobile - 7 phénomènes disruptifs* à prévoir dans l’entreprise
 
I've got 10 million songs in my pocket. Now what?
I've got 10 million songs in my pocket. Now what? I've got 10 million songs in my pocket. Now what?
I've got 10 million songs in my pocket. Now what?
 
Smart contents in multi screen
Smart contents in multi screenSmart contents in multi screen
Smart contents in multi screen
 
Marketingcharts mobile-marketing-data-2011
Marketingcharts mobile-marketing-data-2011Marketingcharts mobile-marketing-data-2011
Marketingcharts mobile-marketing-data-2011
 
Digiday and Yahoo! Present: Mobile Daily Habits, Moving Marketers Forward
Digiday and  Yahoo! Present: Mobile Daily Habits, Moving Marketers ForwardDigiday and  Yahoo! Present: Mobile Daily Habits, Moving Marketers Forward
Digiday and Yahoo! Present: Mobile Daily Habits, Moving Marketers Forward
 
SEO for Mobile Apps
SEO for Mobile AppsSEO for Mobile Apps
SEO for Mobile Apps
 

Similaire à Les solutions mobiles (potentiel et enjeux)

Rendre accessible au mobile son application
Rendre accessible au mobile son applicationRendre accessible au mobile son application
Rendre accessible au mobile son application
ACPcef
 
Compte-rendu-buzzness-mobile
Compte-rendu-buzzness-mobileCompte-rendu-buzzness-mobile
Compte-rendu-buzzness-mobile
Bastien Serafin
 
Etre présent sur mobiles_Patrice de Saint-Steban_13ème rencontre des Tisseran...
Etre présent sur mobiles_Patrice de Saint-Steban_13ème rencontre des Tisseran...Etre présent sur mobiles_Patrice de Saint-Steban_13ème rencontre des Tisseran...
Etre présent sur mobiles_Patrice de Saint-Steban_13ème rencontre des Tisseran...
UADF_CEF
 

Similaire à Les solutions mobiles (potentiel et enjeux) (20)

CMSday 2013 - Votre audience peut-elle encore se passer d'une version mobile ?
CMSday 2013 - Votre audience peut-elle encore se passer d'une version mobile ?CMSday 2013 - Votre audience peut-elle encore se passer d'une version mobile ?
CMSday 2013 - Votre audience peut-elle encore se passer d'une version mobile ?
 
Offre migrer vers_flutter
Offre migrer vers_flutterOffre migrer vers_flutter
Offre migrer vers_flutter
 
[Webinar Niji] Frameworks XPlateform mobile - 2210
[Webinar Niji] Frameworks XPlateform mobile - 2210 [Webinar Niji] Frameworks XPlateform mobile - 2210
[Webinar Niji] Frameworks XPlateform mobile - 2210
 
Framework XPlatform Mobile
Framework XPlatform MobileFramework XPlatform Mobile
Framework XPlatform Mobile
 
Atelier T7 Développer un site ou une application mobile - Salon e-tourisme V...
Atelier T7 Développer un site ou une application  mobile - Salon e-tourisme V...Atelier T7 Développer un site ou une application  mobile - Salon e-tourisme V...
Atelier T7 Développer un site ou une application mobile - Salon e-tourisme V...
 
Web Mobile : quelles opportunités face aux apps ?
Web Mobile : quelles opportunités face aux apps ?Web Mobile : quelles opportunités face aux apps ?
Web Mobile : quelles opportunités face aux apps ?
 
Mobile 201 - Conférence 2012
Mobile 201 - Conférence 2012Mobile 201 - Conférence 2012
Mobile 201 - Conférence 2012
 
Rendre accessible au mobile son application
Rendre accessible au mobile son applicationRendre accessible au mobile son application
Rendre accessible au mobile son application
 
Salon Use IT Lyon
Salon Use IT LyonSalon Use IT Lyon
Salon Use IT Lyon
 
Compte-rendu-buzzness-mobile
Compte-rendu-buzzness-mobileCompte-rendu-buzzness-mobile
Compte-rendu-buzzness-mobile
 
Plateformes de développement d’applications mobiles
Plateformes de développement d’applications mobilesPlateformes de développement d’applications mobiles
Plateformes de développement d’applications mobiles
 
[Chambé-Carnet] Web Mobile : quelles opportunités, quels moyens ?
[Chambé-Carnet] Web Mobile : quelles opportunités, quels moyens ?[Chambé-Carnet] Web Mobile : quelles opportunités, quels moyens ?
[Chambé-Carnet] Web Mobile : quelles opportunités, quels moyens ?
 
Etre présent sur mobiles_Patrice de Saint-Steban_13ème rencontre des Tisseran...
Etre présent sur mobiles_Patrice de Saint-Steban_13ème rencontre des Tisseran...Etre présent sur mobiles_Patrice de Saint-Steban_13ème rencontre des Tisseran...
Etre présent sur mobiles_Patrice de Saint-Steban_13ème rencontre des Tisseran...
 
HTML 5, applications natives ou hybrides : comment choisir ?
HTML 5, applications natives ou hybrides :  comment choisir ?HTML 5, applications natives ou hybrides :  comment choisir ?
HTML 5, applications natives ou hybrides : comment choisir ?
 
Competitic applications accessibles tablettes
Competitic   applications accessibles tablettesCompetitic   applications accessibles tablettes
Competitic applications accessibles tablettes
 
Applications Mobiles - Bonnes pratiques de conception et de développement de ...
Applications Mobiles - Bonnes pratiques de conception et de développement de ...Applications Mobiles - Bonnes pratiques de conception et de développement de ...
Applications Mobiles - Bonnes pratiques de conception et de développement de ...
 
Responsive Web Design - Enjeux, Solutions, Méthodologie
Responsive Web Design - Enjeux, Solutions, MéthodologieResponsive Web Design - Enjeux, Solutions, Méthodologie
Responsive Web Design - Enjeux, Solutions, Méthodologie
 
Parlons App Economie : du dev à l'usage
Parlons App Economie : du dev à l'usageParlons App Economie : du dev à l'usage
Parlons App Economie : du dev à l'usage
 
WUD 2010 Paris : Applications mobiles
WUD 2010 Paris : Applications mobilesWUD 2010 Paris : Applications mobiles
WUD 2010 Paris : Applications mobiles
 
Competitic soyez present sur le mobile de vos clients
Competitic soyez present sur le mobile de vos clientsCompetitic soyez present sur le mobile de vos clients
Competitic soyez present sur le mobile de vos clients
 

Plus de SCALA

Les 3 bottes secrètes du design émotionnel
Les 3 bottes secrètes du design émotionnelLes 3 bottes secrètes du design émotionnel
Les 3 bottes secrètes du design émotionnel
SCALA
 

Plus de SCALA (13)

Évènement aOS Aix-en-Provence
Évènement aOS Aix-en-ProvenceÉvènement aOS Aix-en-Provence
Évènement aOS Aix-en-Provence
 
Le BYOD en entreprise
Le BYOD en entrepriseLe BYOD en entreprise
Le BYOD en entreprise
 
Big Breakfast Scala_Windows10 et le Cloud_Nicolas Bonnet
Big Breakfast Scala_Windows10 et le Cloud_Nicolas BonnetBig Breakfast Scala_Windows10 et le Cloud_Nicolas Bonnet
Big Breakfast Scala_Windows10 et le Cloud_Nicolas Bonnet
 
Les 3 bottes secrètes du design émotionnel
Les 3 bottes secrètes du design émotionnelLes 3 bottes secrètes du design émotionnel
Les 3 bottes secrètes du design émotionnel
 
Scala - Digital transformation (English)
Scala - Digital transformation (English)Scala - Digital transformation (English)
Scala - Digital transformation (English)
 
Nouveautés Veeam 2014 - Protection avancée pour le Datacenter moderne
Nouveautés Veeam 2014 - Protection avancée pour le Datacenter moderneNouveautés Veeam 2014 - Protection avancée pour le Datacenter moderne
Nouveautés Veeam 2014 - Protection avancée pour le Datacenter moderne
 
Tendances phares du design digital et interactif
Tendances phares du design digital et interactifTendances phares du design digital et interactif
Tendances phares du design digital et interactif
 
Le Cloud selon Scala
Le Cloud selon ScalaLe Cloud selon Scala
Le Cloud selon Scala
 
Twitter - bonnes pratiques pour un bon usage professionnel
Twitter - bonnes pratiques pour un bon usage professionnelTwitter - bonnes pratiques pour un bon usage professionnel
Twitter - bonnes pratiques pour un bon usage professionnel
 
La BI, Power BI, et SQL Server 2014
La BI, Power BI, et SQL Server 2014La BI, Power BI, et SQL Server 2014
La BI, Power BI, et SQL Server 2014
 
e-Réputation et visibilité sur le Web
e-Réputation et visibilité sur le Webe-Réputation et visibilité sur le Web
e-Réputation et visibilité sur le Web
 
Externaliser vos services managés
Externaliser vos services managésExternaliser vos services managés
Externaliser vos services managés
 
System Center 2012 Orchestrator : Simplifiez vous l’IT avec l’automatisation ...
System Center 2012 Orchestrator : Simplifiez vous l’IT avec l’automatisation ...System Center 2012 Orchestrator : Simplifiez vous l’IT avec l’automatisation ...
System Center 2012 Orchestrator : Simplifiez vous l’IT avec l’automatisation ...
 

Les solutions mobiles (potentiel et enjeux)

  • 1. LES SOLUTIONS MOBILES # CONTEXTE # STRATÉGIE # TECHNOLOGIES
  • 2. Mathieu Molinaro CONSULTANT SOLUTIONS DIGITALES CHEF DE PROJET @MatMolinaro @GroupeScala
  • 3. SOMMAIRE 1 CHIFFRE DU MOBILE EN FRANCE (EN 2014) 2 CONSTRUIRE UNE STRATÉGIE MOBILE 3 CHOISIR UNE TECHNOLOGIE 4 DÉFINIR UN BUDGET 5 A RETENIR TRANSFORM & RUN 3
  • 4. LES CHIFFRES DU MOBILE EN FRANCE (EN 2014) 24% DU « TEMPS CONNECTÉ » EST PASSÉ SUR UN MOBILE TRANSFORM & RUN 4 1
  • 5. LES CHIFFRES DU MOBILE EN FRANCE (1/4) 61% des Français possèdent un Smartphone. (plus d’1 Français sur 2 sont des mobinautes) 46% des foyers Français sont équipés de Tablettes (taux d’adoption supérieur aux phablettes) Source : TNS Sofres Connected Life 2014 / Deloitte SAS octobre 2014 TRANSFORM & RUN 5
  • 6. LES CHIFFRES DU MOBILE EN FRANCE (2/4) DÉMOGRAPHIE DES MOBINAUTES 7,1 % 11 – 15 ans 18,6 % 16 – 24 ans 21,0 % 25 - 34 ans 26,3 % 35 - 49 ans 17,7 % 50 - 64 ans 9,2 % 65 ans et plus TRANSFORM & RUN 6 Source : Médiamétrie 2T2014
  • 7. LES CHIFFRES DU MOBILE EN FRANCE (3/4) PART DE MARCHÉ OS des Smartphones 61 % Google Android 21 % Apple iOS 8 % Microsoft Windows PART DE MARCHÉ OS des Tablettes 54 % Google Android 31 % Apple iOS 5 % Microsoft Windows Source : Web Observatoire 2014 / ComScore MobileLens 2T2014 TRANSFORM & RUN 7
  • 8. LES CHIFFRES DU MOBILE EN FRANCE (4/4) Au premier trimestre 2014, 10% du trafic internet provient des Smartphones … et environ 17% pour les Tablettes ! TRANSFORM & RUN 8 Source : GS StatCounter 1T2014
  • 9. CONSTRUIRE UNE STRATÉGIE DE PRÉSENCE SUR MOBILE LE PROFIL DES MOBINAUTES VA SE GÉNÉRALISER TRANSFORM & RUN 9 2
  • 10. CONSTRUIRE UNE STRATÉGIE DE PRÉSENCE SUR MOBILE (1/3) QUESTION : « Est-ce que proposer une solution mobile, complémentaire à votre site internet, peut vous aider à atteindre vos objectifs, sur votre population-cible ? » Si « oui », alors il faut vous pencher sur la question de la mise en place d’une stratégie mobile. TRANSFORM & RUN 10
  • 11. CONSTRUIRE UNE STRATÉGIE DE PRÉSENCE SUR MOBILE (2/3) OBJECTIFS ET STRATÉGIE ► Stratégie marketing ► Information ou émotion ► Synthétique et impactant TRANSFORM & RUN 11 CIBLES ► Comportement ► Mode de consommation ► Données démographiques 1 OBJECTIFS ► Augmenter sa notoriété, ► Se construire une clientèle, ► Pérenniser sa présence, ► Fournir un service pratique, … 2 MESSAGE 3
  • 12. CONSTRUIRE UNE STRATÉGIE DE PRÉSENCE SUR MOBILE (3/3) OBJECTIFS ET STRATÉGIE ► Outils intégrés aux Stores ► Choix technologiques ► Analyse de l’audience (Web) ► Evaluer la e-réputation TRANSFORM & RUN 12 DIFFUSION PROMOTION ► Déterminer les habitudes d’achat des cibles ► Etablir une fréquence selon les supports utilisés 4 RETOURS UTILISATEURS 5 ► Être réactif ► Agir dans la phase de désir ► Provoquer l’acte d’achat ÉVALUER ANALYSER 6
  • 13. CHOISIR UNE TECHNOLOGIE (ADAPTÉE À VOTRE STRATÉGIE) TRANSFORM & RUN 13 2
  • 14. LES SOLUTIONS TECHNOLOGIQUES TRANSFORM & RUN 14 RESPONSIVE WEB DESIGN SITE MOBILE APPLICATION HTML5 APPLICATION HYBRIDE APPLICATION ADOBE AIR APPLICATION NATIVE RWD Mobile-First WebApp Hybrid App RichMedia Native App WEB APP
  • 15. RESPONSIVE WEB DESIGN (RWD) UN MÊME SITE QUI S’ADAPTE AUX DIFFÉRENTES RÉSOLUTIONS ► Qu’il soit consulté sur ordinateur, tablette, ou smartphone, un site conçu en Responsive Web Design s’adapte automatiquement à la taille de l’écran. ► Le Responsive Web Design est un (bon) compromis pour toucher un maximum de mobinautes. TRANSFORM & RUN 15 #UNIVERSALISER
  • 16. RESPONSIVE WEB DESIGN (RWD) LES AVANTAGES : LES INCONVÉNIENTS : Disponible pour tous les terminaux Connexion à internet indispensable TRANSFORM & RUN 16 Délais de développement plus court qu’une application native Délais de développement plus long qu’un site internet standard Accessible via une URL Indisponible dans les boutiques d'applications
  • 17. RESPONSIVE WEB DESIGN (RWD) TRANSFORM & RUN 17 UNE RÉFÉRENCE SCALA : Refonte complète du site de la ville de Miramas. Optimisation de la consultation sur supports mobiles (Smartphones et Tablettes)
  • 18. SITE MOBILE (Mobile-First) UN SITE INTERNET DÉDIÉ AUX SMARTPHONES OU TABLETTES ► Un site mobile nécessite une réflexion particulière en amont. Il ne s’agit pas de pratiquer une réplication 100% conforme de l’interface web sur le support mobile. ► Il faut prioriser en fonction des usages et des besoins les services proposés à l’internaute en situation de mobilité. TRANSFORM & RUN 18 #FACILITER
  • 19. SITE MOBILE (Mobile-First) LES AVANTAGES : LES INCONVÉNIENTS : Affichage identique sur tous les terminaux Connexion à internet indispensable TRANSFORM & RUN 19 Requiert peu d’espace de stockage Accessible via une URL Choix économique (comparé aux applications) Indisponible dans les boutiques d'applications
  • 20. SITE MOBILE (Mobile-First) TRANSFORM & RUN 20 UNE RÉFÉRENCE SCALA : Connectez-vous avec n’importe quelle tablette ou smartphone au site CG13.fr. Son utilisation est facilitée par une ergonomie simple pour une meilleure navigation tactile.
  • 21. APPLICATION HTML5 (WebApp) ÉCRITE EN HTML5 ET SUPPORTÉE PAR TOUS LES TERMINAUX ► Une application mobile HTML5 est essentiellement une série de pages Web, conçue pour offrir une expérience semblable aux applications natives. ► Ce sont des dispositifs pouvant être ouverts avec n'importe quel navigateur mobile moderne. TRANSFORM & RUN 21 #EXPLORER
  • 22. APPLICATION HTML5 (WebApp) LES AVANTAGES : LES INCONVÉNIENTS : Compatibilité Cross-Platform Connexion à internet indispensable TRANSFORM & RUN 22 Délais de développement court (utilisation du langage Web) Expérience de navigation moins riche car liée aux composants Web Coût de développement (comparé aux applications) Peu d’accès aux ressources matérielles du Smartphone Disponibilité des compétences techniques Indisponible dans les boutiques d'applications
  • 23. APPLICATION HTML5 (WebApp) TRANSFORM & RUN 23 UNE ÉTUDE DE CAS : Web Application totalement réalisée en HTML5 pour les terminaux iOS et Android. Mark Zuckerberg (11/2012) : “Our biggest mistake was betting too much on HTML5”
  • 24. APPLICATION HYBRIDE (Hybrid App) PROVOQUER LA RENCONTRE DU MONDE DU NATIF ET DU WEB ► Construite en utilisant les langages de programmation web (HTML, CSS et JS), enveloppée dans un conteneur natif embarquant un navigateur. ► Cette encapsulation permet d’exploiter les composants matériels de la plateforme (GPS, Push de notification, APN, …). TRANSFORM & RUN 24 #UNIFIER
  • 25. APPLICATION HYBRIDE (Hybrid App) LES AVANTAGES : LES INCONVÉNIENTS : TRANSFORM & RUN 25 Développement avec des langages accessibles (HTML, CSS, JS) L’affichage des informations est lié à la qualité du réseau Un code unique pour un rendu identique Lenteur d’exécution (3D temps réel ou autres calculs) Délais de développement plus court qu’une application native Bon support utilisateur indispensable Disponible dans les boutiques d'applications Risque de rejet des boutiques d'applications si aucune fonctionnalité native
  • 26. APPLICATION HYBRIDE (Hybrid App) TRANSFORM & RUN 26 UNE ÉTUDE DE CAS : La BBC avait lancé une application pour les Smartphones iOS, Android et BlackBerry à l’occasion des Jeux Olympiques de Londres 2012.
  • 27. APPLICATION ADOBE AIR (RichMedia) PROPOSER DES CONTENUS RICHES SUR PLUSIEURS TERMINAUX ► Compiler le même code dans des applications natives pour iPhone, iPad, Android, Kindle Fire, et Nook. ► Plus appropriée pour une application au contenu sophistiqué : jeux/animation, RIA, visualisation de données, audio/musique, vidéo, ebook, ... TRANSFORM & RUN 27 #DIFFUSER
  • 28. APPLICATION ADOBE AIR (RichMedia) LES AVANTAGES : LES INCONVÉNIENTS : TRANSFORM & RUN 28 Déploiement multi-support (Smartphone, Tablette et Desktop) Lenteur d’exécution du code ActionScript3 Un code unique pour un rendu identique Technologie Propriétaire (Adobe) Disponible dans les boutiques d'applications Coût de développement élevé (support utilisateur indispensable) La communauté active des développeurs « AIR Mobile » Manque de Ressources Humaines
  • 29. APPLICATION ADOBE AIR (RichMedia) TRANSFORM & RUN 29 UNE ÉTUDE DE CAS : Adobe® Photoshop® Touch « Transformez vos images en tirant parti des principales fonctionnalités de Photoshop dans une application conçue pour les tablettes. »
  • 30. APPLICATION NATIVE (Native App) EXPLOITER TOUTE LA PUISSANCE DU MOBILE ► Expérience utilisateur plus adaptée car elles offrent de belles interfaces auxquelles s’ajoutent rapidité et ergonomie. ► Environnement de Développement Intégré (IDE) et langages de programmation propre à chaque plateforme (Objective-C, Java, C# …). TRANSFORM & RUN 30 #FIDÉLISER
  • 31. APPLICATION NATIVE (Native App) LES AVANTAGES : LES INCONVÉNIENTS : Support du Mode Avion (connexions réseau coupées) Langages de développement natifs puissants, mais plus complexes TRANSFORM & RUN 31 Disponible dans les boutiques d'applications Développement spécifique pour chaque plateforme (iOS, Android, WP …) Performance et accès aux ressource matériels (exploitation maximale du mobile) Coût de développement élevés (+ support utilisateur indispensable) Préférences des utilisateurs (Fluidité, Ergonomie, Notifications, …)
  • 32. APPLICATION NATIVE (Native App) TRANSFORM & RUN 32 UNE RÉFÉRENCE SCALA : Développement d’une application mobile native pour iOS et Android pour promouvoir le label « Vignobles & Découvertes » obtenu par la destination « Pays de Thau ».
  • 33. DÉFINIR UN BUDGET UNE APPLICATION MOBILE EST AVANT TOUT UN VECTEUR DE DIFFUSION ET DE FIDÉLISATION TRANSFORM & RUN 33 3
  • 34. DÉFINIR UN BUDGET TRANSFORM & RUN 34 Notoriété Expérience Utilisateur Plus l’application demande de l'exigence au niveau du graphisme, de la complexité de l’offre et des services, plus l’investissement sera important. Site mobile Responsive Hybride HTML5 Native AIR
  • 35. DÉFINIR UN BUDGET « COMBIEN COÛTE UNE APPLICATION ? » ► Des solutions existent pour créer une application avec un budget de 5 000 €HT, mais elle sera très limitée en fonctionnalité. ► Pour une application « orientée utilisateur », prévoir un budget d’environ 15 000 €HT comme ticket d’entrée. TRANSFORM & RUN 35 ► Il n’y a pas de limite haute, tout dépend de la complexité … et du nombre de plateforme.
  • 36. DÉFINIR UN BUDGET … À PRÉVOIR ÉGALEMENT : ► Le coût des mises à jour : inévitables pour proposer aux mobinautes un service de qualité et durable. ► Le financement d’une campagne de communication adaptée pour faire connaître la nouvelle application. TRANSFORM & RUN 36
  • 38. À RETENIR LES TEMPS ONT CHANGÉ. LE MONDE EST MOBILE. TRANSFORM & RUN 38 #CONTEXTE Nous utilisons les terminaux mobiles dans toutes nos activités du quotidien : communiquer, jouer, naviguer, s’informer, …
  • 39. À RETENIR NE PAS SOUS-ESTIMER LA PHASE DE CONCEPTION TRANSFORM & RUN 39 #CRÉATION Analyse du besoin, fonctionnalités, zoning, enchainement des écrans, maquettes graphiques, …
  • 40. À RETENIR #QUALIFICATION ÊTRE EXIGEANT SUR LES TESTS D’UNE APPLICATION Obtenir la satisfaction du client en garantissant le bon fonctionnement TRANSFORM & RUN 40 de l’application.
  • 41. À RETENIR TRANSFORMER LES UTILISATEURS EN FANS TRANSFORM & RUN 41 #ENJEU Proposer une service mobile engageant, grâce à une expérience d’utilisation qui les incitera à revenir.
  • 42. #INNOVATION LES OBJET CONNECTÉS* PRÊT-À-PORTER Ces gadgets ont pour objectif d’intégrer la technologie à notre vie quotidienne de façon toujours plus fluide. * Les «Wearable Devices » : un marché de 30 milliards de dollars en 2018 (Source : Craig Dudenhoeffer – 6 mai 2014) À RETENIR VENIR TRANSFORM & RUN 42
  • 43. MERCI POUR VOTRE ATTENTION :) TRANSFORM & RUN 43 FIN
  • 44. Mathieu MOLINARO CONSULTANT SOLUTIONS DIGITALES M.MOLINARO@GROUPE-SCALA.COM 11 avenue André Roussin Immeuble Grand Écran 13016 Marseille T. +33 (0)4 91 46 84 60 contact@groupe-scala.com www.groupe-scala.com