À l'écoute des usages

Mobile Monday : A l'écoute des usages. Pour une meilleure interface mobile.

Transcript

1. À L’ÉCOUTE DES USAGES Pour une meilleure interface mobile MOBILE MONDAY #30
2. Guillaume Genest Designer • Agence LunaWeb @heylours UX Rennes Conférences • Afterwork @uxrennes Damien Legendre Designer • Mobizel @Uncoindpixel
3. C’EST QUOI DÉJÀ L’UX ? @uxrennes CHAPITRE 1
4. @uxrennes UX = User eXperience
5. @uxrennes UX ≠ Design UX
6. Design UX. @uxrennes © Patrick Neeman
7. @uxrennes Et pourquoi ça nous intéresse ça, les gars ?
8. Parce que… @uxrennes
9. @uxrennes Nous ne représentons pas les utilisateurs ! Quand on conçoit une interface on croit tout savoir des besoins et des usages alors qu’en fait… Bah, bof bof !
10. « Connais-toi toi-même » — Socrate Citation @uxrennes
11. Citation UX « Connais-toi tes utilisateurs » — Pas Socrate @uxrennes
12. @uxrennes Vous allez voir, vous faites certainement déjà un peu de design UX sans le savoir !
13. CONNAÎTRE LES UTILISATEURS ET LEURS USAGES @uxrennes CHAPITRE 2
14. @uxrennes Trouver, c’est avant tout chercher !
15. « Habile ! » — Hubert Bonisseur de La Bath Citation @uxrennes
16. @uxrennes Que veut-on connaître ? - Les comportements et contextes d’usages - Les manques, les blocages - De nouvelles idées, pourquoi pas !
17. @uxrennes Usages 1 2 3 Utilisateurs Parcours + +
18. @uxrennes Adoptez le bon état d’esprit !
19. LES DONNÉES PRÉ-MACHÉES CHAPITRE 2.1 @uxrennes Ou Recherche secondaire
20. @uxrennes C’est le moment de fouiller les Internets* ! *Internet : Espace ou beaucoup d’autres ont déjà synthétisé des infos qui m'intéressent ! @uxrennes
21. @uxrennes LES ENQUÊTES D’ORGANISMES CHAPITRE 2.1.1
22. @uxrennes CE QU’ON APPREND Les grandes tendances d’usage en général
23. @uxrennes Baromètre 2016 d’observation des usages mobiles Nabil Thalmann uxrennes.co/evenements/ux-deiz-1/ Personae Userlab http://www.personae-userlab.com/ etudes/
24. @uxrennes Départs en vacances, la route connectée ! IPSOS www.ipsos.fr/decrypter-societe/2016-07-29-departs-en-vacances-route-connectee
25. @uxrennes LE BENCHMARK CHAPITRE 2.1.2
26. @uxrennes CE QU’ON APPREND Déceler les bonnes pratiques et les écueils à éviter en regardant les autres
27. « C’est tout ce qu’il faut pas faire ma chérie… » — Cristina Cordula Citation @uxrennes
28. @uxrennes
29. @uxrennes Le live Instagram inspiré de Snapchat
30. @uxrennes LES STORES D’APPLIS ET RÉSEAUX SOCIAUX CHAPITRE 2.1.3
31. @uxrennes CE QU’ON APPREND - Les « points noirs » - « Sources de mécontentement… »
32. @uxrennes WEGO Christopher Gastebois @chris_gastebois
33. @uxrennes LES STATISTIQUES CHAPITRE 2.1.2
34. @uxrennes CE QU’ON APPREND Des retours chiffrés concrets de l’usage de mon appli ou de mon site
35. @uxrennes
36. @uxrennes
37. LES DONNÉES DE PREMIÈRE MAIN CHAPITRE 2.2 @uxrennes Ou Recherche primaire
38. LES ENQUÊTES CHAPITRE 2.2.1 @uxrennes
39. @uxrennes OBJECTIF Recueillir des informations de tout ordre sur la cible d’utilisateurs
40. @uxrennes COMMENT ÇA MARCHE ? - Création d’un panel représentatif - Création du questionnaire mixant différents formats de questions - Envoi puis restitution
41. @uxrennes Données démographiques
42. @uxrennes Données comportementales
43. @uxrennes Données d’opinion
44. LES INTERVIEWS CHAPITRE 2.2.2 @uxrennes
45. @uxrennes OBJECTIF Mieux comprendre l’utilisateur final
46. @uxrennes COMMENT ÇA MARCHE ? - 1 participant + 1 animateur - 4 à 5 participants permettent déjà de recouper des informations - Questions en nombre limité
47. L’entretien semi-directif Questionnaire d’environ 30 questions identiques d’un sondé à l’autre classées par thématiques. Cadre relativement strict @uxrennes
48. L’entretien libre Échange ouvert basé sur très peu de questions utilisées si besoin pour relancer la discussion. Cadre non strict @uxrennes
49. @uxrennes Interviewer des responsables de clubs sportifs nous a permis de relever qu’ils n’avaient pas d’outils de mesure concrets post événement afin d’identifier la satisfaction client . Nous avons travaillé dans ce sens avec eux afin d’établir des systèmes d’avis sur notre pré MVP « » Adrien Héline Co-fondateur • Sportweez @adri_heline @uxrennes
50. LE SHADOWING CHAPITRE 2.2.3 @uxrennes
51. @uxrennes OBJECTIF Comprendre le contexte d’usage de l’interface mobile
52. @uxrennes COMMENT ÇA MARCHE ? - Observation « discrète » de l’usage. Devenir une ombre quoi ! - Relever les blocages rencontrés par l’utilisateur - Ne surtout pas venir en aide à la personne suivie
53. @uxrennes Le mobile par exemple est utilisé dans des environnements très différents
54. … et globalement avec moins d’attention et de mains disponibles que sur un ordinateur L’utilisateur partage son attention entre différentes sources de signaux @uxrennes
55. LA RESTITUTION @uxrennes CHAPITRE 3
56. LES PERSONAS CHAPITRE 3.2 @uxrennes
57. @uxrennes Ils sont le résultat, la synthèse des étapes de recherches précédentes
58. Ils doivent êtres des représentants crédibles de notre•s cible•s Il n’y a pas une seule bonne méthode pour les concevoir ! @uxrennes
59. @uxrennes Votre utilisateur
60. @uxrennes Elizabeth
61. @uxrennes Elizabeth
62. @uxrennes Elizabeth
63. @uxrennes Elizabeth
64. @uxrennes Elizabeth
65. @uxrennes Elizabeth
66. @uxrennes Elizabeth
67. @uxrennes
68. ERGONOMIE MOBILE
69. ERGONOMIE MOBILE
70. LES PARCOURS UTILISATEURS CHAPITRE 3.1 @uxrennes
71. @uxrennes Si les personas synthétisent les utilisateurs cibles, les parcours eux servent à garder en tête leur usages et besoins.
72. @uxrennes
73. @uxrennes
74. @uxrennes
75. LA CONCEPTION @uxrennes CHAPITRE 4
76. @uxrennes C’est le moment ou vous pouvez commencer à construire vos interfaces. Mais hé, pas tout seul hein !
77. LE REMUE-MÉNINGE CHAPITRE 4.1 @uxrennes
78. @uxrennes OBJECTIF Produire un grand nombre de solutions à un problème
79. @uxrennes COMMENT ÇA MARCHE ? - Production d’un brief qui expose le problème - Expression d’idées de la part des participants - Hiérarchisation des idées selon leur pertinence
80. LES TESTS UTILISATEURS CHAPITRE 4.2 @uxrennes
81. @uxrennes OBJECTIF Observer la prise en main de l’interface Cela dans le but de relever des blocages et freins d’usages
82. @uxrennes COMMENT ÇA MARCHE ? - Définir des scénarios d’usage - 1 animateur + 1 observateur - Soumettre le prototype à des utilisateurs - Prendre en note les réactions - Analyser les résultats
83. LES TESTS A/B CHAPITRE 4.3 @uxrennes
84. @uxrennes OBJECTIF Mettre en concurrence deux pistes d’une interface. Note : Le plus souvent on le fait pour un seul écran ou pour une fonctionnalité à la fois.
85. @uxrennes COMMENT ÇA MARCHE ? - Concevoir deux versions d’un écran ou d’une fonctionnalité. - Les soumettre à des utilisateurs différents mais au même profil - Recueil des retours et conservation du meilleur des deux essais
86. @uxrennes Tests « fav » vs « like » sur Twitter
87. @uxrennes Tests A/B sur les fiches stores
88. @uxrennes C’est déjà pas mal pour un premier tour de la démarche UX non ?
89. CONTINUER, ENCORE ET TOUJOURS TU DEVRAS… @uxrennes
90. QUELQUES RESSOURCES UTILES @uxrennes C’EST CADEAU !
91. Design d’expérience utilisateur Sylvie Daumal @uxrennes
92. @uxrennes Méthodes de design UX Carine Lallemand Guillaume Gronier
93. @uxrennes Expérience utilisateur mobile Amélie Boucher
94. @uxrennes Design Tactile Josh Clark
95. UX Method Cards UX Republic http://www.ux-republic.com/ux-cards/ @uxrennes
96. UX Cards Une approche psychologique du design UX Carine Lallemand https://uxmind.eu/2016/01/04/ux-cards/ @uxrennes
97. AFTER WORK 06 octobre 19h • Aux Plaisirs Démodés • Rennes Prochainement
98. NOUS SUIVRE @uxrennes meetup.com/RennesUX uxrennes.co
99. uxrennes.co RennesUX @uxrennes MERCI