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...
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 mob...
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 ...
LES CHIFFRES DU MOBILE EN FRANCE (3/4) 
PART DE MARCHÉ 
OS des Smartphones 
61 % Google Android 
21 % Apple iOS 
8 % Micro...
LES CHIFFRES DU MOBILE EN FRANCE (4/4) 
Au premier trimestre 2014, 
10% du trafic internet 
provient des Smartphones 
… et...
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ément...
CONSTRUIRE UNE STRATÉGIE DE 
PRÉSENCE SUR MOBILE (2/3) 
OBJECTIFS ET STRATÉGIE 
► Stratégie marketing 
► Information ou ém...
CONSTRUIRE UNE STRATÉGIE DE 
PRÉSENCE SUR MOBILE (3/3) 
OBJECTIFS ET STRATÉGIE 
► Outils intégrés aux Stores 
► Choix tech...
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 
H...
RESPONSIVE WEB DESIGN (RWD) 
UN MÊME SITE QUI S’ADAPTE AUX 
DIFFÉRENTES RÉSOLUTIONS 
► Qu’il soit consulté sur ordinateur,...
RESPONSIVE WEB DESIGN (RWD) 
LES AVANTAGES : LES INCONVÉNIENTS : 
Disponible pour tous les terminaux Connexion à internet ...
RESPONSIVE WEB DESIGN (RWD) 
TRANSFORM & RUN 17 
UNE RÉFÉRENCE SCALA : 
Refonte complète du site de la 
ville de Miramas. ...
SITE MOBILE (Mobile-First) 
UN SITE INTERNET DÉDIÉ AUX 
SMARTPHONES OU TABLETTES 
► Un site mobile nécessite une réflexion...
SITE MOBILE (Mobile-First) 
LES AVANTAGES : LES INCONVÉNIENTS : 
Affichage identique 
sur tous les terminaux Connexion à i...
SITE MOBILE (Mobile-First) 
TRANSFORM & RUN 20 
UNE RÉFÉRENCE SCALA : 
Connectez-vous avec n’importe 
quelle tablette ou s...
APPLICATION HTML5 (WebApp) 
ÉCRITE EN HTML5 ET SUPPORTÉE 
PAR TOUS LES TERMINAUX 
► Une application mobile HTML5 est 
esse...
APPLICATION HTML5 (WebApp) 
LES AVANTAGES : LES INCONVÉNIENTS : 
Compatibilité Cross-Platform Connexion à internet indispe...
APPLICATION HTML5 (WebApp) 
TRANSFORM & RUN 23 
UNE ÉTUDE DE CAS : 
Web Application totalement 
réalisée en HTML5 pour les...
APPLICATION HYBRIDE (Hybrid App) 
PROVOQUER LA RENCONTRE DU 
MONDE DU NATIF ET DU WEB 
► Construite en utilisant les langa...
APPLICATION HYBRIDE (Hybrid App) 
LES AVANTAGES : LES INCONVÉNIENTS : 
TRANSFORM & RUN 25 
Développement avec des langages...
APPLICATION HYBRIDE (Hybrid App) 
TRANSFORM & RUN 26 
UNE ÉTUDE DE CAS : 
La BBC avait lancé une 
application pour les Sma...
APPLICATION ADOBE AIR (RichMedia) 
PROPOSER DES CONTENUS RICHES 
SUR PLUSIEURS TERMINAUX 
► Compiler le même code dans des...
APPLICATION ADOBE AIR (RichMedia) 
LES AVANTAGES : LES INCONVÉNIENTS : 
TRANSFORM & RUN 28 
Déploiement multi-support 
(Sm...
APPLICATION ADOBE AIR (RichMedia) 
TRANSFORM & RUN 29 
UNE ÉTUDE DE CAS : 
Adobe® Photoshop® Touch 
« Transformez vos imag...
APPLICATION NATIVE (Native App) 
EXPLOITER TOUTE LA PUISSANCE 
DU MOBILE 
► Expérience utilisateur plus adaptée car 
elles...
APPLICATION NATIVE (Native App) 
LES AVANTAGES : LES INCONVÉNIENTS : 
Support du Mode Avion 
(connexions réseau coupées) 
...
APPLICATION NATIVE (Native App) 
TRANSFORM & RUN 32 
UNE RÉFÉRENCE SCALA : 
Développement d’une application 
mobile native...
DÉFINIR UN BUDGET 
UNE APPLICATION MOBILE 
EST AVANT TOUT UN VECTEUR 
DE DIFFUSION ET DE FIDÉLISATION 
TRANSFORM & RUN 33 ...
DÉFINIR UN BUDGET 
TRANSFORM & RUN 34 
Notoriété 
Expérience 
Utilisateur 
Plus l’application demande de 
l'exigence au ni...
DÉFINIR UN BUDGET 
« COMBIEN COÛTE UNE APPLICATION ? » 
► Des solutions existent pour créer une application avec un budget...
DÉFINIR UN BUDGET 
… À PRÉVOIR ÉGALEMENT : 
► Le coût des mises à jour : inévitables pour proposer aux mobinautes 
un serv...
EN CONCLUSION 
TRANSFORM & RUN 37 
4
À RETENIR 
LES TEMPS ONT CHANGÉ. 
LE MONDE EST MOBILE. 
TRANSFORM & RUN 38 
#CONTEXTE 
Nous utilisons les terminaux mobile...
À RETENIR 
NE PAS SOUS-ESTIMER 
LA PHASE DE CONCEPTION 
TRANSFORM & RUN 39 
#CRÉATION 
Analyse du besoin, 
fonctionnalités...
À RETENIR 
#QUALIFICATION 
ÊTRE EXIGEANT SUR LES 
TESTS D’UNE APPLICATION 
Obtenir la satisfaction du client 
en garantiss...
À RETENIR 
TRANSFORMER 
LES UTILISATEURS EN FANS 
TRANSFORM & RUN 41 
#ENJEU 
Proposer une service mobile engageant, 
grâc...
#INNOVATION 
LES OBJET CONNECTÉS* 
PRÊT-À-PORTER 
Ces gadgets ont pour objectif d’intégrer 
la technologie à notre vie quo...
MERCI 
POUR VOTRE 
ATTENTION 
:) 
TRANSFORM & RUN 43 
FIN
Mathieu MOLINARO 
CONSULTANT SOLUTIONS DIGITALES 
M.MOLINARO@GROUPE-SCALA.COM 
11 avenue André Roussin 
Immeuble Grand Écr...
Prochain SlideShare
Chargement dans…5
×

