Avant de vous lancer dans votre prochain développement, il est important de faire les bons choix technologiques.
Ce webinaire vous permettra de comprendre et de sélectionner les meilleures approches à la fois en terme de développements mobiles mais également en terme d'intégration au système d'information en fonction de vos objectifs marketing.
HTML 5, applications natives ou hybrides : comment choisir ?
1. Transformez vos clients en Fans de votre marque
Merci de bien vouloir patienter
Le webinaire va démarrer dans quelques instants…
MyFanGroup
Webinaire
2. Transformez vos clients en Fans de votre marque
HTML 5 ou applications mobiles,
applications natives ou hybrides :
comment choisir ?
MyFanGroup
Webinaire
3. Transformez vos clients en Fans de votre marque
Présenté par
Co-fondateur et Directeur Général de
MyFanGroup www.myfangroup.com
Membre du conseil d’administration et
rapporteur de la commission Applications
Mobiles à la Mobile Marketing Association
depuis Mai 2012
Précédemment
Directeur général marketinget communicationEurope
chez MicrosoftEMEA jusqu’en 2009
Directeur Général de Symantec
pourla France et le Bénélux jusqu’en 2000
Philippe Dumont Olivier Picciotto
CEO de Convertigo
www.convertigo.com
1/36
4. Transformez vos clients en Fans de votre marque
Sommaire
Aperçu du marché du mobile en France et
dans le monde
Site mobile, application native ou
application hybride ?
Applications mobiles d'entreprise
connectées avec Convertigo
L’offre MyFanGroup
Session questions/réponses
2/36
5. Transformez vos clients en Fans de votre marque
Le mobile est en train d’éclipser le PC…
Source : GFK
3/36
Source KPCB Morgan Stanley Sept. 2012
6. Transformez vos clients en Fans de votre marque
Ce qui se transcrit par une explosion
du temps passé sur le mobile…
40%
13%
5%
25%
12%
5%
39%
12%
4%
25%
19%
2%
0%
5%
10%
15%
20%
25%
30%
35%
40%
45%
TV Radio Presse Internet (PC) Mobile Autres
Temps passé par média (en %)
2009
2010
2011
2012
2013 (e)
2014 (e)
Source e-Marketer - MyFanGroup 2012
8. Transformez vos clients en Fans de votre marque
Un marché de plus en plus fragmenté
52,5%
19,0%
14,9%
9,8%
1,2%
2,6%
Le marché des smartphones en 2013
Android
iPhone
Windows
BlackBerry
Symbian
Autres
56,5%28,5%
7,5%
7,5%
Le marché des tablettes en 2013
iPad
Android
Windows
Autres
Prévisions ventes mondiales 2013
(Gartner)
5/36
9. Transformez vos clients en Fans de votre marque
Que conclure de cet aperçu
du marché du mobile ?
Une stratégie mobile ne peut pas (plus) se
résumer à une simple application iPhone
Android est devenu incontournable en moins
de 2 ans mais reste lui-même très fragmenté
2 outsiders se disputent les 3 et 4èmes
places (Windows Phone et BlackBerry)
Les tablettes représentent également un
nouvelle fragmentation du marché mobile
Le marché va encore énormément évoluer
d'ici 2014, d'où la nécessité d'une solide
stratégie mobile multiplateforme
6/36
10. Transformez vos clients en Fans de votre marque
Site mobile,
application native ou hybride ?
7/36
11. Transformez vos clients en Fans de votre marque
Quelques définitions
Site mobile /webapp
Site internet développé en HTML et optimisé pour une navigation à
partir de tous les terminaux mobiles (smartphone, tablette etc…)
Webapp = Site mobile "évolué" (allant au-delà du simple affichage de
contenu) et qui traite les données utilisateurs, comme le ferait un
logiciel applicatif et/ou avec des fonctions utilisateur avancées
Application native
Application développé spécifiquement pour une plateforme mobile
donnée (iOS, Android, Windows Phone, BBOS…) en utilisant les kits
de développement et les langages associés (Objective C, Java, C#...)
Application hybride
Application mobile mixant code natif (spécifique à chaque plateforme)
et HTML/CSS/Javascript (communs à toutes les versions)
8/36
12. Transformez vos clients en Fans de votre marque
Faire un choix entre site
et application mobile
Source Médiamétrie 2012
Que préfèrent les utilisateurs ?
13. Transformez vos clients en Fans de votre marque
Faire un choix entre site
et application mobile
ou
ou
?
?
14. Transformez vos clients en Fans de votre marque
Faire un choix entre site
et application mobile
WebApp Applications
« hybrides »
Applications
natives
15. Transformez vos clients en Fans de votre marque
Faire un choix entre site
et application mobile ?
Pas qu'un débat technique et budgétaire
Se poser les "bonnes" questions
Pour qui ? (prospects, clients, partenaires…)
Pour quoi faire ? (dans quel objectif)
Avec quelle expérience client ?
Intégré à quelle stratégie marketing ?
Quel vecteur d'acquisition utilisateur ?
(liens, bandeaux et reroutages classiques
pour les sites mobiles et magasins
d'applicationspour les applis)
Eviter une simple copie de votre
site web sur le mobile, utiliser ce
que le mobile a de spécifique
16. Transformez vos clients en Fans de votre marque
Pourquoi un site mobile ?
En moyenne plus de 10% du trafic d’un site web classique se fait depuis
un mobile
Voir statistiques sur Google Analytics ou équivalent
Permet d’optimiser l’accès aux informations en ligne
Présentation et calibrage des textes et images optimisés pour le
mobile
Evite les éléments incompatibles ou inadaptés (animations Flash,
videos ou images trop lourdes etc…)
Ouvre de nouvelles opportunités
Accès aux informations à tout moment et en itinérance
Personnalisation accrue via géolocalisation (même sans GPS) etc…
Fonctions mobiles spécifiques ("click-2-call"…)
10/36
17. Transformez vos clients en Fans de votre marque
Approche Webapp/Site mobile
Avantages :
Couverture de toutes les plateformes de type smartphone
(mais nécessite néanmoins des adaptations spécifiques par plateforme pour
un fonctionnement optimal)
Rapidité de mise en œuvre et coûts limités
Flexibilité de l'approche et évolutivité du site mobile et de la webapp
Suivi très détaillé des utilisations de la webapp par tous les utilisateurs
Permet de basculer simplement un utilisateur accédant au site web via un
mobile vers une expérience utilisateur optimisée (webapp)
Contraintes :
Expérience utilisateur non optimisée par plateforme (plus petit commun
dénominateur) et graphiques et animations limitées
Pas d'accès aux fonctions natives du téléphone
(notifications, GPS…)
11/36
18. Transformez vos clients en Fans de votre marque
Pourquoi une application mobile ?
Accéder au référencement via les magasins d'applications mobiles
pour distribution et monétisation éventuelle (Apple AppStore,
Google Play, Windows MarketPlace, BlackBerry AppWorld…)
Optimiser l'expérience utilisateur pour chaque mobile
Installer son icône sur le mobile de l'utilisateur pour faciliter la
récurrence d'utilisation
Accéder à des fonctions "natives" spécifiques à chaque téléphone ou
tablette pour une expérience plus complète
Localisation par GPS
Push Notifications
Caméra
Accès à l’agenda ou aux contacts etc…
12/36
19. Transformez vos clients en Fans de votre marque
Approche applis natives administrées
Avantages :
Optimisées spécifiquement pour chaque plateforme (iPhone, Android,
Windows Phone, BlackBerry…)
Accès à l'application hors connexion
Rapidité et fluidité d'utilisation
Intégration des fonctions natives (notifications, GPS…)
Intégration poussée dans des systèmes ou applications existantes
Mise à jour et suivi de l'utilisation des applications
Contraintes :
Coûts et délais de développement plus importants
Flexibilité et évolutivité de l'application limitées (uniquement mise à jour de
pages existantes, si prévu à l'avance)
Analyse détaillée de l'utilisation des applications plus difficile/plus limitée
Communication inter-applications difficile
14/36
20. Transformez vos clients en Fans de votre marque
Approche applications hybrides
Avantages :
Eléments multiplateformes (iPhone, Android, Windows Phone, BlackBerry…)
Rapidité et coûts de développement réduits
Excellent rapport fonctionnalités/prix
Flexibilité et évolutivité de l'application (sans re-posting systématique)
Mises à jour en temps réel
Statistiques et analyses détaillées de l'utilisation des applications
Expérience utilisateur spécifique par plateforme et intégration des fonctions
natives (notifications, GPS…)
Contraintes :
Pas d'accès à l'application hors connexion (ou en tout cas pas au contenu
dynamique)
Utilisation un peu moins fluide qu'une application 100% native
15/36
21. Transformez vos clients en Fans de votre marque
L'essor des applications hybrides
L'avancée des technologies Web
HTML 4 et 5, CSS3, Javascript, JQuery Mobile…
L'émergence de solutions de
développements multiplateformes
Titanium (Appcelerator)
Phonegap (Apache Cordova depuis son rachat par Adobe)
L'arrivée d'architectures pour industrialiser le
développement et l'administration d'applications hybrides
hébergées
MyFanGroup Mobile
16/36
HTML CSS
22. Transformez vos clients en Fans de votre marque
Exemples d’applications hybrides
Parmi les applications hybrides
les plus connues :
Facebook !!?
PagesJaunes
LinkedIn
BBC Olympics
17/36
23. Transformez vos clients en Fans de votre marque
Exemple d'application hybride
développée par MyFanGroup
imagine R
Barres d'icônes natives avec accès
aux fonctions spécifiques du mobile
Navigation native Pages natives
Contenu (textes et
images) encapsulé
en HTML et CSS3
18/36
24. Transformez vos clients en Fans de votre marque
Aide à la décision
webapp / appli hybride / appli native
Vos critères de
pondération
Site mobile
ou Webapp
Appli hybride
administrée
Appli native
administrée
Couverture multiplateforme ++ + -
Rapidité de mise en œuvre ++ + -
Coûts (économie) ++ + -
Flexibilitéde la structure de l'application
après déploiement
++ + -
Mises à jour du contenu des pages ++ ++ +
Accès en offline - - ** ++
Design optimisé par plateforme - + ++
Rapidité et fluidité de la navigation - + ++
Statistiques & analyse du parcours utilisateur ++ ++ +
Accès aux fonctions natives du téléphone
(notifications, GPS…)
- ++ ++
Positionnement et promotion sur magasins
d'applications(AppStore, GooglePlay…)
- ++ ++
** Excepté pour contenu statique, toujours accessible
* Hybride = intégration de code natif spécifique par plateforme et de contenu HTML et CSS 3
25. Webinaire Convertigo - MyFanGroup
Applications mobiles natives,
hybrides ou site mobile :
comment choisir ?
26. La preuve par l’exemple, un cas client….
Groupe Carrefour :
• 1er groupe de distribution Européen
• C.A. supérieur à 9000 M€
• Plusieurs projets mobiles…
Carrefour Mes Courses Carrefour Banque
20/36
27. Les différent types d’application mobiles
Une application Mobile, oui mais ….
• Pour quel public ?
• B2C Grand public …
• B2B Pour les entreprises…
• B2E Pour les employés…
• Pour quel usage ?
• Consultations seulement
• Contenus statiques (catalogues…)
• Contenus dynamiques (News…)
• Consultation et actions
• Applications Transactionnelles (eCommerce.., Assurance,
banque)
• Applications métier (ERP, CRP, PLM, WMS, …)
21/36
28. Différents type de connexions mobile..
Une application mobile oui, mais connectée à quoi ?
• A rien,
• De nos jours très peu utilisé..
• Au système d’information de l’entreprise
• ERP, CRM, PLM, WMS etc …
• Indispensable pour les application B2E et B2B
• Au WEB
• Pour Mobiliser les applications WEB existantes
• Pour Consommer des informations non
disponibles autrement
22/36
29. La MEAP (Mobile Enterprise Application Platform)
Les MEAPs permettent de développer
des application mobiles..
• Pour les entreprises
• Pour une diversité de périphériques
• Pour une diversité de technologies
(Web ou Native)
• Pour une large connectivité au
système d’information
• Pour un usage rationnel et organisé
de la logique métier
Selon les analystes le marché des
MEAPs vont représenter en 2014
environ 1.6 Milliard de $
23/36
30. La MEAP Convertigo Mobilizer
La seule MEAP sur le marché
- Open Source
- Connectivité Maximale avec les
connecteurs WEB et MainFrame
- Capacités de Mashup (Assemblage
de données)
- Version Communautaire
gratuite.
24/36
31. Pourquoi Carrefour a choisi Convertigo ?
• Récupération des applications existantes… (Connecteur WEB)
Gain de Temps et d’argent (Facteur 8)
25/36
32. Pourquoi Carrefour a choisi Convertigo ?
À La question
Applications mobiles natives, hybrides ou site mobile comment
choisir ?
Répond…
Les trois !
Grâce à la MEAP Convertigo…
26/36
33. Transformez vos clients en Fans de votre marque
MyFanGroup Mobile
Transformez vos utilisateurs mobiles en clients fidèles
34. Transformez vos clients en Fans de votre marque
My
FanGroup et votre stratégie mobile
1. En amont : une offre complète de conseil en
stratégie mobile
2. Au cœur de votre présence mobile : Des compétences
uniques de développement de sites et applications
Avec une architecture exclusive de développement mobile hybride
(MyFanGroup Mobile) et une console d'administration pour vous
permettre de piloter et mettre à jour vos applications via le cloud
3. En aval : accompagnement dédié dans la promotion
et la monétisation de votre présence mobile
Avec un outil de tracking (MyFanGroup TrackMob) qui permet
d’identifier la source de vos téléchargements, comparer la
performance de vos actions marketing mobiles et optimiser votre ROI
35. Transformez vos clients en Fans de votre marque
Pourquoi choisir MyFanGroup ?
Vos besoins Nos solutions
Vous devez être présent sur un maximum
de plateformes mobiles et tablettes
Nous développons de manière optimisée et
industrialisée grâce à une architecture mobile
hybride unique : MyFanGroup Mobile
Vous hésitez entre site mobile (webapp) et
application mobile ?
Nous vous proposons directement les deux
grâce à notre architecture.
Vous souhaitez mettre à jour facilement et
instantanément votre applicationmobile
Administration et mises à jour du contenu, des
fonctionnalités et de la structure de l'application
En savoir plus sur votre application mobile
au-delà du nombre des téléchargements ?
Un suivi détaillé des pages vues et des options
utilisées avec analyses statistiques complètes
Vous voulez intégrer l'expérienceutilisateur
mobile à votre système d’information
Une intégration aux bases de données, CRM,
ERP et CMS existants via des webservicesdédiés
Vous cherchez à contrôler et limiter vos
coûts de développement mobile
Nous proposons une option de paiement
mensualisé, tout compris et facile à budgéter
29/36
36. Transformez vos clients en Fans de votre marque
Architecture MyFanGroup Mobile
Composants &
squelette
d'application
natifs
Contenu de
l'application
(texte &
graphiques)
Pilotage des applications,
mises à jour et rapports d'utilisation
ex. GPS, push notif.
icônes, graphiques
et autres contenus
embarqués…
Fonctions clés,
structure menus
de haut niveau…
Look & feel,
traduction de
l'interface et autres
personnalisations
Détails des
offres, des points
de distribution…
MyFanGroup Campaign Manager & WebServices
Logique et
navigation de
l'application
Design &
ressources de
l'application
Une architecture modulaire unique, avec une parfaite isolation des différents composants
et entièrement synchronisable avec des bases de données et systèmes existants
Code natif Code mixte HTML / CSS / Javascript
37. Transformez vos clients en Fans de votre marque
Exemple d'application hybride
développée par MyFanGroup
Code et éléments
exécutés en natif sur
le mobile et pilotés
par la console
Code et éléments hébergés
et traités par les serveurs
puis affichés sur au sein
de l'application en HTML
Console d'administration
(pilotage, suivi et mises
à jour) via le cloud
(code natif + HTML)
34/36
41. Transformez vos clients en Fans de votre marque
Questions ?
A suivre par email dans la journée à tous les participants :
Copie des slides, livre blanc « les 7 facteurs clés de succès dans votre stratégie mobile »
et enregistrement complet de la session