les solutions mobiles (potentiel et enjeux)

LESSOLUTIONS MOBILES# CONTEXTE# STRATÉGIE# TECHNOLOGIES

Mathieu MolinaroCONSULTANT 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 MOBILEEN 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


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


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


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 MOBINAUTESVA 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


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


OBJECTIFS ET STRATÉGIE

TRANSFORM & RUN 12

4

DIFFUSIONPROMOTION

► Déterminer les habitudes d’achat des cibles

► Etablir une fréquence selon les supports utilisés

RETOURSUTILISATEURS

5

► Être réactif► Agir dans la phase de désir► Provoquer l’acte d’achat

ÉVALUERANALYSER

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

RESPONSIVEWEB DESIGN

SITEMOBILE

APPLICATION HTML5

APPLICATIONHYBRIDE

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


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

Indisponibledans les boutiques d'applications


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


TRANSFORM & RUN 19


Affichage identiquesur tous les terminaux Connexion à internet indispensable

Requiert peu d’espacede stockage Accessible via une URL

Choix économique(comparé aux applications)



TRANSFORM & RUN 20


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


TRANSFORM & RUN 22


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 ressourcesmatérielles du Smartphone

Disponibilitédes compétences techniques



TRANSFORM & RUN 23

UNE ÉTUDE DE CAS :

Web Application totalementré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 natifembarquant 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


TRANSFORM & RUN 25


Développement avec des langages accessibles (HTML, CSS, JS)

L’affichage des informationsest lié à la qualité du réseau

Un code uniquepour 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 supportutilisateur indispensable

Disponibledans les boutiques d'applications

Risque de rejetdes boutiques d'applications

si aucune fonctionnalité native


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


Déploiement multi-support(Smartphone, Tablette et Desktop)

Lenteur d’exécutiondu code ActionScript3

Un code uniquepour un rendu identique

Technologie Propriétaire(Adobe)


Coût de développement élevé(support utilisateur indispensable)

La communauté activedes développeurs « AIR Mobile » Manque de Ressources Humaines



TRANSFORM & RUN 29

UNE ÉTUDE DE CAS :

Adobe® Photoshop® Touch« Transformez vos images en

tirant parti des principales fonctionnalités de Photoshop

dans une applicationconç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


TRANSFORM & RUN 31


Support du Mode Avion(connexions réseau coupées)

Langages de développement natifs puissants, mais plus complexes


Développement spécifiquepour chaque plateforme

(iOS, Android, WP …)

Performance et accèsaux 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, …)


TRANSFORM & RUN 32


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 BUDGETUNE APPLICATION MOBILE

EST AVANT TOUT UN VECTEURDE DIFFUSION ET DE FIDÉLISATION

TRANSFORM & RUN 33

3

DÉFINIR UN BUDGET

TRANSFORM & RUN 34

Notoriété

ExpérienceUtilisateur

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évoirun budget d’environ 15 000 € HT comme ticket d’entrée.

► Il n’y a pas de limite haute, tout dépendde 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 mobilesdans toutes nos activités du quotidien :

communiquer, jouer, naviguer, s’informer, …

À RETENIR

TRANSFORM & RUN 39

NE PAS SOUS-ESTIMERLA PHASE DE CONCEPTION

#CRÉATION

Analyse du besoin,fonctionnalités, zoning, enchainementdes écrans, maquettes graphiques, …

À RETENIR

TRANSFORM & RUN 40

ÊTRE EXIGEANT SUR LES TESTS D’UNE APPLICATION

#QUALIFICATION

Obtenir la satisfaction du clienten garantissant le bon fonctionnement

de l’application.

À RETENIR

TRANSFORM & RUN 41

TRANSFORMERLES 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égrerla technologie à notre vie quotidienne

de façon toujours plus fluide.

MERCIPOUR VOTREATTENTION

:)

TRANSFORM & RUN 43

FIN

www.groupe-scala.com

Mathieu MOLINAROCONSULTANT SOLUTIONS DIGITALES

[email protected]

11 avenue André RoussinImmeuble Grand Écran 13016 Marseille

T. +33 (0)4 91 46 84 60

[email protected]