améliorer le roi de vos applications grâce à la démarche design ux
TRANSCRIPT
![Page 1: Améliorer le ROI de vos applications grâce à la démarche Design UX](https://reader030.vdocuments.pub/reader030/viewer/2022020106/55a80bd81a28abcf118b4669/html5/thumbnails/1.jpg)
![Page 2: Améliorer le ROI de vos applications grâce à la démarche Design UX](https://reader030.vdocuments.pub/reader030/viewer/2022020106/55a80bd81a28abcf118b4669/html5/thumbnails/2.jpg)
AMÉLIORER VOTRE ROI GRÂCE À L’UX
12/02/2015
Design UX= ROIMicrosoft TechDays 2015
![Page 3: Améliorer le ROI de vos applications grâce à la démarche Design UX](https://reader030.vdocuments.pub/reader030/viewer/2022020106/55a80bd81a28abcf118b4669/html5/thumbnails/3.jpg)
Thierry RAGUIN
Consultant-Expert Mobilité & Design UX
Leader d’Offre Design UX
Co-leader d’Offre Mobilité
![Page 4: Améliorer le ROI de vos applications grâce à la démarche Design UX](https://reader030.vdocuments.pub/reader030/viewer/2022020106/55a80bd81a28abcf118b4669/html5/thumbnails/4.jpg)
![Page 5: Améliorer le ROI de vos applications grâce à la démarche Design UX](https://reader030.vdocuments.pub/reader030/viewer/2022020106/55a80bd81a28abcf118b4669/html5/thumbnails/5.jpg)
Qu’est-ce que le Design UX ? UX
![Page 6: Améliorer le ROI de vos applications grâce à la démarche Design UX](https://reader030.vdocuments.pub/reader030/viewer/2022020106/55a80bd81a28abcf118b4669/html5/thumbnails/6.jpg)
Econocom-Osiatis
Qu’est-ce que le Design UX ?
Processus itératif intégré dans toutes les phases de la conception d’une application
L’utilisateur au centre des préoccupations :
Qu’est-ce que le Design UX ?
Design UX = Conception de l’eXpérience Utilisateur
12/02/2015 Améliorer votre ROI grâce à l'UX (TechDays 2015)P. 6
UX
![Page 7: Améliorer le ROI de vos applications grâce à la démarche Design UX](https://reader030.vdocuments.pub/reader030/viewer/2022020106/55a80bd81a28abcf118b4669/html5/thumbnails/7.jpg)
Econocom-Osiatis
Eléments de l’expérience utilisateur
Qu’est-ce que le Design UX ?
12/02/2015 Améliorer votre ROI grâce à l'UX (TechDays 2015)P. 7
UX
concret
abstrait
réalisation
conception
tem
ps
orienté vers la tâche
orienté vers la diffusion d’information
Stratégie
Périmètre
Structure
Squelette
Surface
Adapté de Jesse James GARRETT
![Page 8: Améliorer le ROI de vos applications grâce à la démarche Design UX](https://reader030.vdocuments.pub/reader030/viewer/2022020106/55a80bd81a28abcf118b4669/html5/thumbnails/8.jpg)
Econocom-Osiatis
Approche & Bénéfices
Qu’est-ce que le Design UX ?
Adoption des utilisateurs, le gage de réussite
12/02/2015 Améliorer votre ROI grâce à l'UX (TechDays 2015)P. 8
Comprendre les utilisateurs et l’environnement projet
Interviews, ateliers, enquêtes, focus groups, etc.
Définir une vision stratégique centrée sur les utilisateurs et leurs besoins
Benchmarks, brainstorming, ateliers, storyboards, etc.
Concevoir et évaluer les interfaces
Wireframes, patterns ergonomiques, lean UX, agilité, etc.
Découverte
Stratégie
Design
UX
![Page 9: Améliorer le ROI de vos applications grâce à la démarche Design UX](https://reader030.vdocuments.pub/reader030/viewer/2022020106/55a80bd81a28abcf118b4669/html5/thumbnails/9.jpg)
Econocom-Osiatis
Les 5 facteurs clés de l’UX
Qu’est-ce que le Design UX ?
12/02/2015 Améliorer votre ROI grâce à l'UX (TechDays 2015)P. 9
UX
DÉCOUVERTE
APPRENTISSAGE
EFFICIENCE
PERFORMANCE
PLAISIR
UX OPTIMALE
![Page 10: Améliorer le ROI de vos applications grâce à la démarche Design UX](https://reader030.vdocuments.pub/reader030/viewer/2022020106/55a80bd81a28abcf118b4669/html5/thumbnails/10.jpg)
Spécificités mobiles et +
![Page 11: Améliorer le ROI de vos applications grâce à la démarche Design UX](https://reader030.vdocuments.pub/reader030/viewer/2022020106/55a80bd81a28abcf118b4669/html5/thumbnails/11.jpg)
Econocom-Osiatis
taille écran
Conception multisupport
Spécificités mobiles et +
Penser « Responsive » et « Mobile first » !
12/02/2015 Améliorer votre ROI grâce à l'UX (TechDays 2015)P. 11
Minimum
![Page 12: Améliorer le ROI de vos applications grâce à la démarche Design UX](https://reader030.vdocuments.pub/reader030/viewer/2022020106/55a80bd81a28abcf118b4669/html5/thumbnails/12.jpg)
Econocom-Osiatis
Prendre en compte l’usage à une main
Spécificités mobiles et +
12/02/2015 Améliorer votre ROI grâce à l'UX (TechDays 2015)P. 12
« How do users really hold mobile devices? » par Steven Hoober (2013)http://www.uxmatters.com/mt/archives/2013/02/how-do-users-really-hold-mobile-devices.php
72% 28%
90% 10%
67% main droite33% main gauche
49%
36%
15%
![Page 13: Améliorer le ROI de vos applications grâce à la démarche Design UX](https://reader030.vdocuments.pub/reader030/viewer/2022020106/55a80bd81a28abcf118b4669/html5/thumbnails/13.jpg)
Intégrer l’UX dans vos projets
![Page 14: Améliorer le ROI de vos applications grâce à la démarche Design UX](https://reader030.vdocuments.pub/reader030/viewer/2022020106/55a80bd81a28abcf118b4669/html5/thumbnails/14.jpg)
Econocom-Osiatis
Le (double) cycle UX+Dev
Intégrer l’UX dans vos projets
12/02/2015 Améliorer votre ROI grâce à l'UX (TechDays 2015)P. 14
UX DEV
![Page 15: Améliorer le ROI de vos applications grâce à la démarche Design UX](https://reader030.vdocuments.pub/reader030/viewer/2022020106/55a80bd81a28abcf118b4669/html5/thumbnails/15.jpg)
Econocom-Osiatis
Checklist de projet UX
Intégrer l’UX dans vos projets
12/02/2015 Améliorer votre ROI grâce à l'UX (TechDays 2015)P. 15
• Analyse compétitive / Benchmarking
• Analyse de données
• Retours utilisateur
• Personas et user stories / job stories
• Flux utilisateur / Storyboards / XP Maps
• Priorisation (red routes / tri de cartes)
• Brainstorming / Sketching
• Wireframes
• Prototypes
1. OBSERVER
2. PLANIFIER
3. EXPLORER
![Page 16: Améliorer le ROI de vos applications grâce à la démarche Design UX](https://reader030.vdocuments.pub/reader030/viewer/2022020106/55a80bd81a28abcf118b4669/html5/thumbnails/16.jpg)
Econocom-Osiatis
Checklist de projet UX
Intégrer l’UX dans vos projets
12/02/2015 Améliorer votre ROI grâce à l'UX (TechDays 2015)P. 16
• Architecture de l’information
• Adapter le langage aux utilisateurs
• Accessibilité
• Patterns, guidelines, composants
• Gestuelles
• Responsive design
• Temps d’attente
• Erreurs
• Actions complétées
4. COMMUNIQUER
6. NOTIFIER
5. CRÉER
![Page 17: Améliorer le ROI de vos applications grâce à la démarche Design UX](https://reader030.vdocuments.pub/reader030/viewer/2022020106/55a80bd81a28abcf118b4669/html5/thumbnails/17.jpg)
Econocom-Osiatis
Checklist de projet UX
Intégrer l’UX dans vos projets
12/02/2015 Améliorer votre ROI grâce à l'UX (TechDays 2015)P. 17
• Finalisation la présentation
• Iconographie
• Typographie / Couleurs / Hiérarchie visuelle
• Personnalisation / Design émotionnel
• Micro interactions / Easter eggs
• Transitions / Animations
• Mise en place des KPIs
• Préparer des tests A/B
• Evaluer, tester, observer, améliorer, etc.
7. FINALISER
8. ÉMERVEILLER
9. ANALYSER
![Page 18: Améliorer le ROI de vos applications grâce à la démarche Design UX](https://reader030.vdocuments.pub/reader030/viewer/2022020106/55a80bd81a28abcf118b4669/html5/thumbnails/18.jpg)
Evaluation de l’expérience utilisateur
![Page 19: Améliorer le ROI de vos applications grâce à la démarche Design UX](https://reader030.vdocuments.pub/reader030/viewer/2022020106/55a80bd81a28abcf118b4669/html5/thumbnails/19.jpg)
Econocom-Osiatis
System Usability Scale (SUS)
Mesure de l’expérience utilisateur ressentie :
↪ 10 questions notées de 1 (totalement en désaccord) à 5 (totalement d’accord)
↪ Scoring ramené entre 0 et 100
Un score de 68 est supérieur à la moyenne
Evaluation de l’expérience utilisateur
Evaluation subjective de l’expérience utilisateur
12/02/2015 Améliorer votre ROI grâce à l'UX (TechDays 2015)P. 19
![Page 20: Améliorer le ROI de vos applications grâce à la démarche Design UX](https://reader030.vdocuments.pub/reader030/viewer/2022020106/55a80bd81a28abcf118b4669/html5/thumbnails/20.jpg)
Econocom-Osiatis
Solution d’analyse des usages
Evaluation de l’expérience utilisateur
Evaluation objective de l’expérience utilisateur
12/02/2015 Améliorer votre ROI grâce à l'UX (TechDays 2015)P. 20
• Améliorer la solution• Analyser et
comprendre des usages
• Optimiser la maintenance• Mieux cibler les usages
Collecter des informations sur l’utilisation d’une
solution
• Utilisateurs et terminaux
• Sessions • Utilisation des écrans• Evénements
personnalisés • Temps de chargement • Erreurs
Des statistiques pour mieux analyser l’usage
![Page 21: Améliorer le ROI de vos applications grâce à la démarche Design UX](https://reader030.vdocuments.pub/reader030/viewer/2022020106/55a80bd81a28abcf118b4669/html5/thumbnails/21.jpg)
Econocom-Osiatis
Tests A/B (ou multivariés)
Evaluation de l’expérience utilisateur
Evaluation de la meilleure alternative fonctionnelle / ergonomique en fonction des usages
12/02/2015 Améliorer votre ROI grâce à l'UX (TechDays 2015)P. 21
Original Version A Version B Version C
Visiteurs 12 684 12 660 12 900 13 017
Conversion 2,4% 2,7% 2,6% 1,9%
Amélioration – +12,9% +5,7% -22,2%
![Page 22: Améliorer le ROI de vos applications grâce à la démarche Design UX](https://reader030.vdocuments.pub/reader030/viewer/2022020106/55a80bd81a28abcf118b4669/html5/thumbnails/22.jpg)
Quel ROI pour le Design UX ? €UX
![Page 23: Améliorer le ROI de vos applications grâce à la démarche Design UX](https://reader030.vdocuments.pub/reader030/viewer/2022020106/55a80bd81a28abcf118b4669/html5/thumbnails/23.jpg)
Econocom-Osiatis
Objectifs & Métriques de l’UX
Quel ROI pour le Design UX ?
12/02/2015 Améliorer votre ROI grâce à l'UX (TechDays 2015)P. 23
€UX
Améliorer les performances
• Réduire le nombre d’erreurs utilisateur• Améliorer la facilité d’utilisation• Améliorer la facilité d’apprentissage• Augmenter le trafic / la taille de l’audience• Conserver les utilisateurs existants
• Attirer de nouveaux utilisateurs• Améliorer la découverte de la solution
(SEO/ASO)
Augmenter la visibilité
![Page 24: Améliorer le ROI de vos applications grâce à la démarche Design UX](https://reader030.vdocuments.pub/reader030/viewer/2022020106/55a80bd81a28abcf118b4669/html5/thumbnails/24.jpg)
Econocom-Osiatis
Améliorer la crédibilité
Objectifs & Métriques de l’UX
Quel ROI pour le Design UX ?
12/02/2015 Améliorer votre ROI grâce à l'UX (TechDays 2015)P. 24
• Augmenter la satisfaction utilisateur• Augmenter la confiance des utilisateurs• Augmenter le nombre de référents
Réduire les charges
€• Réduire les coûts de développement• Réduire le temps de développement• Réduire les coûts de maintenance• Réduire les coûts de refonte• Diminuer les coûts de support• Minimiser le besoin de formation• Réduire les coûts de documentation
€UX
![Page 25: Améliorer le ROI de vos applications grâce à la démarche Design UX](https://reader030.vdocuments.pub/reader030/viewer/2022020106/55a80bd81a28abcf118b4669/html5/thumbnails/25.jpg)
Econocom-Osiatis
Objectifs & Métriques de l’UX
Quel ROI pour le Design UX ?
12/02/2015 Améliorer votre ROI grâce à l'UX (TechDays 2015)P. 25
• Augmenter les transactions / achats• Augmenter les ventes de la solution
Augmenter les ventes
KPIs définis et mesurables€
€UX
![Page 26: Améliorer le ROI de vos applications grâce à la démarche Design UX](https://reader030.vdocuments.pub/reader030/viewer/2022020106/55a80bd81a28abcf118b4669/html5/thumbnails/26.jpg)
Econocom-Osiatis
Gagner en efficacité et maîtriser les coûts
Quel ROI pour le Design UX ?
12/02/2015 Améliorer votre ROI grâce à l'UX (TechDays 2015)P. 26
Spécifications Développement Mise en production
Nombre d’options de design
Coût du changement
€UX
![Page 27: Améliorer le ROI de vos applications grâce à la démarche Design UX](https://reader030.vdocuments.pub/reader030/viewer/2022020106/55a80bd81a28abcf118b4669/html5/thumbnails/27.jpg)
Econocom-Osiatis
Quelques chiffres…
Quel ROI pour le Design UX ?
Mieux vaut dépenser 10% pour gagner 83% !
12/02/2015 Améliorer votre ROI grâce à l'UX (TechDays 2015)P. 27
KPIs améliorés de 83% par l’UX
Support utilisateur réduit de 90% grâce
aux tests d’utilisabilité
70% d’échec dus à un rejet des utilisateurs86% des utilisateurs préfèrent une app à
un site mobile
Conception de wireframes et prototypes interactifs :
Estimation des charges et des coûts 50% plus
précise
-80% de demandes de clarification des
développeurs
-25% de correctifs et refontes après livraison
Forrester Research (2008). Report: « Rich Internet Application Errors To Avoid ». Restive LLC (2014). The State of the Mobile Web report.
Nielsen, Jakob (2008). Usability ROI Declining, But Still Strong.
Strategic Data Consulting Special report (2009). UX Business Impacts and ROI; 735 companies surveyed.
Warfel, Todd Zaki (2009). Prototyping: A Practitioner’s Guide.
Jusqu’à 400% de perte en ROI sans
exigences basées sur des personas de qualitéForrester Research (2012). The State of Customer Experience.
€UX
![Page 28: Améliorer le ROI de vos applications grâce à la démarche Design UX](https://reader030.vdocuments.pub/reader030/viewer/2022020106/55a80bd81a28abcf118b4669/html5/thumbnails/28.jpg)
Ce qu’il faut retenir
![Page 29: Améliorer le ROI de vos applications grâce à la démarche Design UX](https://reader030.vdocuments.pub/reader030/viewer/2022020106/55a80bd81a28abcf118b4669/html5/thumbnails/29.jpg)
Econocom-Osiatis
Une approche itérative et continue
Ce qu’il faut retenir
12/02/2015 Améliorer votre ROI grâce à l'UX (TechDays 2015)P. 29
![Page 30: Améliorer le ROI de vos applications grâce à la démarche Design UX](https://reader030.vdocuments.pub/reader030/viewer/2022020106/55a80bd81a28abcf118b4669/html5/thumbnails/30.jpg)
Econocom-Osiatis
UX = ROI
Ce qu’il faut retenir
12/02/2015 Améliorer votre ROI grâce à l'UX (TechDays 2015)P. 30
For developers and manufacturers, the advantages
of creating usable products far outweigh the costs.
The rule of thumb: Every dollar invested in ease of
use returns $10 to $100.
IBM Design
![Page 31: Améliorer le ROI de vos applications grâce à la démarche Design UX](https://reader030.vdocuments.pub/reader030/viewer/2022020106/55a80bd81a28abcf118b4669/html5/thumbnails/31.jpg)
Evaluation de la session et du speaker
« Améliorer le ROI de vos applications grâce à la
démarche Design UX » (PAR103)
Directement sur : http://notes.mstechdays.fr
Sur Mobile : http://www.mstechdays.fr
Via le QRCode disponible devant la salle
![Page 32: Améliorer le ROI de vos applications grâce à la démarche Design UX](https://reader030.vdocuments.pub/reader030/viewer/2022020106/55a80bd81a28abcf118b4669/html5/thumbnails/32.jpg)
Questions / Réponses
![Page 33: Améliorer le ROI de vos applications grâce à la démarche Design UX](https://reader030.vdocuments.pub/reader030/viewer/2022020106/55a80bd81a28abcf118b4669/html5/thumbnails/33.jpg)
Econocom-Osiatis 12/02/2015 Améliorer votre ROI grâce à l'UX (TechDays 2015)P. 33
![Page 34: Améliorer le ROI de vos applications grâce à la démarche Design UX](https://reader030.vdocuments.pub/reader030/viewer/2022020106/55a80bd81a28abcf118b4669/html5/thumbnails/34.jpg)
Econocom-Osiatis