LESSOLUTIONS MOBILES# CONTEXTE# STRATÉGIE# TECHNOLOGIES
Mathieu MolinaroCONSULTANT 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 MOBILEEN 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)
TRANSFORM & RUN 5
Source : TNS Sofres Connected Life 2014 / Deloitte SAS octobre 2014
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
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
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 MOBINAUTESVA 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
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
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
CHOISIR UNE TECHNOLOGIE (ADAPTÉE À VOTRE STRATÉGIE)
TRANSFORM & RUN 13
2
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
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
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
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)
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
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
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)
► 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
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
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”
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
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
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)
► 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
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)
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. »
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
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, …)
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 BUDGETUNE APPLICATION MOBILE
EST AVANT TOUT UN VECTEURDE DIFFUSION ET DE FIDÉLISATION
TRANSFORM & RUN 33
3
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
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.
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.
EN CONCLUSION
TRANSFORM & RUN 37
4
À 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, …
À RETENIR
TRANSFORM & RUN 39
NE PAS SOUS-ESTIMERLA PHASE DE CONCEPTION
#CRÉATION
Analyse du besoin,fonctionnalités, zoning, enchainementdes écrans, maquettes graphiques, …
À 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.
À 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.
* 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.
MERCIPOUR VOTREATTENTION
:)
TRANSFORM & RUN 43
FIN
www.groupe-scala.com
Mathieu MOLINAROCONSULTANT SOLUTIONS DIGITALES
11 avenue André RoussinImmeuble Grand Écran 13016 Marseille
T. +33 (0)4 91 46 84 60