![Page 1: Comment optimiser l’expérience utilisateur de son appli ... · votre appli mobile –Heatmaps & UX Analytics ... •Modifiez l’interface utilisateur de votre application en production](https://reader035.vdocuments.fr/reader035/viewer/2022070805/5f03966a7e708231d409ca11/html5/thumbnails/1.jpg)
Comment optimiser l’expérience utilisateur de son appli mobile ?
#BetterApps
@AzetoneMobile© Azetone 2017
Please do not reproduce without permission
![Page 2: Comment optimiser l’expérience utilisateur de son appli ... · votre appli mobile –Heatmaps & UX Analytics ... •Modifiez l’interface utilisateur de votre application en production](https://reader035.vdocuments.fr/reader035/viewer/2022070805/5f03966a7e708231d409ca11/html5/thumbnails/2.jpg)
Que faut-il pour faire de son appli mobile un succès ?
Agilité
Pertinence
Efficacité
Mettre à jour en temps réel ses
applis natives iOS et Android
Comprendre et optimiser
l’expérience utilisateur mobile
Personaliser l’ensemble de
l’expérience utilisateur in-App
![Page 3: Comment optimiser l’expérience utilisateur de son appli ... · votre appli mobile –Heatmaps & UX Analytics ... •Modifiez l’interface utilisateur de votre application en production](https://reader035.vdocuments.fr/reader035/viewer/2022070805/5f03966a7e708231d409ca11/html5/thumbnails/3.jpg)
Comprendre
l’expérience
utilisateur de votre appli
Optimiser
votre applien faisant des tests A/B
sur de multiples variantes
Personnaliser
votre appli en fonction du contexte et
du profil de vos utilisateurs
❖
1 SDK pour iOS et Android3 solutions d’optimisation
![Page 4: Comment optimiser l’expérience utilisateur de son appli ... · votre appli mobile –Heatmaps & UX Analytics ... •Modifiez l’interface utilisateur de votre application en production](https://reader035.vdocuments.fr/reader035/viewer/2022070805/5f03966a7e708231d409ca11/html5/thumbnails/4.jpg)
0. Connaissez et segmentez vos utilisateurs – Azetone Profile Builder
AzetoneSDKs
Azt EventTracker
Azt A/B TestOutput
3rd Party SDK Integration
CRM/DMPIntegration
Ex. Device andUsage Data
Ex. User-basedCriteria
Exposed to or converted on A/B test
Ex. Tealium, AzME, FollowAnalytics…
Ex. Salesforce,Adobe…
Segments spécifiques Azetone Segments importés
Azetone Grouped Profiles Combiner différents profils avec
des opérateurs AND/OR/NOT
PartnerSolutions
Ex. Kameleoon
![Page 5: Comment optimiser l’expérience utilisateur de son appli ... · votre appli mobile –Heatmaps & UX Analytics ... •Modifiez l’interface utilisateur de votre application en production](https://reader035.vdocuments.fr/reader035/viewer/2022070805/5f03966a7e708231d409ca11/html5/thumbnails/5.jpg)
1. Découvrez comment vos clients utilisent réellement votre appli mobile – Heatmaps & UX Analytics
• Avec vos Analytics actuels✓ Devices, sessions et pages vues
✓ Quels éléments tagués ont été « cliqués »
• Azetone Heatmaps & UX Analytics: Quels gestes sont effectués et où ?
Combien de temps avant le 1er geste et entre chaque geste ?
Quelles manipulations sont non-prévues ?
Quel est l’engagement réel de vos clients ?
![Page 6: Comment optimiser l’expérience utilisateur de son appli ... · votre appli mobile –Heatmaps & UX Analytics ... •Modifiez l’interface utilisateur de votre application en production](https://reader035.vdocuments.fr/reader035/viewer/2022070805/5f03966a7e708231d409ca11/html5/thumbnails/6.jpg)
Comprendre l’UX– Heatmaps/Finger Tracking
• Exemple : TV Go
1. Manipulation de la home page
2. Manipulation de la page « Live TV »• Nombre de zooms anomal !
• Incompréhension de l’interaction attendue (tap) en l’absence d’icône « play »
![Page 7: Comment optimiser l’expérience utilisateur de son appli ... · votre appli mobile –Heatmaps & UX Analytics ... •Modifiez l’interface utilisateur de votre application en production](https://reader035.vdocuments.fr/reader035/viewer/2022070805/5f03966a7e708231d409ca11/html5/thumbnails/7.jpg)
• Exemple :
1. Manipulation des menus
2. Visualisation des toutes les interactions sans aucun tag préalable
Comprendre l’UX
![Page 8: Comment optimiser l’expérience utilisateur de son appli ... · votre appli mobile –Heatmaps & UX Analytics ... •Modifiez l’interface utilisateur de votre application en production](https://reader035.vdocuments.fr/reader035/viewer/2022070805/5f03966a7e708231d409ca11/html5/thumbnails/8.jpg)
• Identifiez les zones touchées par les utilisateurs, mais non prévues à cet effet…
Tentatives de tap infructueuses sur des zones non cliquables
Comprendre l’UX
![Page 9: Comment optimiser l’expérience utilisateur de son appli ... · votre appli mobile –Heatmaps & UX Analytics ... •Modifiez l’interface utilisateur de votre application en production](https://reader035.vdocuments.fr/reader035/viewer/2022070805/5f03966a7e708231d409ca11/html5/thumbnails/9.jpg)
• … ou bien les manipulations prévues mais sous-utilisées !
Peu de zooms par rapport auxswipes car les clients ne réalisent pas que la photo est zoomable
Comprendre l’UX
![Page 10: Comment optimiser l’expérience utilisateur de son appli ... · votre appli mobile –Heatmaps & UX Analytics ... •Modifiez l’interface utilisateur de votre application en production](https://reader035.vdocuments.fr/reader035/viewer/2022070805/5f03966a7e708231d409ca11/html5/thumbnails/10.jpg)
2. Modifiez votre application instantanément et optimisez votre appli en 1 clic – A/B Testing
• A/B Testing Visuel • Modifiez l’interface utilisateur de votre
application en production en temps réel et sans aucun tag
• Aucune ressource technique n’est nécessaire ni besoin de re-soumettre aux stores
• A/B Testing Universel• gérez des déploiements progressifs ou des
roll-backs
• Testez différentes approches d’une fonctionnalité ou des tunnels d’acquisition ou de conversion différents
![Page 11: Comment optimiser l’expérience utilisateur de son appli ... · votre appli mobile –Heatmaps & UX Analytics ... •Modifiez l’interface utilisateur de votre application en production](https://reader035.vdocuments.fr/reader035/viewer/2022070805/5f03966a7e708231d409ca11/html5/thumbnails/11.jpg)
Exemple : AVendreALouer
11
![Page 12: Comment optimiser l’expérience utilisateur de son appli ... · votre appli mobile –Heatmaps & UX Analytics ... •Modifiez l’interface utilisateur de votre application en production](https://reader035.vdocuments.fr/reader035/viewer/2022070805/5f03966a7e708231d409ca11/html5/thumbnails/12.jpg)
AVendreALouer optimise son UX et dope ses taux de conversions
• AVendreALouer a testé en production les performances de différentes options d’interface utilisateur.
• Après quelques milliers de conversions, une variation gagnante a pu être identifiée en toute confiance
• En A/B testant ses boutons d’action, AVendreALouer a réussi à augmenter son taux de conversion de +36% !
+36%
![Page 13: Comment optimiser l’expérience utilisateur de son appli ... · votre appli mobile –Heatmaps & UX Analytics ... •Modifiez l’interface utilisateur de votre application en production](https://reader035.vdocuments.fr/reader035/viewer/2022070805/5f03966a7e708231d409ca11/html5/thumbnails/13.jpg)
• Construction de la page d’accueil
• Menus
• Tunnel d’achat
• Fonctionnalités de l’appli
• Basé sur :• Le profil de l’utilisateur (segmentation)
• L’expérience Web
• Le contexte d’utilisation
• La localisation de l’utilisateur…
3. Personnalisez l’expérience in-App – Personnalisation
![Page 14: Comment optimiser l’expérience utilisateur de son appli ... · votre appli mobile –Heatmaps & UX Analytics ... •Modifiez l’interface utilisateur de votre application en production](https://reader035.vdocuments.fr/reader035/viewer/2022070805/5f03966a7e708231d409ca11/html5/thumbnails/14.jpg)
Quel résultat pour l’expérience utilisateur ?
• Exemple – Application d’assurance :
• La page d’accueil et les fonctionnalités de l’appli
s’adaptent dynamiquement en fonction :
• De la localisation du client (au domicile ou non)
• Source : localisation appli
• Du profil client (type de contrat…)• Source : segments CRM
• Du statut du client (demande de remboursement…)• Source : CRM/systèmes IT
• De l’utilisation de l’appli• Source : SDK Azetone et SDK partenaires
• Du parcours préalable sur le site Web• Source : DMP, solutions partenaires
Desk
![Page 15: Comment optimiser l’expérience utilisateur de son appli ... · votre appli mobile –Heatmaps & UX Analytics ... •Modifiez l’interface utilisateur de votre application en production](https://reader035.vdocuments.fr/reader035/viewer/2022070805/5f03966a7e708231d409ca11/html5/thumbnails/15.jpg)
![Page 16: Comment optimiser l’expérience utilisateur de son appli ... · votre appli mobile –Heatmaps & UX Analytics ... •Modifiez l’interface utilisateur de votre application en production](https://reader035.vdocuments.fr/reader035/viewer/2022070805/5f03966a7e708231d409ca11/html5/thumbnails/16.jpg)
![Page 17: Comment optimiser l’expérience utilisateur de son appli ... · votre appli mobile –Heatmaps & UX Analytics ... •Modifiez l’interface utilisateur de votre application en production](https://reader035.vdocuments.fr/reader035/viewer/2022070805/5f03966a7e708231d409ca11/html5/thumbnails/17.jpg)
Cloud Orange améliore « l’onboarding » de son appli avec Azetone • Pour son appli Orange Cloud, Orange a fait face par le passé à un fort d’abandon
après le premier lancement.
• Azetone est utilisé pour mettre en avant une fonctionnalité clé aux nouveaux utilisateurs (Synchroniser ses fichiers)
• Une fois la synchro effectuée, cette fonctionnalité est poussée plus loin dans les menus pour mettre en avant d’autres options
• Cloud Orange a amélioré son onboarding et la réutilisation de son appli de +26%
« Avec Azetone, nous ne voulons plus faire une appli pour tous nos clients, nous voulons faire
une appli pour chacun de nos clients… »
Yvan Delègue, Directeur des Applis Mobiles @ Orange
![Page 18: Comment optimiser l’expérience utilisateur de son appli ... · votre appli mobile –Heatmaps & UX Analytics ... •Modifiez l’interface utilisateur de votre application en production](https://reader035.vdocuments.fr/reader035/viewer/2022070805/5f03966a7e708231d409ca11/html5/thumbnails/18.jpg)
au cœur des leaders du mobile
Plus de 250 Apps, 7 M. de devices, 10 Md. de points de données
![Page 19: Comment optimiser l’expérience utilisateur de son appli ... · votre appli mobile –Heatmaps & UX Analytics ... •Modifiez l’interface utilisateur de votre application en production](https://reader035.vdocuments.fr/reader035/viewer/2022070805/5f03966a7e708231d409ca11/html5/thumbnails/19.jpg)
Mobile App UX Analytics
A/B Testing
& Personalization
Demandez votre démo sur www.azetone.com
© Azetone 2017 Confidential,Please do not reproduce without permission