Les Solutions Mobiles : Contexte, Stratégie, Technologies

#ScalaBigDay du Jeudi 12 juin 2014

"Comprendre les nouveaux enjeux de la mobilité et exploiter le potentiel des terminaux mobiles"

Speaker : Mathieu Molinaro (@MatMolinaro), en Salle 5, de 16h30 à 17h30.

A l’occasion du Scala Summer Big Day 2014 (#ScalaBigDay), le groupe Scala a invité Mathieu Molinaro à participer à cet événement de référence en matière de technologies informatiques et numériques. Durant la journée, en tant que Consultant en Solutions Digitales, Mathieu a animé une session sur la vaste thématique de la "Mobilité"

Transcript

1. LES
   SOLUTIONS
   MOBILES
   # CONTEXTE
   # STRATÉGIE
   # TECHNOLOGIES
   

   View Slide

2. Mathieu Molinaro
   CONSULTANT SOLUTIONS DIGITALES
   CHEF DE PROJET
   @MatMolinaro
   @GroupeScala
   

   View Slide

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
   

   View Slide

4. LES CHIFFRES DU MOBILE
   EN FRANCE (EN 2014)
   24% DU « TEMPS CONNECTÉ »
   EST PASSÉ SUR UN MOBILE
   TRANSFORM & RUN 4
   1
   

   View Slide

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)
   TRANSFORM & RUN 5
   Source : TNS Sofres Connected Life 2014 / Deloitte SAS octobre 2014
   

   View Slide

6. LES CHIFFRES DU MOBILE EN FRANCE (2/4)
   TRANSFORM & RUN 6
   Source : Médiamétrie 2T2014
   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
   

   View Slide

7. LES CHIFFRES DU MOBILE EN FRANCE (3/4)
   TRANSFORM & RUN 7
   Source : Web Observatoire 2014 / ComScore MobileLens 2T2014
   PART DE MARCHÉ
   OS des Tablettes
   54 % Google Android
   31 % Apple iOS
   5 % Microsoft Windows
   PART DE MARCHÉ
   OS des Smartphones
   61 % Google Android
   21 % Apple iOS
   8 % Microsoft Windows
   

   View Slide

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
   

   View Slide

9. CONSTRUIRE UNE STRATÉGIE
   DE PRÉSENCE SUR MOBILE
   LE PROFIL DES MOBINAUTES
   VA SE GÉNÉRALISER
   TRANSFORM & RUN 9
   2
   

   View Slide

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
    

    View Slide

11. CONSTRUIRE UNE STRATÉGIE DE
    PRÉSENCE SUR MOBILE (2/3)
    OBJECTIFS ET STRATÉGIE
    TRANSFORM & RUN 11
    1
    CIBLES
    ►
    Comportement
    ►
    Mode de consommation
    ►
    Données démographiques
    OBJECTIFS
    2
    ►
    Augmenter sa notoriété,
    ►
    Se construire une clientèle,
    ►
    Pérenniser sa présence,
    ►
    Fournir un service pratique, …
    MESSAGE
    3
    ►
    Stratégie marketing
    ►
    Information ou émotion
    ►
    Synthétique et impactant
    

    View Slide

12. CONSTRUIRE UNE STRATÉGIE DE
    PRÉSENCE SUR MOBILE (3/3)
    OBJECTIFS ET STRATÉGIE
    TRANSFORM & RUN 12
    4
    DIFFUSION
    PROMOTION
    ►
    Déterminer les habitudes
    d’achat des cibles
    ►
    Etablir une fréquence selon
    les supports utilisés
    RETOURS
    UTILISATEURS
    5
    ►
    Être réactif
    ►
    Agir dans la phase de désir
    ►
    Provoquer l’acte d’achat
    ÉVALUER
    ANALYSER
    6
    ►
    Outils intégrés aux Stores
    ►
    Choix technologiques
    ►
    Analyse de l’audience (Web)
    ►
    Evaluer la e-réputation
    

    View Slide

13. CHOISIR UNE TECHNOLOGIE
    (ADAPTÉE À VOTRE STRATÉGIE)
    TRANSFORM & RUN 13
    2
    

    View Slide

14. TRANSFORM & RUN 14
    LES SOLUTIONS TECHNOLOGIQUES
    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
    

    View Slide

15. RESPONSIVE WEB DESIGN (RWD)
    TRANSFORM & RUN 15
    ►
    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.
    UN MÊME SITE QUI S’ADAPTE AUX
    DIFFÉRENTES RÉSOLUTIONS
    #UNIVERSALISER
    

    View Slide

16. RESPONSIVE WEB DESIGN (RWD)
    TRANSFORM & RUN 16
    LES AVANTAGES : LES INCONVÉNIENTS :
    Disponible pour tous les terminaux Connexion à internet indispensable
    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
    

    View Slide

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)
    

    View Slide

18. SITE MOBILE (Mobile-First)
    TRANSFORM & RUN 18
    ►
    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é.
    UN SITE INTERNET DÉDIÉ AUX
    SMARTPHONES OU TABLETTES
    #FACILITER
    

    View Slide

