41
Transformez vos clients en Fans de votre marque Merci de bien vouloir patienter Le webinaire va démarrer dans quelques instants… My Fan Group Webinaire

HTML 5, applications natives ou hybrides : comment choisir ?

Embed Size (px)

Citation preview

Page 1: 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

Page 2: HTML 5, applications natives ou hybrides :  comment choisir ?

Transformez vos clients en Fans de votre marque

HTML 5 ou applications mobiles, applications natives ou hybrides :

comment choisir ?

MyFanGroup Webinaire

Page 3: HTML 5, applications natives ou hybrides :  comment choisir ?

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

Page 4: HTML 5, applications natives ou hybrides :  comment choisir ?

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

Page 5: HTML 5, applications natives ou hybrides :  comment choisir ?

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

Page 6: HTML 5, applications natives ou hybrides :  comment choisir ?

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

Page 7: HTML 5, applications natives ou hybrides :  comment choisir ?

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%

Page 8: HTML 5, applications natives ou hybrides :  comment choisir ?

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

Page 9: HTML 5, applications natives ou hybrides :  comment choisir ?

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

Page 10: HTML 5, applications natives ou hybrides :  comment choisir ?

Transformez vos clients en Fans de votre marque

Site mobile, application native ou hybride ?

7/36

Page 11: HTML 5, applications natives ou hybrides :  comment choisir ?

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

Page 12: HTML 5, applications natives ou hybrides :  comment choisir ?

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 ?

Page 13: HTML 5, applications natives ou hybrides :  comment choisir ?

Transformez vos clients en Fans de votre marque

Faire un choix entre site et application mobile

ou

ou

?

?

Page 14: HTML 5, applications natives ou hybrides :  comment choisir ?

Transformez vos clients en Fans de votre marque

Faire un choix entre site et application mobile

WebApp Applications

« hybrides »

Applications

natives

Page 15: HTML 5, applications natives ou hybrides :  comment choisir ?

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

Page 16: HTML 5, applications natives ou hybrides :  comment choisir ?

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

Page 17: HTML 5, applications natives ou hybrides :  comment choisir ?

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

Page 18: HTML 5, applications natives ou hybrides :  comment choisir ?

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

Page 19: HTML 5, applications natives ou hybrides :  comment choisir ?

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

Page 20: HTML 5, applications natives ou hybrides :  comment choisir ?

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

Page 21: HTML 5, applications natives ou hybrides :  comment choisir ?

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

Page 22: HTML 5, applications natives ou hybrides :  comment choisir ?

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

Page 23: HTML 5, applications natives ou hybrides :  comment choisir ?

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

Page 24: HTML 5, applications natives ou hybrides :  comment choisir ?

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

Page 25: HTML 5, applications natives ou hybrides :  comment choisir ?

Webinaire Convertigo - MyFanGroup

Applications mobiles natives, hybrides ou site mobile :

comment choisir ?

Page 26: HTML 5, applications natives ou hybrides :  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

Page 27: HTML 5, applications natives ou hybrides :  comment choisir ?

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

Page 28: HTML 5, applications natives ou hybrides :  comment choisir ?

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

Page 29: HTML 5, applications natives ou hybrides :  comment choisir ?

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

Page 30: HTML 5, applications natives ou hybrides :  comment choisir ?

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

Page 31: HTML 5, applications natives ou hybrides :  comment choisir ?

Pourquoi Carrefour a choisi Convertigo ?

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

Gain de Temps et d’argent (Facteur 8)

25/36

Page 32: HTML 5, applications natives ou hybrides :  comment choisir ?

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

Page 33: HTML 5, applications natives ou hybrides :  comment choisir ?

Transformez vos clients en Fans de votre marque

MyFanGroup Mobile Transformez vos utilisateurs mobiles en clients fidèles

Page 34: HTML 5, applications natives ou hybrides :  comment choisir ?

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

Page 35: HTML 5, applications natives ou hybrides :  comment choisir ?

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

Page 36: HTML 5, applications natives ou hybrides :  comment choisir ?

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

Page 37: HTML 5, applications natives ou hybrides :  comment choisir ?

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

Page 38: HTML 5, applications natives ou hybrides :  comment choisir ?

Transformez vos clients en Fans de votre marque

MyFanGroup Campaign Manager

Page 39: HTML 5, applications natives ou hybrides :  comment choisir ?

Transformez vos clients en Fans de votre marque

Suivi de l'utilisation

Page 40: HTML 5, applications natives ou hybrides :  comment choisir ?

Transformez vos clients en Fans de votre marque

Philippe Dumont Téléphone : 01 41 46 03 86 [email protected]

Service commercial Bureau: 01 41 46 03 87 [email protected]

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 :

Page 41: HTML 5, applications natives ou hybrides :  comment choisir ?

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