Les solutions mobiles (potentiel et enjeux)

1 358 vues

Publié le

#ScalaBigDay
Jeudi 12 juin 2014

"Saisir les nouveaux enjeux de la mobilité et exploiter le potentiel du mobile" (Salle 5, 16h30 - 17h30)

Speaker : Mathieu Molinaro (@MatMolinaro)

Publié dans : Mobile
0 commentaire
3 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

Aucun téléchargement
Vues
Nombre de vues
1 358
Sur SlideShare
0
Issues des intégrations
0
Intégrations
225
Actions
Partages
0
Téléchargements
35
Commentaires
0
J’aime
3
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Les solutions mobiles (potentiel et enjeux)

  1. 1. LES SOLUTIONS MOBILES # CONTEXTE # STRATÉGIE # TECHNOLOGIES
  2. 2. Mathieu Molinaro CONSULTANT SOLUTIONS DIGITALES CHEF DE PROJET @MatMolinaro @GroupeScala
  3. 3. 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
  4. 4. LES CHIFFRES DU MOBILE EN FRANCE (EN 2014) 24% DU « TEMPS CONNECTÉ » EST PASSÉ SUR UN MOBILE TRANSFORM & RUN 4 1
  5. 5. 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
  6. 6. 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
  7. 7. 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
  8. 8. 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
  9. 9. CONSTRUIRE UNE STRATÉGIE DE PRÉSENCE SUR MOBILE LE PROFIL DES MOBINAUTES VA SE GÉNÉRALISER TRANSFORM & RUN 9 2
  10. 10. 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
  11. 11. 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
  12. 12. 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
  13. 13. CHOISIR UNE TECHNOLOGIE (ADAPTÉE À VOTRE STRATÉGIE) TRANSFORM & RUN 13 2
  14. 14. 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
  15. 15. 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
  16. 16. 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
  17. 17. 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)
  18. 18. 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
  19. 19. 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
  20. 20. 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.
  21. 21. 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
  22. 22. 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
  23. 23. 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”
  24. 24. 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
  25. 25. 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
  26. 26. 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.
  27. 27. 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
  28. 28. 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
  29. 29. 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. »
  30. 30. 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
  31. 31. 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, …)
  32. 32. 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 ».
  33. 33. DÉFINIR UN BUDGET UNE APPLICATION MOBILE EST AVANT TOUT UN VECTEUR DE DIFFUSION ET DE FIDÉLISATION TRANSFORM & RUN 33 3
  34. 34. 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
  35. 35. 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.
  36. 36. 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
  37. 37. EN CONCLUSION TRANSFORM & RUN 37 4
  38. 38. À 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, …
  39. 39. À 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, …
  40. 40. À 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.
  41. 41. À 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.
  42. 42. #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
  43. 43. MERCI POUR VOTRE ATTENTION :) TRANSFORM & RUN 43 FIN
  44. 44. 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

×