LES SOLUTIONS MOBILES # CONTEXTE # STRATÉGIE # TECHNOLOGIES

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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)

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

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

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.

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

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

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”

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

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

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.

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

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)

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

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

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, …)

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

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

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

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.

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.

EN CONCLUSION TRANSFORM & RUN 37 4

À 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, …

À 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, …

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

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

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

MERCI POUR VOTRE ATTENTION :) TRANSFORM & RUN 43 FIN

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