Marie-Claude Surprenant et Laurent Vénérosy, respectivement stratège de contenu et directeur artistique chez Tink, démystifient la mobilité et la gamification.

1. MOBILITÉ ET GAMIFICATION
COMME POUVOIR D’ATTRACTION
CONFÉRENCE INFOPRESSE
2 décembre 2015

2. 2

3. Plus de 200 experts
Au cœur du marketing. En tête du numérique.

4. 4
MARIE-CLAUDE
SURPRENANT
INTRODUCTION
⟶ Stratège de contenu chez Tink
depuis octobre 2014
⟶ 8 ans d’expérience dans
l’industrie des médias
⟶ Diplômée de l’INIS en
conception multiplateforme
⟶ @mcsurprenant
⟶ @tinkweb

5. 5
LAURENT
VENEROSY
INTRODUCTION
⟶ Directeur artistique chez Tink
depuis janvier 2013
⟶ 8 ans d’expérience dans
l’industrie des médias
⟶ @rnzoo
⟶ @tinkweb

6. 3 bureaux en Amérique du Nord

7. Une offre de services 100 % intégrée
Analyse et
planification
Contenu et
conception
Développement et
intégration
Soutien et
évolution
Mesure et
commercialisation

8. Bkom Studios : un bureau 100 % dédié aux jeux vidéo

10. 10
SOMMAIRE
INTRODUCTION
1. Introduction
2. Mobilité
3. Gamification
4. Et demain?
5. Conclusion

11. INTRODUCTION
1

12. 12
La mobilité, c’estquoi?

13. Une expérience numérique adaptée
au contexte de mobilité de l’utilisateur

14. 6,8 milliards
de téléphones mobiles
Wikipédia

15. Un monde définitivement mobile

16. 6,4 milliards d’objets connectés en 2016

17. 17
Quelssontlesimpacts de la mobilité
sur le consommateur?

18. Un consommateur accessible

19. De nouvelles habitudes de consommation

20. Un niveau d’attention en déclin

21. 71 %du temps passé sur mobile
l’est sur des applications
comScore - The 2015 U.S. Mobile App Report

22. 80 %de ce temps est passé sur les trois applications
préférées du consommateur
comScore - The 2015 U.S. Mobile App Report

23. 23
Comment engager davantage
l’utilisateur d’aujourd’hui?

24. Nous sommes la génération du jeu vidéo

25. Nous sommes les premiers fans de Super Mario

26. Quelles leçons peut-on tirer de l’engagement
généré par les jeux vidéo?

27. MOBILITÉ
2

28. 28
Quelles sont les clés du succès
d’une expérience mobile?

29. Optimiser l’expérience selon l’appareil
et l’environnement

30. Optimiser l’expérience : application

31. Optimiser l’expérience : site ‘Mobile Friendly’

32. 32
EXEMPLE : FITBIT
OPTIMISER L’EXPÉRIENCE
⟶ Fonctionnalités de gyroscope et
géolocalisation
⟶ Comportements iOS
⟶ Jumelage avec des objets
connectés

33. Rendre l’expérience simple et claire

34. 34
EXEMPLE : PENNIES
RENDRE L'EXPÉRIENCE SIMPLE ET CLAIRE
⟶ Flat Design
⟶ Jeux de typographie
⟶ Couleur positive
⟶ Fonctionnalités mises en évidence

35. S’adapter à ses utilisateurs

36. Le moment
opportun
Leur position
géographique
Leurs
attentes

37. 37
EXEMPLE : TINDER
S’ADAPTER À SES UTILISATEURS
⟶ Géolocalisation
⟶ Affinités
⟶ Amis communs

38. Conserver la structure existante

39. 39
EXEMPLE : MONETICO.CA
CONSERVER LA STRUCTURE EXISTANTE

40. Simplifier les tâches de l’utilisateur