Les solutions mobiles (potentiel et enjeux)

1 274 vues

Publié le

#ScalaBigDay
Jeudi 12 juin 2014

"Saisir les nouveaux enjeux de la mobilité et exploiter le potentiel du mobile" (Salle 5, 16h30 - 17h30)

Speaker : Mathieu Molinaro (@MatMolinaro)

Publié dans : Mobile
0 commentaire
3 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

Aucun téléchargement
Vues
Nombre de vues
1 274
Sur SlideShare
0
Issues des intégrations
0
Intégrations
221
Actions
Partages
0
Téléchargements
34
Commentaires
0
J’aime
3
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Les solutions mobiles (potentiel et enjeux)

  1. 1. LES SOLUTIONS MOBILES # CONTEXTE # STRATÉGIE # TECHNOLOGIES
  2. 2. Mathieu Molinaro CONSULTANT SOLUTIONS DIGITALES CHEF DE PROJET @MatMolinaro @GroupeScala
  3. 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. 4. LES CHIFFRES DU MOBILE EN FRANCE (EN 2014) 24% DU « TEMPS CONNECTÉ » EST PASSÉ SUR UN MOBILE TRANSFORM & RUN 4 1
  5. 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. 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. 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. 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. 9. CONSTRUIRE UNE STRATÉGIE DE PRÉSENCE SUR MOBILE LE PROFIL DES MOBINAUTES VA SE GÉNÉRALISER TRANSFORM & RUN 9 2
  10. 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. 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. 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. 13. CHOISIR UNE TECHNOLOGIE (ADAPTÉE À VOTRE STRATÉGIE) TRANSFORM & RUN 13 2
  14. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 33. DÉFINIR UN BUDGET UNE APPLICATION MOBILE EST AVANT TOUT UN VECTEUR DE DIFFUSION ET DE FIDÉLISATION TRANSFORM & RUN 33 3
  34. 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. 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. 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
  37. 37. EN CONCLUSION TRANSFORM & RUN 37 4
  38. 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. 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. 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. 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. 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. 43. MERCI POUR VOTRE ATTENTION :) TRANSFORM & RUN 43 FIN
  44. 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

×