8 pitch d'experts sur le Business des App - lesappawards.fr - Juin 2014 - Forrester, Heliceum, Mobinlife, Google, Backelite, Smart&Soft, Bouygues Telecom
16. Flight- 2 days + 2h- 2h + 2 days
• Change reservation
• Reserve seat
• View reservations
• Check gate
• Departure time
• Lounge access
• Upgrade
• Arrival time
• Food order
• Movies
• Wi-Fi
• Ground
transportation
• Lost luggage
• Navigation
• Customer service
• Mileage status
• Reward travel
• Upcoming reservations
What value does mobile bring throughout
the consumer lifecyle?
Airline example based on user time
35. MERCI POUR VOTRE
ATTENTION !
Définition
du projet
Ergonomie
& interaction
Contrôle
qualité
Diffusion sur
les stores
Contact : anne.taraffo-erbin@heliceum.com
77. 2 million searches
1000 new devices
100 hours
1 billion users
1 billion users
100 million gigabytes
and also...
1 billion activated devices
1 minute at Google scale
79. Mobile backend: App Engine + Cloud Endpoints
App Engine
your code
(Python or Java)
REST APIs
defined using
Cloud Endpoints
annotations
Client libraries
generated byCloud
Endpoints (with
authentication)
HTTP
80. *DAU(Daily Average
Users)
May
2011
Jan.
2012
July
2012
Dec.
2012
500K
1 Million
2.5 Million
100,000 DAU*
Opened a
premier account.
Scaling SongPop with App Engine & Cloud Storage
500,000 DAU*
Denormalized
Datastore data
& used
Memcache to
reduce latency.
1,000,000
DAU*
after a year.
Datastore index
optimizations.
0
2,400,000
DAU*
and serving
17TB a day from
cloud storage
“Only one engineer
working full-time
on the backend
portion of our app”
84. Complex app architecture
App Engine Services
Datastore, Memcache, Task
queue, Full text search, Mail
service, Cloud Storage API, ...
2 App Engine Modules
separate deploy. & versioning
same database
auto-scaling
VM-based backend
full access to App Engine APIs
full control over the VMs
setup: 1 config flag
App Engine Compute Engine+
HTTP “An App Engine module
deployed to Compute Engine”
86. “Google Compute Engine has a high
performance network - packets move
consistently and quickly.”
“Google Cloud Platform, Grandcentrix and Scalr
were able to deliver 50,000 req./s,
with 99% of the requests completed within
35ms at the app server layer.”
Scalr
87. 1,000,000
requests per second
through load balancer
without any pre-warming
Sub-hour
billing
Persistent
IP
addresses
Fast boot
times
Shearable
persistent
disks...
10 other benefits: bit.ly/1dGrQKy
103. ! DIGITAL ART - Pofessional Keynote Template 2014 ®! ! ! 1
#LE DESIGN MOBILE
Les 10 tendances du moment pour vous garantir un
design et une ergonomie gagnante
104. ! DIGITAL ART - Pofessional Keynote Template 2014 ®! ! ! 2
FAIRE PLACE À L’ERGONOMIE
# TENDANCE 1 / 2014
1
105. ! DIGITAL ART - Pofessional Keynote Template 2014 ®! ! !
Tendance n°1
3
PLACE À L’ERGONOMIE
✓L’ergonomie devient plus importante que
le design et ses effets « whaouuu ».
!
✓Terminer les grigris esthétiques, les
graphistes doivent aussi être ergonomes.
!
✓A t t e n t e u t i l i s a t e u r f o r t e s u r l a
compréhension rapide de la navigation.
106. ! DIGITAL ART - Pofessional Keynote Template 2014 ®! ! ! 4
FLAT DESIGN FOR EVER
2 # TENDANCE 2/ 2014
107. ! DIGITAL ART - Pofessional Keynote Template 2014 ®! ! !
Tendance n°2
5
FLAT DESIGN FOR EVER
#CLARTÉ UTILISATEUR
#PAS DE DÉGRADÉ
INUTILE
#PERMET DE SE
CONCENTRER
SUR L’ERGONOMIE
#ILLUSTRATION ET
BOUTON PROCHE
DE LA SIGNALÉTIQUE
#MAXIMISER
LES STANDARDS
108. ! DIGITAL ART - Pofessional Keynote Template 2014 ®! ! ! 6
RESPECTER LES PRINCIPES NATIFS
3 # TENDANCE 3/ 2014
109. ! DIGITAL ART - Pofessional Keynote Template 2014 ®! ! !
Tendance n°3
7
RESPECTER LES PRINCIPES NATIFS
✓Respecter les principes de navigation de
chaque plateforme (iOS, Android,
Windows).
!
✓Les utilisateurs ont choisi leurs plateformes
> ne leur modifier pas leurs habitudes de
navigation.
!
✓Utilisation d’éléments natifs qui sont
maintenant des standards de navigation :
partage, etc.
110. ! DIGITAL ART - Pofessional Keynote Template 2014 ®! ! ! 8
PENSER AUX ANIMATIONS
4 # TENDANCE 4/ 2014
111. ! DIGITAL ART - Pofessional Keynote Template 2014 ®! ! !
Tendance n°4
9
PENSER AUX ANIMATIONS
✓Simple et épuré ne veut pas dire figé
et triste.
!
✓Travailler vos transitions de vues, vos
scrollings et la manière de faire
apparaître vos éléments.
!
✓Penser à mettre des feedbacks et un
peu d’humour !
Donner du
rebond
Rendre
vivant
112. ! DIGITAL ART - Pofessional Keynote Template 2014 ®! ! ! 10
SLIDING MENU EVERYWHERE
5 # TENDANCE 5 / 2014
113. ! DIGITAL ART - Pofessional Keynote Template 2014 ®! ! !
Tendance n°5
11
SLIDING MENU EVERYWHERE
D’abord sur iOS, il se généralise sur l’ensemble des plateformes01
Devient un standard de navigation au même titre que la tab barre02
Espace plus personnel à la marque il peut-être plus customisé03
Attention à limiter les entrées pour ne pas perdre l’intuitivité04
115. ! DIGITAL ART - Pofessional Keynote Template 2014 ®! ! !
Tendance n°6
13
PHOTOS LARGES
✓Les mobinautes sont des grands
consommateurs de contenus médias :
vidéo & photos.
!
✓L’amélioration des écrans mobiles et du
rendu visuel en font un contenu
incontournable.
!
✓Mieux vaut ne pas mettre d’image que
d’en mettre de mauvaise qualité.
116. ! DIGITAL ART - Pofessional Keynote Template 2014 ®! ! ! 14
BLUR
7 # TENDANCE 7/ 2014
117. ! DIGITAL ART - Pofessional Keynote Template 2014 ®! ! !
Tendance n°7
15
BLUR
#BLUR = FLOU D’IMAGE
#INTÉGRATION
PARFAIRE AVEC LE
FLAT DESIGN
#NÉCESSITE DE BEAU
VISUEL
#AMENE DE LA
TEXTURE
#DONNE DE LA VIE
AUX TENDANCES
DESIGN PLATES
119. ! DIGITAL ART - Pofessional Keynote Template 2014 ®! ! !
Tendance n°8
17
BLANC TOURNANT
Blanc tournant = clarté, air, espace.01
Eléments incontournables des mises en page02
A utiliser dans les pages de texte ou bord de page03
120. ! DIGITAL ART - Pofessional Keynote Template 2014 ®! ! ! 18
POLICE « Thin » ET « Light »
9 # TENDANCE 9 / 2014
121. ! DIGITAL ART - Pofessional Keynote Template 2014 ®! ! !
Tendance n°9
19
POLICE « Thin » ET « Light »
✓Les nouveaux formats de tailles d’écrans
acceptent désormais les polices plus fines.
!
✓Police légère et élégante qui donne la
sensation d’une lecture reposante. Souvent
associée à une couleur grise.
!
✓La police est désormais un élément
esthétique d’une application mobile.
123. ! DIGITAL ART - Pofessional Keynote Template 2014 ®! ! !
Tendance n°10
21
GESTUELLE OBLIGATOIRE
✓La plus grande différenciation avec les
autres supports de communication.
!
✓Elle participe à la navigation et aux
interactions avec les fonctionnalités.
!
✓Elle est codifiée pour chaque plateforme.
124. ! DIGITAL ART - Pofessional Keynote Template 2014 ®! ! ! 2222
MERCI
POUR
VOTRE
ATTENTION
125. « Analytics des applications
comme levier de business »
12 juin 2014
126. Constat
• La majorité des applications mobiles remontent des données
statistiques d’usage
• La plupart du temps, un nombre très important et variés de
métriques sont collectées, qui constituent de la « big data »
• Les équipes en charge de l’exploitation des applications n’ont pas
le temps ni le budget pour analyser ces données et décider de
plans d’action
« Les données précieuses des statistiques d’usage des applications
dorment au fond du tiroir ! »
127. Les « analytics » : de quoi parle-t-on ?
« Les analytics / statistiques des applications mobiles sont l’ensemble
des métriques d’usage émises par les utilisateurs qui sont collectées et
restituées de manière anonyme »
Cela concerne (comme sur le web) :
DURÉES ET
FRÉQUENCES DE
SESSION
ECRANS VISITÉS ACTIONS MENÉES ANOMALIES / ERREURS
RENCONTRÉES
128. À qui s’adresse cette problématique ?
À tout éditeur d’application mobile !
• De l’éditeur indépendant à la firme multinationale, une application est
réalisée avec un objectif de retour sur investissement (Return On
Investment, ROI)
! Cette logique doit obliger le décideur à se poser la question de la
légitimité de son application
• Aux fonctions métier, marketing et aux équipes de développement
! Le métier doit être impliqué, ce n’est pas une chasse réservée au
marketing
! Cela permet aux équipes de développement de comprendre les
objectifs
! L’équipe du produit « application mobile » assure la coordination
129. Les solutions de remontée d’analytics
Les solutions du marché proposent un SDK mobile plus une partie serveur qui
collecte et expose des tableaux de bord de restitution des données
Les plate-formes les plus significatives en France :
• Google Analytics
• Flurry
• Omniture
• Xiti (AT Internet)
• FollowAnalytics
• MixPanel
• Capptain
130. Les points d’attention concernant les solutions
• Bien prendre soin de sélectionner une solution qui fonctionne en
mode déconnecté
• Regarder de près les tableaux de bord proposés
! Sont-ils paramétrables ?
! Proposent-ils des comparaisons entre périodes temporelles ?
• S’assurer que les données statistiques remontées sont
exploitables, exportables, idéalement via des services web
! Il faut souvent pouvoir croiser ces données avec d’autres
données
132. Quelle méthodologie ?
1. Être persuadé que les analytics vont être primordiales dans mon
business
2. Disposer d’un budget / temps nécessaire
! Pour la mise en place
! Pour le suivi une fois l’application déployée
3. Définir les indicateurs clé de performance (Key Performance
Indicators, abrégé en KPI)
4. Vérifier la bonne intégration et remontée des statistiques avant la
mise en production
5. Itérer : collecter, analyser, adapter
133. Étape numéro 1
« Être persuadé que les analytics vont être primordiales dans mon
business »
• Puis-je prédire à l’avance quel va être le comportement des
utilisateurs ?
! Comment vont-ils utiliser mon application ?
! Est-ce que ma navigation, plus largement mon ergonomie, est
bonne ?
• Mon système d’information côté serveur est-il capable de mesurer et
de restituer les usages des mobinautes, et dans un délai raisonnable ?
• Suis-je certain à 100 % de l’ergonomie de mon application ?
• Comment dois-je faire évoluer mon application ?
134. Étape numéro 2
« Disposer d’un budget / temps nécessaire pour la mise en place et le
suivi »
Tout ceci ne se fait pas sans peine :
• Quelle est l’équipe / la personne en charge de la définition des KPI,
et de la vérification de l’intégration ?
! Activité ponctuelle business critical
• Idem pour le suivi et l’analyse des métriques collectées
! Activité récurrente sur le long terme, qui peut être complexe
• Cela a un coût pour l’éditeur, qu’il ne faut pas sous-estimer
! Ce coût doit être intégré au budget de l’application
135. Étape numéro 3
« Définir les indicateurs clé de performance (Key Performance Indicators, KPI) »
• Que souhaite-on mesurer pour prendre des décisions ?
! Les achats in-app, les achats abandonnées, les actes d’achat de produits
physiques, le nombre de partages, la rétention des utilisateurs, etc. ?
• De quelles informations les exploitants de l’application ont-ils besoin pour le
business ?
! Quel ROI est attendu, et comment va-t-on le mesurer ?
• Comment vais-je m’assurer que mon application est adaptée à l’usage ?
! Comment l’équipe en charge du produit (de l’application) mesure-t-elle
l’efficience de son ergonomie ?
• Comment vais-je réaliser l’analyse des données ?
! Cela doit être anticipé car non trivial
• Le maître mot : ne pas surcharger les informations remontées, mais se concentrer
sur l’essentiel afin de garder en tête les objectifs !
136. Étape numéro 4
« Vérifier la bonne intégration et remontée des statistiques avant la mise
en production »
• Ne pas attendre la publication de l’application pour se rendre compte
que la mise en œuvre est défectueuse
! De fausses métriques produisent de mauvaises conclusions
• S’assurer que la remontée des métriques est homogène,
indépendamment de l’OS
! Penser à la personne qui va analyser ces données
• Vérifier que les erreurs / anomalies sont bien remontées
! Ne pas négliger ce point, sans dévoyer les statistiques
137. Étape numéro 5
« Itérer : collecter, analyser, adapter »
• Une fois l’application déployée, son exploitation démarre
! L’analyse des métriques peut nécessiter des traitements
automatisés
• La collecte, puis surtout l’analyse régulière des données, est une
activité complexe, critique et essentielle
! Elle doit faire intervenir les directions métier et marketing
• Cette analyse est là pour servir le choix d’évolution de l’application
en fonction de l’ajustement de stratégie
! D’où la légitimité de prévoir un lotissement des fonctions dans le
temps
138. Lecture de l’analyse
« La lecture de l’analyse doit se faire sous deux angles : l’axe business et
l’axe ergonomique »
• L’axe business est là pour valider le bon ROI
! Il faut s’assurer que les indicateurs de performance sont présents
! Les KPIs doivent être évalués et comparés dans le temps
• L’axe ergonomique doit permettre de valider la bonne adéquation entre
les usages de l’application et la manière dont les fonctions sont
exposées
! Le regard doit être porté sur la navigation
! Il faut s’assurer que les fonctions les plus utilisées sont les plus
accessibles
140. Les analytics ne sont qu’un début !
« Les analytics ne sont qu’un préalable pour évaluer, ajuster son ROI »
À cette approche, il faut intégrer :
• Réengagement des utilisateurs via les notifications « push »
! La solution retenue permet-elle de coupler les analytics avec les audiences de push ?
• Ne pas hésiter à solliciter les utilisateurs via des sondages
! Enquêtes de satisfaction, fonctions souhaitées de manière prioritaire
• Il faut intégrer de véritables solutions de remontée et d’analyse d’incidents : BugSense,
LogEntries, Crashlytics, Crittercism…
! Afin d’assurer une qualité de l’application
• Pourquoi ne pas aller jusqu’à l’analyse des zones chaudes (Appsee) ?
• Lorsque l’on promeut son application, intégrer une solution d’« app tracking »
! Lorsque je lance une campagne d’acquisition, il faut en mesurer la performance
• Il faut penser au community management sur les stores
142. Smart&Soft
Siège social : 34 Boulevard des Italiens 75009 Paris
Bureaux : 40/42 Boulevard Jean Jaurès 92110 Clichy
contact@smartnsoft.com
01 41 06 95 23
L’agence software qui stimule l’expérience mobile
143. L’app-ification de la TV et des objets
connectés by Bouygues Telecom
Paris, le 12/6/2014