41. 41
EXEMPLE : STARBUCKS
SIMPLIFIER LES TÂCHES DE L’UTILISATEUR
⟶ Payer avec son téléphone
⟶ Recevoir de l’information et des
promotions à des moments-clés
grâce à la géolocalisation

42. Mettre les appels à l’action en évidence

43. 43
EXEMPLE :AJUSTO
METTRE LES APPELS À L’ACTION EN
ÉVIDENCE
⟶ Un seul appel à l’action dans
l’espace écran
⟶ Bouton arrondi et assez gros pour
être cliquable avec l’index
⟶ Couleur Desjardins

44. Hyper-personnaliser l’expérience

45. 45
EXEMPLE : FITBIT
HYPER-PERSONNALISATION
⟶ Personnaliser grâce aux données
personnelles
⟶ Âge, poids, taille

46. Ajouter une dimension sociale à l’expérience

47. 47
EXEMPLE : FITBIT
AJOUTER UNE DIMENSION SOCIALE
⟶ Ajouter des amis via les réseaux
sociaux tel que Facebook
⟶ Stimuler une compétition amicale

48. Optimiser pour la conversion

49. 49
EXEMPLE :AJUSTO
OPTIMISER POUR LA CONVERSION
⟶ Inviter à demander une soumission
en ligne durant la période d’essai

50. Inciter les utilisateurs à revenir
I’ll be back

51. 51
EXEMPLE : 8TRACKS
INCITER L’UTILISATEUR À REVENIR
⟶ Notification valorisante qui donne
envie de répondre
⟶ Ton amical

52. 52
MOBILITÉ
1. Optimisation
2. Simplicité
3. Adaptation
4. Uniformisation des structures
5. Simplification des tâches
6. Mise en évidence des appels à l’action
7. Hyper-personnalisation
8. Dimension sociale
9. Conversion
10. Incitation à revenir
10 COMMANDEMENTS MOBILES

53. GAMIFICATION
3

54. 54
L’application de mécaniques de jeu
à des domaines et activités
autres que le jeu.

55. 55
Par exemple

57. Advergame

58. 58
Contextes de gamification

59. Dans quels contextes
utilise-t-on la gamification?
Éducation Tâches Programmes
de fidélisation
Sites Web Applications

60. 60
Motiver un changement
de comportement

61. 61
« My expertise is creating
systems to change human
behavior.
I call this Behavior Design. »
B.J. Fogg

62. Le déclencheurL’habiletéLa motivation

63. OFFRIR
le déclencheur
DONNER
l’habileté
STIMULER
la motivation

64. 64
Connaître ses objectifs marketing

65. Accompagner
Orienter
Éduquer
Générer une action
Augmenter
l’engagement
Inciter à revenir
Obtenir une
rétroaction
NOTORIÉTÉ CONSIDÉRATION CONVERSION FIDÉLISATION

66. 66
Connaître son utilisateur

67. 4types de joueurs
selon la typologie de Bartle

68. L’explorateur

69. Le social

70. Le tueur

71. Le collectionneur

72. 4 types de joueurs à retenir
L’explorateur Le social Le tueur Le collectionneur

73. 73
Mettre en place des mécaniques

74. 7mécaniques de gamification

75. 1. LE DIDACTICIEL

76. 76
EXEMPLE :AJUSTO
1. LE DIDACTICIEL
⟶ Exposer les fonctionnalités,
étape par étape

77. 77
EXEMPLE : MON METRO
1. LE DIDACTICIEL
⟶ Mettre l’emphase sur les
fonctionnalités

78. 2. LES POINTS

79. 79
EXEMPLE :AJUSTO
1. LES POINTS
⟶ Chaque trajet est mesuré
selon 4 critères
⟶ Chaque trajet génère
des points de conduite
⟶ Le score obtenu est une
moyenne de ces points

80. 80
EXEMPLE : MON METRO
1. LES POINTS
⟶ Cumuler des points à l’achat de
produits sélectionnés

