"Si vous n'avez pas de stratégie mobile, vous n'avez pas de stratégie pour le futur !" - cette citation d'Eric Schmidt en 2011 alors qu'il était PDG de Google est toujours d'actualité. Par ailleurs, avoir ses sites développés en responsive web design ne constitue pas une stratégie mobile à proprement parler. Beaucoup d'éditeurs ont créé une application mobile pour en avoir une, avec de nombreux échecs à la clé. Le concept de Mobile First est utilisé à toutes les sauces, mais le constat c'est que les éditeurs de site en sont encore au Mobile Parfois. Ce n'est pas le cas de leurs clients. Tout est allé très vite et les usages mobiles dépassent désormais ceux sur desktop partout (sites, recherches, emails, pubs, ...). Alors comment bien appréhender une stratégie mobile aujourd'hui ? Quels sont les modèles dont on peut s'inspirer ? Quelles méthodologies mettre en oeuvre ? Quelles compétences ? Cet atelier apporte des éclairages aussi bien aux profils marketing que techniques, et pour des entreprises de toutes tailles. Animé par Alexandre Jubien, ThinkMobile

1. Strategie Mobile
Les cles pour reussiri
i
i
..

2. @AlexJubien
ThinkMobile.fr
Pioneer of mobile
14 years ago
Mobile & Startups
expert
Previously Head
of Mobile at Viadeo
Previously Head
of Mobile at Deezer
Keynote speaker, Lecturer, Trainer, Startups Coach & Advisor

3. #MobileRevolution

4. 2017 c’est l’année du mobile !

5. 2017 c’est l’année du mobile !

6. Une technologie
sans précédent
dans l’histoire
de l’humanité !
2005
2013

7. Une technologie
sans précédent
dans l’histoire
de l’humanité !

8. Smartphone
Addicts ?

9. #MobileRevolution
Le mobile a profondément changé
nos vies, au point de devenir une
extension de nos cerveaux.

10. Why?

11. Partout, tout le temps1

12. Même là, 75% !

13. Parité

14. Simple equation
= 5 min
= 15 min
= 55 min
= ∞

15. There’s an app for that
iPoo

16. 1er appareil connecté
qu’on a toujours sur soi

17. Connected COMPUTING device

18. Connected COMPUTING device
=
Résoudre des problèmes
=
Utilitaire

19. Instantanéité2

20. 5 h
TV
Météo

21. 5 h
TV Web
5 m
Météo

22. 5 h
TV Web
5 m
Mobile
5 s
Météo

23. Facilité d’utilisation3

24. Facilité d’utilisation

25. Réduire les
points de friction
4

26. La friction
Ce qui empêche nos utilisateurs /
consommateurs d’avancer

27. Services Anti Friction

28. Monde Digital /
Monde Physique
5

29. Vie réelleUsage digital

30. La baguette magique pour
digitaliser le monde réel

32. Le mobile est au cœur de
l’Internet des Objets
6 Mega-Trends for Mobile in 2015 – by Azetone

33. Photo
Comprendre n’importe
quelle panneau
Scanner le monde physique
Scan & Buy

34. Photo
Scanner le monde physique
Micro
Shazam

35. Photo
Scanner le monde physique
Micro
Waze
Géoloc

36. On ajoute des capteurs,
on se rajoute des pouvoirs

37. Des supers pouvoirs ?6

38. Qui est télépathe ?

39. En fait, nous le sommes
tous…

40. Le 1er pouvoir que le mobile nous a
apporté, via
Appels / SMS / IM
Transmission de pensée (v1.0)

41. Créer une meilleure transmission de
pensée va être vraiment difficile.
Transmission de pensée (v1.0)

42. Quand la technologie rejoint la science fiction

43. Pouvoir Version Mobile powered
Transmission de pensée 1.0
Omniscience (Wikipédia, Google) 0.8
Télékinésie (IoT) 0.2
Maîtrise du temps (self orga) 0.1
Prévoir l’avenir (big data) 0.1
Lancer des éclairs (flash photo?) 0.001
Voler (drone ?) 0.4
Téléportation (Skype, Facetime) 0.1
Etre invincible / guérir (mHealth) 0.2

44. bit.ly/M-Revolution

45. • Partout tout le temps
• Instantanéité
• Facilité d’utilisation
• Utilitaire / résoudre
• Monde physique
• Donner du pouvoir

47. #MobileTech

48. Pour les apps,
APIs First

49. Base de données
Serveur back end
API
Partners
TV Mobile
Bornes
Web
https://fr.slideshare.net/AlexandreJubien/apisdk

