ADW - approche mobile first
-
Upload
atlantic-20 -
Category
Career
-
view
5.989 -
download
0
Transcript of ADW - approche mobile first
![Page 1: ADW - approche mobile first](https://reader031.fdocuments.net/reader031/viewer/2022030305/58705aaf1a28aba2118b664d/html5/thumbnails/1.jpg)
Mobile FirstPourquoi privilégier le support mobile.
Anaïs VIVION - CEO BeAppTwitter : @AnaVivion
Approche
15 points
![Page 2: ADW - approche mobile first](https://reader031.fdocuments.net/reader031/viewer/2022030305/58705aaf1a28aba2118b664d/html5/thumbnails/2.jpg)
Smartphones, tablettes, objets connectés…nos supports chouchous !
1
![Page 3: ADW - approche mobile first](https://reader031.fdocuments.net/reader031/viewer/2022030305/58705aaf1a28aba2118b664d/html5/thumbnails/3.jpg)
L’équipement s’estmultiplié par 10de 2008 à 2014.
Smartphone tabletteEn France il s’est vendu plus
de tablettes que d’ordinateurs portable sur l’année 2014.
Objets connectés15 milliards d'objets
connectés contre 4 milliards il y 5 ans.
Affirmé sur les 5 dernières années9 Français sur 10 disposent d’un mobile !
![Page 4: ADW - approche mobile first](https://reader031.fdocuments.net/reader031/viewer/2022030305/58705aaf1a28aba2118b664d/html5/thumbnails/4.jpg)
A chaque instant, pour chaque moment
2
![Page 5: ADW - approche mobile first](https://reader031.fdocuments.net/reader031/viewer/2022030305/58705aaf1a28aba2118b664d/html5/thumbnails/5.jpg)
Pour chaque moment
Pour chaque moment
![Page 6: ADW - approche mobile first](https://reader031.fdocuments.net/reader031/viewer/2022030305/58705aaf1a28aba2118b664d/html5/thumbnails/6.jpg)
A chaque instant
![Page 7: ADW - approche mobile first](https://reader031.fdocuments.net/reader031/viewer/2022030305/58705aaf1a28aba2118b664d/html5/thumbnails/7.jpg)
3. Les mobinautes qui sont-ils ?
les mobinautes, qui sont-ils ?
3
![Page 8: ADW - approche mobile first](https://reader031.fdocuments.net/reader031/viewer/2022030305/58705aaf1a28aba2118b664d/html5/thumbnails/8.jpg)
Adolescents & étudiants1
Jeux, réseaux sociaux, musiques et divertissements
Application consommées :
Attentes :Avoir des informations pratiques, des bons de réductions et des flashs infos.
Ces mobinautes veulent toujours apprendre de nouvelles choses rapidement et de façon instantanée. Il communique via leurs smartphones de manière intensive avec
leurs amis.
![Page 9: ADW - approche mobile first](https://reader031.fdocuments.net/reader031/viewer/2022030305/58705aaf1a28aba2118b664d/html5/thumbnails/9.jpg)
Jeunes actifs2
Réseaux sociaux, actualités, comparateurs de prix pour leurs achats.
Application consommées :
Attentes :Ils aiment participer et s’intéresser aux marques.
Ils sont impatients et exigeants.
Ils sont lassés des publicités et préfère l’humour.
![Page 10: ADW - approche mobile first](https://reader031.fdocuments.net/reader031/viewer/2022030305/58705aaf1a28aba2118b664d/html5/thumbnails/10.jpg)
Travailleurs expérimentés3
Mails, GPS, actualitésApplication consommées :
Attentes :Ils recherchent avant tout la simplicité et la praticité avec deux types de services phares : l’e-mail et le GPS.
Ils sont à la recherche d’efficacité et de productivité dans les applications qu’ils utilisent.
![Page 11: ADW - approche mobile first](https://reader031.fdocuments.net/reader031/viewer/2022030305/58705aaf1a28aba2118b664d/html5/thumbnails/11.jpg)
Retraités4
productivité, mails, communication avec leurs familles.
Application consommées :
Attentes :Ils veulent des applications pour rester en contact avec leurs proches mais aussi suivre l’actualité.
Note : certains freins peuvent déstabiliser les personnes âgées à ne pas s’équiper en Smartphone. Parmi ces freins les plus courants sont le prix, le manque d’information et le manque d’utilité.
![Page 12: ADW - approche mobile first](https://reader031.fdocuments.net/reader031/viewer/2022030305/58705aaf1a28aba2118b664d/html5/thumbnails/12.jpg)
Les mobinautes et leurs appli
77% des françaisutilisent internet sur leurs
mobiles tous les jours
sur leurs smartphones et tablettes et la moitié d’entre eux en installe tous les mois.
30 applicationsEn moyenne les Français ont
Les 18/29 ans sont
les plus gros consommateurs d’applications.
Les applications sont choisies par les mobinautes en fonction de la fluidité, de l’interface et de
l’expérience utilisateur proposée.
![Page 13: ADW - approche mobile first](https://reader031.fdocuments.net/reader031/viewer/2022030305/58705aaf1a28aba2118b664d/html5/thumbnails/13.jpg)
4
![Page 14: ADW - approche mobile first](https://reader031.fdocuments.net/reader031/viewer/2022030305/58705aaf1a28aba2118b664d/html5/thumbnails/14.jpg)
A noter que certains profils auront une courbe des usages différente.
Ici nous restons sur la moyenne nationale.
![Page 15: ADW - approche mobile first](https://reader031.fdocuments.net/reader031/viewer/2022030305/58705aaf1a28aba2118b664d/html5/thumbnails/15.jpg)
L’ère de la donnée numérique
5
![Page 16: ADW - approche mobile first](https://reader031.fdocuments.net/reader031/viewer/2022030305/58705aaf1a28aba2118b664d/html5/thumbnails/16.jpg)
N’a pas de contenu dont il est le propriétaire
Pourtant il est le journal d’information le plus consulté dans le monde
![Page 17: ADW - approche mobile first](https://reader031.fdocuments.net/reader031/viewer/2022030305/58705aaf1a28aba2118b664d/html5/thumbnails/17.jpg)
N’a pas de flotte de taxis employés
Pourtant c’est le moyen de taxis le plus utilisé
Uber
![Page 18: ADW - approche mobile first](https://reader031.fdocuments.net/reader031/viewer/2022030305/58705aaf1a28aba2118b664d/html5/thumbnails/18.jpg)
N’est propriétaire d’aucune chambre d’hôtel
Pourtant c’est la plus grande maison hôtelière au monde
Airbnb
![Page 19: ADW - approche mobile first](https://reader031.fdocuments.net/reader031/viewer/2022030305/58705aaf1a28aba2118b664d/html5/thumbnails/19.jpg)
Les nouveaux modèles économiques sont basés sur des données utilisateurs et la mise en place de communauté.
La mise en place de plateforme web et de services mobile permettant d'interagir avec la communauté est le moyen utilisé par
ces nouveaux modèles.
Web + mobile + données !
![Page 20: ADW - approche mobile first](https://reader031.fdocuments.net/reader031/viewer/2022030305/58705aaf1a28aba2118b664d/html5/thumbnails/20.jpg)
Dans mon entreprise
6
![Page 21: ADW - approche mobile first](https://reader031.fdocuments.net/reader031/viewer/2022030305/58705aaf1a28aba2118b664d/html5/thumbnails/21.jpg)
Démarche produit
Développer un nouveau service digital basé sur des données
de l’entreprise et pouvant modifier une consommation ou
créer une nouvelle offre “Exemple : assurance”.
Adopter une démarche produit mobile dans une entreprise ?
Mettre en place le prolongement numérique d’une
offre ou la mobilité devient essentielle “Exemple : la
presse et les médias”
Mettre en place des logiques de performances internes
pour des salariés ou équipier en mobilité “Exemple :
gestion de flotte, outils pour les commerciaux”.
![Page 22: ADW - approche mobile first](https://reader031.fdocuments.net/reader031/viewer/2022030305/58705aaf1a28aba2118b664d/html5/thumbnails/22.jpg)
De l’information à la collecte
7
![Page 23: ADW - approche mobile first](https://reader031.fdocuments.net/reader031/viewer/2022030305/58705aaf1a28aba2118b664d/html5/thumbnails/23.jpg)
Au début des applications Smartphone, les marques positionnaient leurs produits en faisant redescendre de l’information.
Il y avait beaucoup d’applications d’information descendante basées sur de l'éditorial.
“Exemple : application Hachette des vins, qui proposait une déclinaison du l’édition papier mais accessible à tout moment”
le mobile 1.0Informer
![Page 24: ADW - approche mobile first](https://reader031.fdocuments.net/reader031/viewer/2022030305/58705aaf1a28aba2118b664d/html5/thumbnails/24.jpg)
Depuis 2 à 3 ans les mobinautes veulent des applications intuitives qui leur donnent des conseils personnalisés en fonction de leur consommation.
Pour arriver à cet objectif les marques collectent de plus en plus de données utilisateur pour pouvoir leur restituer des conseils et contenus adaptés.
le mobile 2.0Collecter
Exemples :
Les applications de trackings de sport.
Les applications de presse qui proposent d’afficher les rubriques les plus intéressantes en home page.
Deezer avec le flux de musique aléatoire basé sur les musiques écoutées de l’utilisateur.
![Page 25: ADW - approche mobile first](https://reader031.fdocuments.net/reader031/viewer/2022030305/58705aaf1a28aba2118b664d/html5/thumbnails/25.jpg)
Expérience utilisateur first
8
![Page 26: ADW - approche mobile first](https://reader031.fdocuments.net/reader031/viewer/2022030305/58705aaf1a28aba2118b664d/html5/thumbnails/26.jpg)
L’expérience utilisateur passe avant le développement.
Proposer le meilleur service et la meilleure expérience est devenu indispensable :
- pour répondre aux utilisateurs toujours plus exigeants et à qui on donne la parole systématiquement.
- pour se différencier dans ce marché concurrentiel.
Test & Développe UXComment ?
Benchmark, atelier de créativité basé sur des techniques d’innovation et avec des métiers complémentaires, interface, ergonomie, users tests.
UX( USER EXPERIENCE )
![Page 27: ADW - approche mobile first](https://reader031.fdocuments.net/reader031/viewer/2022030305/58705aaf1a28aba2118b664d/html5/thumbnails/27.jpg)
Les technologies
9
![Page 28: ADW - approche mobile first](https://reader031.fdocuments.net/reader031/viewer/2022030305/58705aaf1a28aba2118b664d/html5/thumbnails/28.jpg)
Chaque constructeur a créé ses propres technologies :
- iOS / Swift : Apple - Java mobile : Android - Csharp : Windows
Les technologie natives sont plus performances pour des applications produits.
Coût & plateformesTechnologies
Des technologies comme l’hybride sont apparues pour simplifier les développements :
- Cordova- Phonegap- Titanium, etc.
Approche sexy, qui s’utilise pour des applications simples et basiques mais peu adaptée à des applications produits avec une logique de ROI.
![Page 29: ADW - approche mobile first](https://reader031.fdocuments.net/reader031/viewer/2022030305/58705aaf1a28aba2118b664d/html5/thumbnails/29.jpg)
Différences technologies hybridesdéveloppeurs et natives.
Vue par les
![Page 30: ADW - approche mobile first](https://reader031.fdocuments.net/reader031/viewer/2022030305/58705aaf1a28aba2118b664d/html5/thumbnails/30.jpg)
Courbe du produit mobile
10
![Page 31: ADW - approche mobile first](https://reader031.fdocuments.net/reader031/viewer/2022030305/58705aaf1a28aba2118b664d/html5/thumbnails/31.jpg)
pratiques
SuppressionApplication
Mauvaise Expérience
Mise àjours
Bonne Expérience
Découverte application
1ère ouvertureDisponible
sur le store
Bonnes
![Page 32: ADW - approche mobile first](https://reader031.fdocuments.net/reader031/viewer/2022030305/58705aaf1a28aba2118b664d/html5/thumbnails/32.jpg)
Expérience utilisateur et ergonomie
Design intuitif et adapté aux plateformes
Technologie adaptées
AVANT LANCEMENT
Stratégie de notifications push + Statistiques
Infos store claires et captures d’écrans attirantes
du produit mobile
AU LANCEMENT
AVANT 4 MOIS
Notifications pushs pour inciter l’utilisateur à revenir.
Maintenance pour suivi des anomalies et commentaires
Acquisition : Facebook, Twitter, Google
Analytics, banners “deeplinking”
Mise à jour issue des analyses d’analytics et des
demandes utilisateurs
Mise à jour fonctionnelle de la road map
Courbe
![Page 33: ADW - approche mobile first](https://reader031.fdocuments.net/reader031/viewer/2022030305/58705aaf1a28aba2118b664d/html5/thumbnails/33.jpg)
Les API
11
![Page 34: ADW - approche mobile first](https://reader031.fdocuments.net/reader031/viewer/2022030305/58705aaf1a28aba2118b664d/html5/thumbnails/34.jpg)
IntégrerANALYTICS
Google Analytics, Xiti, Facebook Analytics, etc.
CRM Pushs
Capptain, Accengage, batch, urban airship, wonderpush, etc.
Les bonnes API
PUB
Facebook, Twitter, Ligatus, Média bong content, Outbrain, Admob, etc.
![Page 35: ADW - approche mobile first](https://reader031.fdocuments.net/reader031/viewer/2022030305/58705aaf1a28aba2118b664d/html5/thumbnails/35.jpg)
Utiliser les notifications pushs correctement
12
![Page 36: ADW - approche mobile first](https://reader031.fdocuments.net/reader031/viewer/2022030305/58705aaf1a28aba2118b664d/html5/thumbnails/36.jpg)
Utilisés pour améliorer l’expérience du produit et conduire à un engagement utilisateur ou à des revenus.
Deux types de notifications : Transactionnelles et Engagement
-
FidélisationPushset rétention
![Page 37: ADW - approche mobile first](https://reader031.fdocuments.net/reader031/viewer/2022030305/58705aaf1a28aba2118b664d/html5/thumbnails/37.jpg)
Notifications transactionnelles : utilisées pour fournir des informations que les utilisateurs attendent.
- Application voyage : informer des éléments sur le voyage “exemple SNCF, votre quais est le n°8”
- Application compte bancaire “exemple, alerte transactions”
-
NotificationsPushstransactionnelles
![Page 38: ADW - approche mobile first](https://reader031.fdocuments.net/reader031/viewer/2022030305/58705aaf1a28aba2118b664d/html5/thumbnails/38.jpg)
PushsNotifications engagement : utilisées pour fournir des informations qui poussent les utilisateurs à des actions vertueuses.
- Applications e-commerce : informer que votre panier contient des articles non validés.
- Applications de réseaux sociaux : informer que vos amis ont rejoint ce réseau.
Notificationsengagement
![Page 39: ADW - approche mobile first](https://reader031.fdocuments.net/reader031/viewer/2022030305/58705aaf1a28aba2118b664d/html5/thumbnails/39.jpg)
[Ce fut blackberry qui le premier utilisa ce système pour les emails via une alerte par SMS, repris en 2008 par Android sur le G1 – En 2013, plus de sept mille milliards de notifications «push» avaient transité par la plate-forme d’Apple.]
-
[les messages de Push segmentés aider à conduire un taux d’ouverture en moyenne de 7% par rapport à un taux d’ouverture de 3 % lorsque les messages sont envoyés d’une façon générique.]
[L’engagement mesuré par les lancements des notifications sont 88% plus élevés en moyenne chez les utilisateurs mobiles d’applications à travers le monde – les App E-commerce sont souveraines en la matière : ces applications ont vu une augmentation de 278% des actions parmi les utilisateurs avec les notifications push activé ]
Source : servicemobile.fr
FidélisationPushset rétention
![Page 40: ADW - approche mobile first](https://reader031.fdocuments.net/reader031/viewer/2022030305/58705aaf1a28aba2118b664d/html5/thumbnails/40.jpg)
Utiliser le deeplinking
13
![Page 41: ADW - approche mobile first](https://reader031.fdocuments.net/reader031/viewer/2022030305/58705aaf1a28aba2118b664d/html5/thumbnails/41.jpg)
L’idée du deep linking mobile est de proposer une expérience utilisateur adaptée en permettant de renvoyer l’utilisateur directement sur son application mobile à la page concernée.
Le deeplinking“lien profond”
UtiliserPlusieurs leviers :
Grâce aux technologies les développeurs peuvent faire des liens entre les applications pour faciliter la navigation.
Les campagnes PUB Facebook, Twitter, Google permettent d’ouvrir directement les applications ou bien d’envoyer sur la page du store.
Les centres de recherche Google et Apple permettent depuis peu lors des recherches d’indexer le contenu des applications pour accéder directement sur la bonne page.
![Page 42: ADW - approche mobile first](https://reader031.fdocuments.net/reader031/viewer/2022030305/58705aaf1a28aba2118b664d/html5/thumbnails/42.jpg)
Avantages :
Rend plus facile le moyen de revenir sur la partie la plus importante de votre application.
Améliore la rétention.
Le deeplinking“lien profond”
Utiliser
![Page 43: ADW - approche mobile first](https://reader031.fdocuments.net/reader031/viewer/2022030305/58705aaf1a28aba2118b664d/html5/thumbnails/43.jpg)
Comment monétiser
14
![Page 44: ADW - approche mobile first](https://reader031.fdocuments.net/reader031/viewer/2022030305/58705aaf1a28aba2118b664d/html5/thumbnails/44.jpg)
BtoC
Publicité “Deep-search et re-targeting basé sur les techniques de deeplinking”.
Achat in-app “achat intégré dans l’application”.
Vente de données utilisateurs “application intégrant un compte utilisateur”.
-
MoyenLe nombre d’utilisateurs actifs d’une application représente en moyenne 10% de l’installation.
La monétisation d’une application reste difficile pour les 80% des applications qui ne font pas partie du top 20.
Le fait de coupler les sources de revenu et de baser son modèle économique sur une offre globale incluant d’autres outils restent une démarche rentable.
de monétiser sur mobile
![Page 45: ADW - approche mobile first](https://reader031.fdocuments.net/reader031/viewer/2022030305/58705aaf1a28aba2118b664d/html5/thumbnails/45.jpg)
BtoB
Amélioration de la performance interne.
Amélioration de la communication ou du bien être des salariés.
Moyende monétiser sur mobile
![Page 46: ADW - approche mobile first](https://reader031.fdocuments.net/reader031/viewer/2022030305/58705aaf1a28aba2118b664d/html5/thumbnails/46.jpg)
Avoir une approche step by step
15
![Page 47: ADW - approche mobile first](https://reader031.fdocuments.net/reader031/viewer/2022030305/58705aaf1a28aba2118b664d/html5/thumbnails/47.jpg)
PRATIQUES NON ADAPTÉES AU MOBILE .
DÉVELOPPER UN PÉRIMÈTRE FONCTIONNEL TRÈS IMPORTANT
FAIRE UN LANCEMENT PROMOTIONNEL POUR ACCOMPAGNER LA MISE EN LIGNE
ATTENDRE 1 AN POUR FAIRE DES MISES À JOURS
en road mapAvancer
PRATIQUE ADAPTÉES AU MOBILE .
DÉVELOPPER L’ESSENTIEL DE LA VALEUR PRODUIT
FAIRE UN LANCEMENT PROMOTIONNEL POUR ACCOMPAGNER LA MISE EN LIGNE
FAIRE 3 MISES À JOUR PAR AN
ACCOMPAGNER LES 2 À 3 MISES À JOUR PAR UN LANCEMENT PROMOTIONNEL
![Page 48: ADW - approche mobile first](https://reader031.fdocuments.net/reader031/viewer/2022030305/58705aaf1a28aba2118b664d/html5/thumbnails/48.jpg)
Merci !
BeApp corp.beapp.fr
Twitter : @Beappteam