81. 3. LA RÉCOMPENSE

82. 82
EXEMPLE : FOURSQUARE
2. LA RÉCOMPENSE
⟶ Un « check-in » : une
récompense
⟶ Plus de visites : plus d’avantages

83. 83
EXEMPLE :AJUSTO
2. LA RÉCOMPENSE
⟶ Un rabais déterminé par le
score

84. 84
EXEMPLE : MON METRO
2. LA RÉCOMPENSE
⟶ Plus de points
⟶ Plus de récompenses
⟶ Plus d’économies

85. 4. LES DÉFIS

86. 86
EXEMPLE : DUOLINGO
4. LES DÉFIS
⟶ Déterminer les objectifs à
atteindre

87. 87
EXEMPLE :AJUSTO
4. LES DÉFIS
⟶ Lancer un défi à son ami en
l’interpellant sur sa bonne ou
mauvaise conduite

88. 5. LES NIVEAUX

89. 89
EXEMPLE : DUOLINGO
5. LES NIVEAUX
⟶ Progression quotidienne
⟶ Courbe d’expérience

90. 6. LES TABLEAUX DE CLASSEMENT

91. 91
EXEMPLE :AJUSTO
6. LE TABLEAU DE CLASSEMENT
⟶ Médailles
⟶ Tableau de classement sans
effet dissuasif

92. 7. LA BOUCLE D’ENGAGEMENT

93. 93
EXEMPLE : TINDER
7. LES BOUCLES D’ENGAGEMENT
⟶ Renforcement positif
⟶ Appels à l’action qui
encouragent la poursuite de
l’expérience

94. 94
EXEMPLE : STARBUCKS
7. LES BOUCLES D’ENGAGEMENT
⟶ Notifications déclenchées
à proximité d’un magasin

95. 95
MOBILITÉ
1. Le didacticiel
2. Les points
3. La récompense
4. Les défis
5. Les niveaux
6. Les tableaux de classement
7. La boucle d’engagement
LES 7 MÉCANIQUES DE GAMIFICATION

96. Ledidacticiel
Lesdéfis
Lesniveaux
Lesdéfis
Letableaudeclassement
Lespoints
Larécompense
Laboucled’engagement
NOTORIÉTÉ CONSIDÉRATION CONVERSION FIDÉLISATION

97. 97
Les résultats

98. 98
METRO
RÉSULTATS
+1 M
de produits ajoutés
à la liste d’épicerie

99. 99
DUOLINGO
RÉSULTATS
60 M
d‘utilisateurs

100. 100
TINDER
RÉSULTATS
1,4 Mds
de ‘swipes’ par jour

101. 101
FITBIT
RÉSULTATS
21 M
d’appareils vendus

102. 102
STARBUCKS
RÉSULTATS
16 %
des transactions faites
sur mobile

103. ET DEMAIN?
4

104. 104
Qu’ensera-t-ilde la gamification
dans un contexte de mobilité?

105. Encore plus d’objets connectés

106. Démocratisation du iBeacon

107. Démocratisation des vêtements connectés

108. Banalisation des voitures connectées

109. RFID

110. CONCLUSION
5

111. 111
CONCLUSION
⟶ Les objectifs?
⟶ Les utilisateurs?
⟶ Leurs motivations, habiletés, déclencheurs?
⟶ Le contexte d’utilisation?
⟶ La valeur ajoutée?
⟶ Les mécaniques?
LES QUESTIONS À SE POSER

112. 112
CONCLUSION
⟶ Observer
⟶ Mesurer
⟶ Abonnements
⟶ Pages vues
⟶ Formulaires complétés
⟶ Etc.
⟶ Optimiser
L’OPTIMISATION

113. 113
CONCLUSION
⟶ Gamifier sans objectifs marketing
⟶ Gamifier sans connaître ses utilisateurs
⟶ Complexifier pour rien
⟶ Gamifier en superficie
ATTENTION, À NE PAS :