50. Mobile
Base de données
Serveur back end
API
Partners
TV Mobile
Bornes
Web
https://fr.slideshare.net/AlexandreJubien/apisdk

51. Site Mobile VS Apps

52. OS vs Navigateur
• OS = environnement d’exécution des
applications (iOS, Android, …)
• Navigateur = une application qui interprète
les pages web (Safari, Chrome, …)

53. Native apps
• App installée et exécutée dans l’OS
• Installation via appstore
• Développée en langage natif

54. Avantages Inconvénients
Ergonomie avancée Couteux / 1 app par plateforme
Icône sur l’écran d’accueil Appstores + process de validation
Fonctionnalités avancées / matériel Install + Mise à jour sur l’appstore
Fonctionnement offline
Push notifications
Pros&Cons - App Native

55. Apps pour :
Créer des (super) pouvoirs
/ Expériences avancées

56. Coût d’une app native
• Pour une App : 1 freelance pdt 2 mois = 500€ x 40
➔ 20 K€ MINIMUM
• Sans parler du coût des APIs…

57. Source : 15 clés du marketing mobile en 2014 by SmartAppli
Coût
d’1
app
native

58. Pros&Cons - Site mobile
Avantages Inconvénients
SEO / indexation Google Ergonomie limitée
Abordable Pas de fonctionnalités avancées /
matériel
Couverture de tous les mobiles Mode connecté seulement
Mise à jour simple et transparente

59. Site mobile pour :
Fournir de l’information /
Permettre le comparatif

60. Tech / Apps

61. Approche hybride

62. Approche hybride

63. Mauvais choix
’’Going hybrid and not investing
enough into native is the biggest
mistake we’ve made at FB’’
- Mark Zuckerberg

64. Frameworks cross plate-forme

65. Générateurs d’applications
• Outil pour générer une application en DIY
• Coût réduit mais limitations
• Mobile Roadie, AppsBuilder, Good Barber, Como
• Blog / contenus, événement, club sportif,
association, site touristique, …

66. Tech / Site Mobile

67. Mobile Friendly

68. Mobile Optimized

69. Responsive Web Design

70. #MobileStrategy

72. If you don’t have a mobile strategy,
you don’t have a future strategy.
Eric Schmidt, Google, Executive Chairman

73. If you don’t have a mobile strategy,
you don’t have a future strategy.
Eric Schmidt, Google, Executive Chairman
• Apps VS Site Mobile = faux débat
• Avoir ses sites en responsive
n’est pas une stratégie

74. Forme ≠ Fond

75. La grande question de fond
Qu’est ce que votre site / votre app
résout
pour ses utilisateurs ?

76. Présence web mobile
=
Indispensable

77. Responsive Web Design

78. Responsive : pas la réponse à tout
• Techno web, pas mobile
• Temps de chargement
• Ergonomie spécifique sur mobile
• Ex. e-commerçants qui font machine arrière

79. Et malgré les promesses,
le responsive coûte cher !

84. Ceci est une
landing page

85. Mobile landing page
• Quoi : Site mobile optimisé / minimal, campagne / offre,
coupon, invitation événement, questionnaire, jeux concours, …
• Trafic : E-mail, publicité, SEO/SEA (dont mots clés spécifiques
mobile et/ou géolocalisés), QR Code, SMS, …

86. SMS => Flyer Mobile

87. • Très bon taux de lecture - 90% !
• Coupon / offre / soldes
• Alerte stock / nouveau produit dispo
(ex. dans l’immobilier)
• Confirmation / suivi / rappel
• SMSMode, MTarget, Octopush

88. Le problème avec les
• 50% du temps passé en ligne…
• … capturé à + de 85% par les top 200 apps
• 50 K€ minimum juste pour le dev
• Succès plus qu’incertain !

89. To App
or
Not To App

90. Nombre d’apps utilisées
régulièrement par un mobinaute ?

91. Lien vers l’outil Our Mobile Planet

92. La grande question de fond (2)
Est que votre app
peut faire partie des 10 à 20 apps
utilisées régulièrement par votre cible ?

93. Apps de marques ?

94. Brand content - Flops ?
Volkswagen Polo
Parfum Chanel Allure

95. Top – Oasis La Chuuute !

96. Pourquoi les flops ?

97. Résolution de problème
et utilitaire
=
Pensée produit

98. App = Produit

99. Raison des échecs
• Au début, apps perçues comme nouveau
canal de communication marketing
• Produit / métier VS Agences de comm /
services marketing
• Avoir 1 app pour avoir 1 app / ruée vers l’or