19. SITE MOBILE (Mobile-First)
    TRANSFORM & RUN 19
    LES AVANTAGES : LES INCONVÉNIENTS :
    Affichage identique
    sur tous les terminaux
    Connexion à internet indispensable
    Requiert peu d’espace
    de stockage
    Accessible via une URL
    Choix économique
    (comparé aux applications)
    Indisponible
    dans les boutiques d'applications
    

    View Slide

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.
    

    View Slide

21. APPLICATION HTML5 (WebApp)
    ►
    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
    ÉCRITE EN HTML5 ET SUPPORTÉE
    PAR TOUS LES TERMINAUX
    #EXPLORER
    

    View Slide

22. APPLICATION HTML5 (WebApp)
    TRANSFORM & RUN 22
    LES AVANTAGES : LES INCONVÉNIENTS :
    Compatibilité Cross-Platform Connexion à internet indispensable
    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
    

    View Slide

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”
    

    View Slide

24. APPLICATION HYBRIDE (Hybrid App)
    TRANSFORM & RUN 24
    ►
    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, …).
    PROVOQUER LA RENCONTRE DU
    MONDE DU NATIF ET DU WEB
    #UNIFIER
    

    View Slide

25. APPLICATION HYBRIDE (Hybrid App)
    TRANSFORM & RUN 25
    LES AVANTAGES : LES INCONVÉNIENTS :
    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
    

    View Slide

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.
    

    View Slide

27. APPLICATION ADOBE AIR (RichMedia)
    ►
    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
    PROPOSER DES CONTENUS RICHES
    SUR PLUSIEURS TERMINAUX
    #DIFFUSER
    

    View Slide

28. TRANSFORM & RUN 28
    LES AVANTAGES : LES INCONVÉNIENTS :
    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)
    

    View Slide

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. »
    

    View Slide

30. APPLICATION NATIVE (Native App)
    TRANSFORM & RUN 30
    ►
    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# …).
    EXPLOITER TOUTE LA PUISSANCE
    DU MOBILE
    #FIDÉLISER
    

    View Slide

31. APPLICATION NATIVE (Native App)
    TRANSFORM & RUN 31
    LES AVANTAGES : LES INCONVÉNIENTS :
    Support du Mode Avion
    (connexions réseau coupées)
    Langages de développement natifs
    puissants, mais plus complexes
    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, …)
    

    View Slide

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 ».
    

    View Slide

33. DÉFINIR UN BUDGET
    UNE APPLICATION MOBILE
    EST AVANT TOUT UN VECTEUR
    DE DIFFUSION ET DE FIDÉLISATION
    TRANSFORM & RUN 33
    3
    

    View Slide

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.
    Responsive
    Site mobile
    HTML5
    Hybride
    Native
    AIR
    

    View Slide

35. DÉFINIR UN BUDGET
    TRANSFORM & RUN 35
    « 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.
    ►
    Il n’y a pas de limite haute, tout dépend
    de la complexité … et du nombre de plateforme.
    

    View Slide

36. DÉFINIR UN BUDGET
    … À PRÉVOIR ÉGALEMENT :
    TRANSFORM & RUN 36
    ►
    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.
    

    View Slide

37. EN CONCLUSION
    TRANSFORM & RUN 37
    4
    

    View Slide

38. À RETENIR
    TRANSFORM & RUN 38
    LES TEMPS ONT CHANGÉ.
    LE MONDE EST MOBILE.
    #CONTEXTE
    Nous utilisons les terminaux mobiles
    dans toutes nos activités du quotidien :
    communiquer, jouer, naviguer, s’informer, …
    

    View Slide

39. À RETENIR
    TRANSFORM & RUN 39
    NE PAS SOUS-ESTIMER
    LA PHASE DE CONCEPTION
    #CRÉATION
    Analyse du besoin,
    fonctionnalités, zoning, enchainement
    des écrans, maquettes graphiques, …
    

    View Slide

40. À RETENIR
    TRANSFORM & RUN 40
    ÊTRE EXIGEANT SUR LES
    TESTS D’UNE APPLICATION
    #QUALIFICATION
    Obtenir la satisfaction du client
    en garantissant le bon fonctionnement
    de l’application.
    

    View Slide

41. À RETENIR
    TRANSFORM & RUN 41
    TRANSFORMER
    LES UTILISATEURS EN FANS
    #ENJEU
    Proposer une service mobile engageant,
    grâce à une expérience d’utilisation
    qui les incitera à revenir.
    

    View Slide

42. * Les « Wearable Devices » : un marché de 30 milliards de dollars en 2018
    (Source : Craig Dudenhoeffer – 6 mai 2014)
    À RETENIR VENIR
    TRANSFORM & RUN 42
    LES OBJET CONNECTÉS*
    PRÊT-À-PORTER
    #INNOVATION
    Ces gadgets ont pour objectif d’intégrer
    la technologie à notre vie quotidienne
    de façon toujours plus fluide.
    

    View Slide

43. MERCI
    POUR VOTRE
    ATTENTION
    :)
    TRANSFORM & RUN 43
    FIN
    

    View Slide

44. www.groupe-scala.com
    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
    

    View Slide