Améliorez votre interface grâce aux utilisateurs

[JOURNEE] Slides de la conférence donnée lors de la journée de l'Expérience Utilisateurs organisée par UX-Co.

Transcript

1. Améliorez votre interface grâce aux utilisateurs ― Rodolphe HERAUD Co-fondateur @ Testapic - Lead UX @rodolpheHeraud www.testapic.com
3. Stewart Butterfield Designer Evan Sharp Designer Christina Brodbeck UI Designer Charles Adler Graphic Designer Scott Belsky Designer Joe Gebbia Designer Matt Shobe Designer Gentry Underwood Designer Sources : www.hongkiat.com/blog/tech-founders-began-as-designers www.designerfounders.com/
4. VOUS N’ÊTES PAS VOTRE PROPRE UTILISATEUR ―
5. ― Les utilisateurs ont un but ― Les utilisateurs sont imprévisibles (leur environnement aussi) ― Les utilisateurs sont des hackers VOUS N’ÊTES PAS VOTRE PROPRE UTILISATEUR
6. Si vous n’observez pas comment se comportent vos utilisateurs, comment allez-vous comprendre comment se comportent vos utilisateurs ? “ ” VOUS N’ÊTES PAS VOTRE PROPRE UTILISATEUR
7. IDÉES REÇUES & MYTHES ―
8. IDÉES REÇUES & MYTHES Il faut beaucoup d’utilisateurs pour tester 10 Sur une tâche spécifique, pour détecter UTILISATEURS suffisent +85 % des problèmes Sources : blocnotes.iergo.fr/articles/tests-utilisateurs-mythes-et-realites/ www.nngroup.com/articles/why-you-only-need-to-test-with-5-users/
9. IDÉES REÇUES & MYTHES Ça demande du temps ANALYSER & RECOMMANDER TESTER 1 ― Protocole Plan de test 2 ― Réalisation des tests 3 ― Compilation des données 4 ― Résultats / Analyses DURÉE MOYENNE : 10-12 jours 1j 2j 0j 7j
10. IDÉES REÇUES & MYTHES Ça coûte cher / c’est peu rentable
11. POURQUOI COMPRENDRE SES UTILISATEURS ? ―
12. POURQUOI COMPRENDRE SES UTILISATEURS ? Sources : MITX (Massachusetts Innovation & Technology eXchange). (2009). ROI of UX panel discussion. -50% diminution moyenne du temps de développement nécessaire d’un projet grâce à l’UX
13. Sources : https://econsultancy.com/blog/9790-slow-loading-websites-cost-retailers-1-73bn-in-lost-sales-each-year 2,9 Milliards montant des ventes (en $ CAD) que les retailers perdent à cause des temps de chargement trop lents POURQUOI COMPRENDRE SES UTILISATEURS ?
14. Sources : http://www.mcrinc.com/Documents/Newsletters/201110_why_web_performance_matters.pdf (page 4 pour les curieux :) ) 88% des consommateurs ne reviendront pas sur votre site suite à une mauvaise expérience utilisateur POURQUOI COMPRENDRE SES UTILISATEURS ?
15. Sources : https://mindtouch.com/resources/5-internet-marketing-must-dos-in-2010 +35% d’augmentation des revenus de ESPN.com après avoir écouté ses utilisateurs et incorporé leurs remarques dans le redesign de leur home POURQUOI COMPRENDRE SES UTILISATEURS ?
16. Sources : https://articles.uie.com/three_hund_million_button/ 300M $ revenu additionnel généré en un an par Amazon après le redesign d’un seul bouton POURQUOI COMPRENDRE SES UTILISATEURS ?
17. POURQUOI COMPRENDRE SES UTILISATEURS ? Puisque vous n’êtes pas l’utilisateur final, il faut donc tester pour : VALIDER CORRIGER OPTIMISER
18. COMMENT COMPRENDRE SES UTILISATEURS ? ―
19. COMMENT COMPRENDRE SES UTILISATEURS ? −  En analysant l’analytics Non, les chiffres sont des indicateurs. Vous n’aurez jamais le “pourquoi”. −  En testant réellement son interface Oui, mais quoi ? Comment ? Avec qui ? À quel moment ?
20. COMMENT COMPRENDRE SES UTILISATEURS ? −  Tester son interface Quoi ? Comment ? Avec qui ? À quel moment ? Architecture de l’information (AI) Exemple d’outils : Tri de carte Crédits : http://www.areebahajani.com/portfolio/pelotonu/
21. COMMENT COMPRENDRE SES UTILISATEURS ? −  Tester son interface Quoi ? Comment ? Avec qui ? À quel moment ? Cinématique parcours (Wireframes / Prototypes / Maquettes)
22. COMMENT COMPRENDRE SES UTILISATEURS ? −  Tester son interface Quoi ? Comment ? Avec qui ? À quel moment ? En définissant un protocole de test : 1.  Problématique 2.  Hypothèses 3.  Objectifs
23. COMMENT COMPRENDRE SES UTILISATEURS ? −  Tester son interface Quoi ? Comment ? Avec qui ? À quel moment ? Avec vos utilisateurs cibles Crédits : Roberto Taddeo - https://www.flickr.com/photos/robertotaddeo/8364915763/sizes/l/
24. COMMENT COMPRENDRE SES UTILISATEURS ? −  Tester son interface Quoi ? Comment ? Avec qui ? À quel moment ? Le plus tôt possible ! (Phase de conception, maquettage, pré-production, MEP…) Crédits : Roberto Taddeo - https://www.flickr.com/photos/robertotaddeo/8364915763/sizes/l/
25. TESTEZ, TESTEZ, TESTEZ ! ―
26. Les interfaces doivent résoudre des problèmes, pas en créer ! “ ” TESTEZ, TESTEZ, TESTEZ !
27. TESTEZ, TESTEZ, TESTEZ ! Il y a 3 manières d’améliorer vos interfaces grâce aux utilisateurs : La première c’est de les faire tester. La deuxième, c’est de les faire tester... ...et enfin, la troisième, c’est de les faire tester. CMA : Construisez, Mesurez, Apprenez MESUREZ APPRENEZ CONSTRUISEZ
28. COMMENT MENER DES TESTS UTILISATEURS ? ―
29. COMMENT MENER DES TESTS UTILISATEURS ? DIY GUERILLA UX RESEARCH
30. COMMENT MENER DES TESTS UTILISATEURS ? Avantages Limites −  Facile et rapide à mener −  Pas cher −  Présence du modérateur −  Cible “Aléatoire” −  Faible nombre de participants −  Influence du modérateur −  Environnement peu ou pas adapté TESTS GUERILLA
31. COMMENT MENER DES TESTS UTILISATEURS ? PRO LABORATOIRE Crédits : U-sentric
32. COMMENT MENER DES TESTS UTILISATEURS ? Avantages Limites −  Outils de mesure précise (Eye Tracking) −  Présence possible (glace sans tain) −  Modérateur (relance & adaptabilité) −  Situation artificielle (source de stress) −  Faible représentativité (1 seul lieu, équipement tech.) −  Coût élevé −  Influence du modérateur (désirabilité sociale) TESTS EN LABORATOIRE
33. COMMENT MENER DES TESTS UTILISATEURS ? PRO DISTANT
34. Si vous souhaitez comprendre comment chasse un lion, N’ALLEZ PAS dans un Zoo… … mais DANS LA JUNGLE ! “ ” COMMENT MENER DES TESTS UTILISATEURS ? (Jim Stengel CMO of P&G)
35. COMMENT MENER DES TESTS UTILISATEURS ? Avantages Limites −  Conditions réelles (Son lieu, son device, son timing) −  Pas d’interaction avec un tiers −  Rapide et flexible −  Représentativité de l’échantillon −  Rapport Qualité / Perf. / Prix −  Pas de modération (si le test est asynchrone) −  Constitution du panel TESTS UTILISATEURS DISTANTS
36. CONCRÈTEMENT, QUE PEUT- ON EN ATTENDRE ? (EXEMPLES & CAS CLIENTS) ―
37. EXEMPLES & CAS CLIENTS Un problème de taille ?
38. EXEMPLES & CAS CLIENTS Comparer les garanties ?
39. EXEMPLES & CAS CLIENTS ...une bonne idée qui trompe l’utilisateur
40. Après Avant EXEMPLES & CAS CLIENTS +15% DE CONVERSION
41. Crédits éléments graphiques : Freepik MERCI... ...de m’avoir écouté. A présent, écoutez vos utilisateurs :) DES QUESTIONS ? @rodolpheHeraud www.testapic.com