100. MarComm VS Product Mngt
Marketing / Communication Product / Service
Vendeur Bâtisseur
Consommateur Utilisateur
Image Usage
Opérations éphémères /
Campagne
Durée de vie produit / long terme
Canaux de communication Fonctionnalités

101. Historiquement
Tech, R&D,
innovation
Marketing,
Product Mktg,
Sales
Stratégie,
Business,
Finance
Clients
Tech
Objectifs

102. Tech, R&D,
innovation
Marketing,
Product Mktg,
Sales
Stratégie,
Business,
Finance
UX &
Design
Organisation produit
centrée utilisateur
Product
Manager

103. Tech, R&D,
innovation
Marketing,
Product Mktg,
Sales
Stratégie,
Business,
Finance
UX &
Design
Organisation produit
centrée utilisateur
Product
Manager
Utilisateurs,
Usages

104. Organisation produit
centrée utilisateur
Construire des apps que les gens aiment (et utilisent !)
Product
Manager
Tech, R&D,
innovation
Marketing,
Product Mktg,
Sales
Stratégie,
Business,
Finance
UX &
Design

105. Méthodologies

106. Exemples plus intéressants

107. Van Cleef & Arpels

109. Go McDo

110. LouisVuitton

111. Le Trèfle (Sponsoring)

112. L’Oréal Make Up Genius

113. L’Oréal Make Up Genius

115. Mobile Strategy
Patterns

116. Monétisation / Premium
L’app est la pierre angulaire d’un service payant
L’ÉquipeLeKioskViadeoDeezer

117. MyPeugeot Disneyland® ParisMyFoxTGV Pro
Stratégie Compagnon
L’app est le compagnon d’un produit ou service

118. Nestlé
Devenir Maman
Axa DriveL’Oréal
Make Up Genius
Nike+
Stratégie Coach
L’app est un coach dans le domaine de l’entreprise

119. APIs et SDKs permettent d’inclure votre business dans des
apps tierces
…

120. La conversation comme
interface
First OpinionPourquoi le modèle des conciergeries SMS
explose ?

121. B2E / Transformer le métier
La prochaine Révolution Mobile : Le Collaborateur augmenté
Air FrancemySephoraDarty

122. Worker / Consumer
Une app B2C pour les clients, une app B2E pour les travailleurs
Uber Deliveroo

124. #MobileUX
#MobileDesign

125. En dehors des apps
• Email : Plus de la moitié des emails ouverts le sont sur mobile
• Réseaux sociaux : 80% des usages sur mobile
• Référencement : les recherches sur mobile ont dépassé
celles sur desktop
• Sites web : Les visiteurs et Google exigent le Mobile Friendly
• Vidéos : De plus en plus visionnées sur mobile
• Pub : Mots clés ou display spécifiques mobile

126. Adaptation INDISPENSABLE !
Non adapté
AdaptéExemple email

128. Passez au Mobile First !
Passez au Mobile First !

129. Mobile First
• Principe : Approche de conception, on conçoit d’abord pour
mobile en se concentrant sur l’essentiel

130. Mobile First & Responsive
Source : Infographie UX by Octo : Responsive et Mobile First

131. Mobile First
• Principe : Approche de conception, on conçoit d’abord pour
mobile en se concentrant sur l’essentiel
• Pour : site web, emails, posts réseaux sociaux, vidéos,
publicités, …
• Validation : logiquement, on valide avant tout le rendu sur
mobile(s)

132. https://www.blogdumoderateur.com/youtube-­‐
nouveau-­‐design-­‐2017/

133. https://www.blogdumoderateur.com/mises-­‐a-­‐jour-­‐
instagram/
Album de photos verticales

134. Simplifiez vos interfaces
http://www.wexperience.fr/sites-­‐webs-­‐mobiles-­‐
pour-­‐convertir-­‐plus-­‐simplifiez-­‐vos-­‐interfaces
• Partout tout le temps
• Instantanéité
• Facilité d’utilisation

135. Restez sur les standards

136. Design for interruption
PC/Tablet = Scuba diving Mobile = Snorkelling
Rachel @Hinman

137. People to follow
• Luke Wroblewski
• Nick Babich
• Amélie Boucher
• Audrey Chatel (MBA MCI !)

138. #MobileRevolution

140. ThinkMobile Newsletter
(Mobile, Innovation, Startups)
ajubien @AlexJubien
Alex Jubien
Mobile Strategist
ThinkMobile.fr