HTML 5, applications natives ou hybrides : comment choisir ?

Transformez vos clients en Fans de votre marque

Merci de bien vouloir patienter Le webinaire va démarrer dans quelques instants…

MyFanGroup Webinaire

Transformez vos clients en Fans de votre marque

HTML 5 ou applications mobiles, applications natives ou hybrides :

comment choisir ?

MyFanGroup Webinaire

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 marketing et communication Europe

chez Microsoft EMEA jusqu’en 2009

Directeur Général de Symantec pour la France et le Bénélux jusqu’en 2000

Philippe Dumont Olivier Picciotto

CEO de Convertigo

www.convertigo.com

1/36

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

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

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

Transformez vos clients en Fans de votre marque

… et par une part croissante de l’accès à internet via mobile

0,00%

2,00%

4,00%

6,00%

8,00%

10,00%

12,00%

14,00%

16,00%

% du traffic internet via mobile

% Mobile aux US % Mobile en France

Source GS StatCounter, © MyFanGroup 2013

6,9%

14,1%

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

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

Transformez vos clients en Fans de votre marque

Site mobile, application native ou hybride ?

7/36

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

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 ?

Transformez vos clients en Fans de votre marque

Faire un choix entre site et application mobile

ou

ou

?

?

Transformez vos clients en Fans de votre marque

Faire un choix entre site et application mobile

WebApp Applications

« hybrides »

Applications

natives

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'applications pour les applis)

Eviter une simple copie de votre

site web sur le mobile, utiliser ce

que le mobile a de spécifique

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

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

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

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

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

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

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

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

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

Webinaire Convertigo - MyFanGroup

Applications mobiles natives, hybrides ou site mobile :

comment choisir ?

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

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

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

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

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

Pourquoi Carrefour a choisi Convertigo ?

• Récupération des applications existantes… (Connecteur WEB)

Gain de Temps et d’argent (Facteur 8)

25/36

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

Transformez vos clients en Fans de votre marque

MyFanGroup Mobile Transformez vos utilisateurs mobiles en clients fidèles

Transformez vos clients en Fans de votre marque

MyFanGroup 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

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 application mobile

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érience utilisateur mobile à votre système d’information

Une intégration aux bases de données, CRM, ERP et CMS existants via des webservices dé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

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

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

Transformez vos clients en Fans de votre marque

MyFanGroup Campaign Manager

Transformez vos clients en Fans de votre marque

Suivi de l'utilisation

Transformez vos clients en Fans de votre marque

Philippe Dumont Téléphone : 01 41 46 03 86 phildu@myfangroup.com

Service commercial Bureau: 01 41 46 03 87 contact@myfangroup.com

Plus d’infos? Rendez-vous sur:

http://www.myfangroup.com

© 2013 MyFanGroup SAS. Tous droits réservés. Les marques et logos mentionnés sont déposés

par leurs propriétaires respectifs. Ce document est purement informatif et n’a aucune valeur contractuelle

Nous contacter :

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