les solutions mobiles (potentiel et enjeux)
DESCRIPTION
#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)TRANSCRIPT
![Page 1: Les solutions mobiles (potentiel et enjeux)](https://reader031.vdocuments.mx/reader031/viewer/2022012400/548de72db4795982638b47fc/html5/thumbnails/1.jpg)
LESSOLUTIONS MOBILES# CONTEXTE# STRATÉGIE# TECHNOLOGIES
![Page 2: Les solutions mobiles (potentiel et enjeux)](https://reader031.vdocuments.mx/reader031/viewer/2022012400/548de72db4795982638b47fc/html5/thumbnails/2.jpg)
Mathieu MolinaroCONSULTANT SOLUTIONS DIGITALES
CHEF DE PROJET
@MatMolinaro
@GroupeScala
![Page 3: Les solutions mobiles (potentiel et enjeux)](https://reader031.vdocuments.mx/reader031/viewer/2022012400/548de72db4795982638b47fc/html5/thumbnails/3.jpg)
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
![Page 4: Les solutions mobiles (potentiel et enjeux)](https://reader031.vdocuments.mx/reader031/viewer/2022012400/548de72db4795982638b47fc/html5/thumbnails/4.jpg)
LES CHIFFRES DU MOBILEEN FRANCE (EN 2014)
24% DU « TEMPS CONNECTÉ »EST PASSÉ SUR UN MOBILE
TRANSFORM & RUN 4
1
![Page 5: Les solutions mobiles (potentiel et enjeux)](https://reader031.vdocuments.mx/reader031/viewer/2022012400/548de72db4795982638b47fc/html5/thumbnails/5.jpg)
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)
TRANSFORM & RUN 5
Source : TNS Sofres Connected Life 2014 / Deloitte SAS octobre 2014
![Page 6: Les solutions mobiles (potentiel et enjeux)](https://reader031.vdocuments.mx/reader031/viewer/2022012400/548de72db4795982638b47fc/html5/thumbnails/6.jpg)
LES CHIFFRES DU MOBILE EN FRANCE (2/4)
TRANSFORM & RUN 6
Source : Médiamétrie 2T2014
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
![Page 7: Les solutions mobiles (potentiel et enjeux)](https://reader031.vdocuments.mx/reader031/viewer/2022012400/548de72db4795982638b47fc/html5/thumbnails/7.jpg)
LES CHIFFRES DU MOBILE EN FRANCE (3/4)
TRANSFORM & RUN 7
Source : Web Observatoire 2014 / ComScore MobileLens 2T2014
PART DE MARCHÉOS des Tablettes
54 % Google Android
31 % Apple iOS
5 % Microsoft Windows
PART DE MARCHÉOS des Smartphones
61 % Google Android
21 % Apple iOS
8 % Microsoft Windows
![Page 8: Les solutions mobiles (potentiel et enjeux)](https://reader031.vdocuments.mx/reader031/viewer/2022012400/548de72db4795982638b47fc/html5/thumbnails/8.jpg)
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
![Page 9: Les solutions mobiles (potentiel et enjeux)](https://reader031.vdocuments.mx/reader031/viewer/2022012400/548de72db4795982638b47fc/html5/thumbnails/9.jpg)
CONSTRUIRE UNE STRATÉGIE DE PRÉSENCE SUR MOBILE
LE PROFIL DES MOBINAUTESVA SE GÉNÉRALISER
TRANSFORM & RUN 9
2
![Page 10: Les solutions mobiles (potentiel et enjeux)](https://reader031.vdocuments.mx/reader031/viewer/2022012400/548de72db4795982638b47fc/html5/thumbnails/10.jpg)
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
![Page 11: Les solutions mobiles (potentiel et enjeux)](https://reader031.vdocuments.mx/reader031/viewer/2022012400/548de72db4795982638b47fc/html5/thumbnails/11.jpg)
CONSTRUIRE UNE STRATÉGIE DE PRÉSENCE SUR MOBILE (2/3)
OBJECTIFS ET STRATÉGIE
TRANSFORM & RUN 11
1
CIBLES
► Comportement► Mode de consommation► Données démographiques
OBJECTIFS
2
► Augmenter sa notoriété,► Se construire une clientèle,► Pérenniser sa présence,► Fournir un service pratique, …
MESSAGE
3
► Stratégie marketing► Information ou émotion► Synthétique et impactant
![Page 12: Les solutions mobiles (potentiel et enjeux)](https://reader031.vdocuments.mx/reader031/viewer/2022012400/548de72db4795982638b47fc/html5/thumbnails/12.jpg)
CONSTRUIRE UNE STRATÉGIE DE PRÉSENCE SUR MOBILE (3/3)
OBJECTIFS ET STRATÉGIE
TRANSFORM & RUN 12
4
DIFFUSIONPROMOTION
► Déterminer les habitudes d’achat des cibles
► Etablir une fréquence selon les supports utilisés
RETOURSUTILISATEURS
5
► Être réactif► Agir dans la phase de désir► Provoquer l’acte d’achat
ÉVALUERANALYSER
6
► Outils intégrés aux Stores► Choix technologiques► Analyse de l’audience (Web)► Evaluer la e-réputation
![Page 13: Les solutions mobiles (potentiel et enjeux)](https://reader031.vdocuments.mx/reader031/viewer/2022012400/548de72db4795982638b47fc/html5/thumbnails/13.jpg)
CHOISIR UNE TECHNOLOGIE (ADAPTÉE À VOTRE STRATÉGIE)
TRANSFORM & RUN 13
2
![Page 14: Les solutions mobiles (potentiel et enjeux)](https://reader031.vdocuments.mx/reader031/viewer/2022012400/548de72db4795982638b47fc/html5/thumbnails/14.jpg)
TRANSFORM & RUN 14
LES SOLUTIONS TECHNOLOGIQUES
RESPONSIVEWEB DESIGN
SITEMOBILE
APPLICATION HTML5
APPLICATIONHYBRIDE
APPLICATION ADOBE AIR
APPLICATION NATIVE
RWD Mobile-First WebApp Hybrid App RichMedia Native App
WEB APP
![Page 15: Les solutions mobiles (potentiel et enjeux)](https://reader031.vdocuments.mx/reader031/viewer/2022012400/548de72db4795982638b47fc/html5/thumbnails/15.jpg)
RESPONSIVE WEB DESIGN (RWD)
TRANSFORM & RUN 15
► 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.
UN MÊME SITE QUI S’ADAPTE AUX DIFFÉRENTES RÉSOLUTIONS
#UNIVERSALISER
![Page 16: Les solutions mobiles (potentiel et enjeux)](https://reader031.vdocuments.mx/reader031/viewer/2022012400/548de72db4795982638b47fc/html5/thumbnails/16.jpg)
RESPONSIVE WEB DESIGN (RWD)
TRANSFORM & RUN 16
LES AVANTAGES : LES INCONVÉNIENTS :
Disponible pour tous les terminaux Connexion à internet indispensable
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
Indisponibledans les boutiques d'applications
![Page 17: Les solutions mobiles (potentiel et enjeux)](https://reader031.vdocuments.mx/reader031/viewer/2022012400/548de72db4795982638b47fc/html5/thumbnails/17.jpg)
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)
![Page 18: Les solutions mobiles (potentiel et enjeux)](https://reader031.vdocuments.mx/reader031/viewer/2022012400/548de72db4795982638b47fc/html5/thumbnails/18.jpg)
SITE MOBILE (Mobile-First)
TRANSFORM & RUN 18
► 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é.
UN SITE INTERNET DÉDIÉ AUX SMARTPHONES OU TABLETTES
#FACILITER
![Page 19: Les solutions mobiles (potentiel et enjeux)](https://reader031.vdocuments.mx/reader031/viewer/2022012400/548de72db4795982638b47fc/html5/thumbnails/19.jpg)
SITE MOBILE (Mobile-First)
TRANSFORM & RUN 19
LES AVANTAGES : LES INCONVÉNIENTS :
Affichage identiquesur tous les terminaux Connexion à internet indispensable
Requiert peu d’espacede stockage Accessible via une URL
Choix économique(comparé aux applications)
Indisponibledans les boutiques d'applications
![Page 20: Les solutions mobiles (potentiel et enjeux)](https://reader031.vdocuments.mx/reader031/viewer/2022012400/548de72db4795982638b47fc/html5/thumbnails/20.jpg)
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.
![Page 21: Les solutions mobiles (potentiel et enjeux)](https://reader031.vdocuments.mx/reader031/viewer/2022012400/548de72db4795982638b47fc/html5/thumbnails/21.jpg)
APPLICATION HTML5 (WebApp)
► 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
ÉCRITE EN HTML5 ET SUPPORTÉE PAR TOUS LES TERMINAUX
#EXPLORER
![Page 22: Les solutions mobiles (potentiel et enjeux)](https://reader031.vdocuments.mx/reader031/viewer/2022012400/548de72db4795982638b47fc/html5/thumbnails/22.jpg)
APPLICATION HTML5 (WebApp)
TRANSFORM & RUN 22
LES AVANTAGES : LES INCONVÉNIENTS :
Compatibilité Cross-Platform Connexion à internet indispensable
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 ressourcesmatérielles du Smartphone
Disponibilitédes compétences techniques
Indisponibledans les boutiques d'applications
![Page 23: Les solutions mobiles (potentiel et enjeux)](https://reader031.vdocuments.mx/reader031/viewer/2022012400/548de72db4795982638b47fc/html5/thumbnails/23.jpg)
APPLICATION HTML5 (WebApp)
TRANSFORM & RUN 23
UNE ÉTUDE DE CAS :
Web Application totalementréalisée en HTML5 pour les terminaux iOS et Android.
Mark Zuckerberg (11/2012) :“Our biggest mistake was betting too much on HTML5”
![Page 24: Les solutions mobiles (potentiel et enjeux)](https://reader031.vdocuments.mx/reader031/viewer/2022012400/548de72db4795982638b47fc/html5/thumbnails/24.jpg)
APPLICATION HYBRIDE (Hybrid App)
TRANSFORM & RUN 24
► Construite en utilisant les langages de programmation web (HTML, CSS et JS), enveloppée dans un conteneur natifembarquant un navigateur.
► Cette encapsulation permet d’exploiter les composants matériels de la plateforme (GPS, Push de notification, APN, …).
PROVOQUER LA RENCONTRE DU MONDE DU NATIF ET DU WEB
#UNIFIER
![Page 25: Les solutions mobiles (potentiel et enjeux)](https://reader031.vdocuments.mx/reader031/viewer/2022012400/548de72db4795982638b47fc/html5/thumbnails/25.jpg)
APPLICATION HYBRIDE (Hybrid App)
TRANSFORM & RUN 25
LES AVANTAGES : LES INCONVÉNIENTS :
Développement avec des langages accessibles (HTML, CSS, JS)
L’affichage des informationsest lié à la qualité du réseau
Un code uniquepour 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 supportutilisateur indispensable
Disponibledans les boutiques d'applications
Risque de rejetdes boutiques d'applications
si aucune fonctionnalité native
![Page 26: Les solutions mobiles (potentiel et enjeux)](https://reader031.vdocuments.mx/reader031/viewer/2022012400/548de72db4795982638b47fc/html5/thumbnails/26.jpg)
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.
![Page 27: Les solutions mobiles (potentiel et enjeux)](https://reader031.vdocuments.mx/reader031/viewer/2022012400/548de72db4795982638b47fc/html5/thumbnails/27.jpg)
APPLICATION ADOBE AIR (RichMedia)
► 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
PROPOSER DES CONTENUS RICHES SUR PLUSIEURS TERMINAUX
#DIFFUSER
![Page 28: Les solutions mobiles (potentiel et enjeux)](https://reader031.vdocuments.mx/reader031/viewer/2022012400/548de72db4795982638b47fc/html5/thumbnails/28.jpg)
TRANSFORM & RUN 28
LES AVANTAGES : LES INCONVÉNIENTS :
Déploiement multi-support(Smartphone, Tablette et Desktop)
Lenteur d’exécutiondu code ActionScript3
Un code uniquepour un rendu identique
Technologie Propriétaire(Adobe)
Disponibledans les boutiques d'applications
Coût de développement élevé(support utilisateur indispensable)
La communauté activedes développeurs « AIR Mobile » Manque de Ressources Humaines
APPLICATION ADOBE AIR (RichMedia)
![Page 29: Les solutions mobiles (potentiel et enjeux)](https://reader031.vdocuments.mx/reader031/viewer/2022012400/548de72db4795982638b47fc/html5/thumbnails/29.jpg)
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 applicationconçue pour les tablettes. »
![Page 30: Les solutions mobiles (potentiel et enjeux)](https://reader031.vdocuments.mx/reader031/viewer/2022012400/548de72db4795982638b47fc/html5/thumbnails/30.jpg)
APPLICATION NATIVE (Native App)
TRANSFORM & RUN 30
► 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# …).
EXPLOITER TOUTE LA PUISSANCE DU MOBILE
#FIDÉLISER
![Page 31: Les solutions mobiles (potentiel et enjeux)](https://reader031.vdocuments.mx/reader031/viewer/2022012400/548de72db4795982638b47fc/html5/thumbnails/31.jpg)
APPLICATION NATIVE (Native App)
TRANSFORM & RUN 31
LES AVANTAGES : LES INCONVÉNIENTS :
Support du Mode Avion(connexions réseau coupées)
Langages de développement natifs puissants, mais plus complexes
Disponibledans les boutiques d'applications
Développement spécifiquepour chaque plateforme
(iOS, Android, WP …)
Performance et accèsaux 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, …)
![Page 32: Les solutions mobiles (potentiel et enjeux)](https://reader031.vdocuments.mx/reader031/viewer/2022012400/548de72db4795982638b47fc/html5/thumbnails/32.jpg)
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 ».
![Page 33: Les solutions mobiles (potentiel et enjeux)](https://reader031.vdocuments.mx/reader031/viewer/2022012400/548de72db4795982638b47fc/html5/thumbnails/33.jpg)
DÉFINIR UN BUDGETUNE APPLICATION MOBILE
EST AVANT TOUT UN VECTEURDE DIFFUSION ET DE FIDÉLISATION
TRANSFORM & RUN 33
3
![Page 34: Les solutions mobiles (potentiel et enjeux)](https://reader031.vdocuments.mx/reader031/viewer/2022012400/548de72db4795982638b47fc/html5/thumbnails/34.jpg)
DÉFINIR UN BUDGET
TRANSFORM & RUN 34
Notoriété
ExpérienceUtilisateur
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.
Responsive
Site mobile
HTML5
Hybride
Native
AIR
![Page 35: Les solutions mobiles (potentiel et enjeux)](https://reader031.vdocuments.mx/reader031/viewer/2022012400/548de72db4795982638b47fc/html5/thumbnails/35.jpg)
DÉFINIR UN BUDGET
TRANSFORM & RUN 35
« 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évoirun budget d’environ 15 000 € HT comme ticket d’entrée.
► Il n’y a pas de limite haute, tout dépendde la complexité … et du nombre de plateforme.
![Page 36: Les solutions mobiles (potentiel et enjeux)](https://reader031.vdocuments.mx/reader031/viewer/2022012400/548de72db4795982638b47fc/html5/thumbnails/36.jpg)
DÉFINIR UN BUDGET
… À PRÉVOIR ÉGALEMENT :
TRANSFORM & RUN 36
► 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.
![Page 37: Les solutions mobiles (potentiel et enjeux)](https://reader031.vdocuments.mx/reader031/viewer/2022012400/548de72db4795982638b47fc/html5/thumbnails/37.jpg)
EN CONCLUSION
TRANSFORM & RUN 37
4
![Page 38: Les solutions mobiles (potentiel et enjeux)](https://reader031.vdocuments.mx/reader031/viewer/2022012400/548de72db4795982638b47fc/html5/thumbnails/38.jpg)
À RETENIR
TRANSFORM & RUN 38
LES TEMPS ONT CHANGÉ.LE MONDE EST MOBILE.
#CONTEXTE
Nous utilisons les terminaux mobilesdans toutes nos activités du quotidien :
communiquer, jouer, naviguer, s’informer, …
![Page 39: Les solutions mobiles (potentiel et enjeux)](https://reader031.vdocuments.mx/reader031/viewer/2022012400/548de72db4795982638b47fc/html5/thumbnails/39.jpg)
À RETENIR
TRANSFORM & RUN 39
NE PAS SOUS-ESTIMERLA PHASE DE CONCEPTION
#CRÉATION
Analyse du besoin,fonctionnalités, zoning, enchainementdes écrans, maquettes graphiques, …
![Page 40: Les solutions mobiles (potentiel et enjeux)](https://reader031.vdocuments.mx/reader031/viewer/2022012400/548de72db4795982638b47fc/html5/thumbnails/40.jpg)
À RETENIR
TRANSFORM & RUN 40
ÊTRE EXIGEANT SUR LES TESTS D’UNE APPLICATION
#QUALIFICATION
Obtenir la satisfaction du clienten garantissant le bon fonctionnement
de l’application.
![Page 41: Les solutions mobiles (potentiel et enjeux)](https://reader031.vdocuments.mx/reader031/viewer/2022012400/548de72db4795982638b47fc/html5/thumbnails/41.jpg)
À RETENIR
TRANSFORM & RUN 41
TRANSFORMERLES UTILISATEURS EN FANS
#ENJEU
Proposer une service mobile engageant, grâce à une expérience d’utilisation
qui les incitera à revenir.
![Page 42: Les solutions mobiles (potentiel et enjeux)](https://reader031.vdocuments.mx/reader031/viewer/2022012400/548de72db4795982638b47fc/html5/thumbnails/42.jpg)
* Les « Wearable Devices » : un marché de 30 milliards de dollars en 2018(Source : Craig Dudenhoeffer – 6 mai 2014)
À RETENIR VENIR
TRANSFORM & RUN 42
LES OBJET CONNECTÉS*PRÊT-À-PORTER
#INNOVATION
Ces gadgets ont pour objectif d’intégrerla technologie à notre vie quotidienne
de façon toujours plus fluide.
![Page 43: Les solutions mobiles (potentiel et enjeux)](https://reader031.vdocuments.mx/reader031/viewer/2022012400/548de72db4795982638b47fc/html5/thumbnails/43.jpg)
MERCIPOUR VOTREATTENTION
:)
TRANSFORM & RUN 43
FIN
![Page 44: Les solutions mobiles (potentiel et enjeux)](https://reader031.vdocuments.mx/reader031/viewer/2022012400/548de72db4795982638b47fc/html5/thumbnails/44.jpg)
www.groupe-scala.com
Mathieu MOLINAROCONSULTANT SOLUTIONS DIGITALES
11 avenue André RoussinImmeuble Grand Écran 13016 Marseille
T. +33 (0)4 91 46 84 60