Cours à l'IESA sur les méthodologies UX.

1. L’ UX & flow

2. SOMMAIRE
Comment réagir face à des retours qui tuent votre UX ?
Task Flows , User flows , Flowcharts, UIflow, Wireflow
Quand utiliser des users flow dans l’UX ?
Les questions à poser pour être un pro de l’UX

3. About
Kévin Tonon
Consultant Freelance Usability Designer
@European Commission
@Roularta Media Group
@Iban First
@Pique

4. Comment réagir face à
des retours qui tue
votre UX ?

5. Ne réfléchissez pas avec
votre égo !

6. Ecoutez leurs raisonnements même si la
solution n’est pas la bonne

7. Evaluez le potentiel du
raisonnement

8. Dans chaque raisonnement,
il y a souvent une résolution
d’un problème

9. Savoir dire “non”.

10. Prévoir les demandes de
dernière minute

11. Prévoir les demandes de
dernière minute

12. Task Flows
User flows
Flowcharts
UIflow
Wireflow

14. Flowcharts !

15. Les flowcharts sont utilisés pour détailler les
processus et les tâches utilisateur en amont du site

16. Tâche n°1
Description des users task
Tâche n°2
Tâche n°2

17. Ils sont là pour documenter les user
tasks et les flows plus complexes

18. Eviter de le présenter à un client

20. Wireflow !

21. Le wireflow est un livrable du workflow, c’est un
moyen de simplification et de représentation

22. Construire un Wireflow
● Les points d’entrée et de sortie
● Les connections : les chemins utilisateurs et les
différents flow
● Les différentes options utilisateurs

23. User flow vs Task flow

24. Les Task flows et les user flows
ne sont pas différents.

25. Ils aident à réfléchir à la conception

26. Ils servent à accomplir une tâche utilisateur
avec le moins de friction possible

27. Task flow est une tâche complétée par tous
les users d’un site. Exp : Sign up

28. User flow est le parcours utilisateur à travers
un produit, une fonctionnalité, etc.

29. Quand utiliser des users flow
dans l’UX ?

30. - Une fonctionnalité à intégrer sur le site
OU
- Vous recommencez à construire

31. Toujours commencer par le mobile.
Toujours !

32. Il sera toujours plus simple
d’implémenter l’UX d’ une fonctionnalité
sur mobile puis y réfléchir sur desktop

33. N’oublie pas d’avoir toujours en tête le
rapport temps/travail

34. Qu’est ce que ça va m’apporter si
j’utilise un user flow ?

35. Qu’est ce que je vais apprendre si
j’utilise un user flow ?

36. N’oubliez pas d’être focus sur le besoin
des utilisateurs

37. A la recherche d’un compromis
business / UX / utilisateurs

38. Vous devez toujours penser à rendre le
site meilleur pour vos users

39. Vous devez poser des questions
& interviewer vos stakeholders

40. Quels sont les objectifs principaux ?
Qui sont les utilisateurs cibles ?
Quelles sont leurs activités ?

41. Pourquoi utiliseront-ils cette fonctionnalité
et dans quel contexte ?
Quels sont les objectifs en termes d’UX ?

42. Quels sont les objectifs au niveau de l’utilisabilité ?
Existe-t-il des concurrents qui utilisent
la même fonctionnalité ?
Pour qui conçoit-on le produit ? Que veulent ils ?

43. Le Kim Goodwin, VP Design and General
Manager chez Cooper
propose une méthode de Stakeholder Interview

44. Poser des questions différentes
et obtenir des résultats différents

45. Les stakeholders

46. Quel est votre rôle dans ce projet ?
Comment imaginez-vous le produit ?
A qui s’adresse t-on ?

47. Quelle est votre inquiétude dans ce projet ?
Quelle est la pire chose qui puisse arriver?
Que devrait accomplir ce projet pour l'entreprise?

48. Marketing
stakeholders

49. Qui sont vos utilisateurs ?
Comment voyez-vous cela dans 5 ans ?
Comment ce produit s'intègre-t-il dans la stratégie ?
Qui sont les plus gros concurrents ?

50. Engineering
stakeholders

51. Quelles sont les décisions technologiques prises et à
quels points sont-elles fermées?
Pouvez-vous m’expliquer comment le système
fonctionne? (produits existants seulement)

52. Sales
stakeholders

53. Qui est impliqué dans la décision d'achat ?
Pourquoi les clients achètent-ils le produit ?
Pourquoi ce produit plutôt que celui d’un concurrent ?

54. Lorsque vous perdez des ventes, quelles sont les raisons
les plus courantes?
De quoi les clients se plaignent-ils ou demandent-ils le
plus souvent, et pourquoi?

55. L’empathie est un élément crucial

56. “écouter ce que les gens disent ;
observer ce que les gens font;
étudier ce que les gens créent.”
Sanders

57. Flowchart Kit by Arthur Guillermin Hazan
Sketch plugin AEFlowchart by Marko Tadic

58. Do you have any questions ?

59. Exercice à rendre
Résoudre un problème/amélioration UX d’une
application mobile en créant un user flow.

60. Insane growth hacking :)
Partage des meilleures astuces de
growth hacking et en français
facebook.com/groups/growthhackinginsane/

61. Crédit
Naema Baskander: UX Glossary: Task Flows, User Flows, Flowcharts and
some new-ish stuff
uxplanet.org/ux-glossary-task-flows-user-flows-flowcharts-and-some-n
ew-ish-stuff-2321044d837d
Méthode de design UX: 30 méthodes fondamentales pour concevoir et
évaluer les systèmes interactifs