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