Ce diaporama a bien été signalé.
Nous utilisons votre profil LinkedIn et vos données d’activité pour vous proposer des publicités personnalisées et pertinentes. Vous pouvez changer vos préférences de publicités à tout moment.
L’ UX & flow
SOMMAIRE
Comment réagir face à des retours qui tuent votre UX ?
Task Flows , User flows , Flowcharts, UIflow, Wireflow
Qua...
About
Kévin Tonon
Consultant Freelance Usability Designer
@European Commission
@Roularta Media Group
@Iban First
@Pique
Comment réagir face à
des retours qui tue
votre UX ?
Ne réfléchissez pas avec
votre égo !
Ecoutez leurs raisonnements même si la
solution n’est pas la bonne
Evaluez le potentiel du
raisonnement
Dans chaque raisonnement,
il y a souvent une résolution
d’un problème
Savoir dire “non”.
Prévoir les demandes de
dernière minute
Prévoir les demandes de
dernière minute
Task Flows
User flows
Flowcharts
UIflow
Wireflow
Flowcharts !
Les flowcharts sont utilisés pour détailler les
processus et les tâches utilisateur en amont du site
Tâche n°1
Description des users task
Tâche n°2
Tâche n°2
Ils sont là pour documenter les user
tasks et les flows plus complexes
Eviter de le présenter à un client
Wireflow !
Le wireflow est un livrable du workflow, c’est un
moyen de simplification et de représentation
Construire un Wireflow
● Les points d’entrée et de sortie
● Les connections : les chemins utilisateurs et les
différents f...
User flow vs Task flow
Les Task flows et les user flows
ne sont pas différents.
Ils aident à réfléchir à la conception
Ils servent à accomplir une tâche utilisateur
avec le moins de friction possible
Task flow est une tâche complétée par tous
les users d’un site. Exp : Sign up
User flow est le parcours utilisateur à travers
un produit, une fonctionnalité, etc.
Quand utiliser des users flow
dans l’UX ?
- Une fonctionnalité à intégrer sur le site
OU
- Vous recommencez à construire
Toujours commencer par le mobile.
Toujours !
Il sera toujours plus simple
d’implémenter l’UX d’ une fonctionnalité
sur mobile puis y réfléchir sur desktop
N’oublie pas d’avoir toujours en tête le
rapport temps/travail
Qu’est ce que ça va m’apporter si
j’utilise un user flow ?
Qu’est ce que je vais apprendre si
j’utilise un user flow ?
N’oubliez pas d’être focus sur le besoin
des utilisateurs
A la recherche d’un compromis
business / UX / utilisateurs
Vous devez toujours penser à rendre le
site meilleur pour vos users
Vous devez poser des questions
& interviewer vos stakeholders
Quels sont les objectifs principaux ?
Qui sont les utilisateurs cibles ?
Quelles sont leurs activités ?
Pourquoi utiliseront-ils cette fonctionnalité
et dans quel contexte ?
Quels sont les objectifs en termes d’UX ?
Quels sont les objectifs au niveau de l’utilisabilité ?
Existe-t-il des concurrents qui utilisent
la même fonctionnalité ?...
Le Kim Goodwin, VP Design and General
Manager chez Cooper
propose une méthode de Stakeholder Interview
Poser des questions différentes
et obtenir des résultats différents
Les stakeholders
Quel est votre rôle dans ce projet ?
Comment imaginez-vous le produit ?
A qui s’adresse t-on ?
Quelle est votre inquiétude dans ce projet ?
Quelle est la pire chose qui puisse arriver?
Que devrait accomplir ce projet ...
Marketing
stakeholders
Qui sont vos utilisateurs ?
Comment voyez-vous cela dans 5 ans ?
Comment ce produit s'intègre-t-il dans la stratégie ?
Qui...
Engineering
stakeholders
Quelles sont les décisions technologiques prises et à
quels points sont-elles fermées?
Pouvez-vous m’expliquer comment le ...
Sales
stakeholders
Qui est impliqué dans la décision d'achat ?
Pourquoi les clients achètent-ils le produit ?
Pourquoi ce produit plutôt que ...
Lorsque vous perdez des ventes, quelles sont les raisons
les plus courantes?
De quoi les clients se plaignent-ils ou deman...
L’empathie est un élément crucial
“écouter ce que les gens disent ;
observer ce que les gens font;
étudier ce que les gens créent.”
Sanders
Flowchart Kit by Arthur Guillermin Hazan
Sketch plugin  AEFlowchart by Marko Tadic
Do you have any questions ?
Exercice à rendre
Résoudre un problème/amélioration UX d’une
application mobile en créant un user flow.
Insane growth hacking :)
Partage des meilleures astuces de
growth hacking et en français
facebook.com/groups/growthhacking...
Crédit
Naema Baskander: UX Glossary: Task Flows, User Flows, Flowcharts and
some new-ish stuff
uxplanet.org/ux-glossary-ta...
Méthodologie de conception: user flow
Méthodologie de conception: user flow
Prochain SlideShare
Chargement dans…5
×

Méthodologie de conception: user flow

1 805 vues

Publié le

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

Publié dans : Design
  • Soyez le premier à commenter

Méthodologie de conception: user flow

  1. 1. L’ UX & flow
  2. 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. 3. About Kévin Tonon Consultant Freelance Usability Designer @European Commission @Roularta Media Group @Iban First @Pique
  4. 4. Comment réagir face à des retours qui tue votre UX ?
  5. 5. Ne réfléchissez pas avec votre égo !
  6. 6. Ecoutez leurs raisonnements même si la solution n’est pas la bonne
  7. 7. Evaluez le potentiel du raisonnement
  8. 8. Dans chaque raisonnement, il y a souvent une résolution d’un problème
  9. 9. Savoir dire “non”.
  10. 10. Prévoir les demandes de dernière minute
  11. 11. Prévoir les demandes de dernière minute
  12. 12. Task Flows User flows Flowcharts UIflow Wireflow
  13. 13. Flowcharts !
  14. 14. Les flowcharts sont utilisés pour détailler les processus et les tâches utilisateur en amont du site
  15. 15. Tâche n°1 Description des users task Tâche n°2 Tâche n°2
  16. 16. Ils sont là pour documenter les user tasks et les flows plus complexes
  17. 17. Eviter de le présenter à un client
  18. 18. Wireflow !
  19. 19. Le wireflow est un livrable du workflow, c’est un moyen de simplification et de représentation
  20. 20. 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
  21. 21. User flow vs Task flow
  22. 22. Les Task flows et les user flows ne sont pas différents.
  23. 23. Ils aident à réfléchir à la conception
  24. 24. Ils servent à accomplir une tâche utilisateur avec le moins de friction possible
  25. 25. Task flow est une tâche complétée par tous les users d’un site. Exp : Sign up
  26. 26. User flow est le parcours utilisateur à travers un produit, une fonctionnalité, etc.
  27. 27. Quand utiliser des users flow dans l’UX ?
  28. 28. - Une fonctionnalité à intégrer sur le site OU - Vous recommencez à construire
  29. 29. Toujours commencer par le mobile. Toujours !
  30. 30. Il sera toujours plus simple d’implémenter l’UX d’ une fonctionnalité sur mobile puis y réfléchir sur desktop
  31. 31. N’oublie pas d’avoir toujours en tête le rapport temps/travail
  32. 32. Qu’est ce que ça va m’apporter si j’utilise un user flow ?
  33. 33. Qu’est ce que je vais apprendre si j’utilise un user flow ?
  34. 34. N’oubliez pas d’être focus sur le besoin des utilisateurs
  35. 35. A la recherche d’un compromis business / UX / utilisateurs
  36. 36. Vous devez toujours penser à rendre le site meilleur pour vos users
  37. 37. Vous devez poser des questions & interviewer vos stakeholders
  38. 38. Quels sont les objectifs principaux ? Qui sont les utilisateurs cibles ? Quelles sont leurs activités ?
  39. 39. Pourquoi utiliseront-ils cette fonctionnalité et dans quel contexte ? Quels sont les objectifs en termes d’UX ?
  40. 40. 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 ?
  41. 41. Le Kim Goodwin, VP Design and General Manager chez Cooper propose une méthode de Stakeholder Interview
  42. 42. Poser des questions différentes et obtenir des résultats différents
  43. 43. Les stakeholders
  44. 44. Quel est votre rôle dans ce projet ? Comment imaginez-vous le produit ? A qui s’adresse t-on ?
  45. 45. Quelle est votre inquiétude dans ce projet ? Quelle est la pire chose qui puisse arriver? Que devrait accomplir ce projet pour l'entreprise?
  46. 46. Marketing stakeholders
  47. 47. 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 ?
  48. 48. Engineering stakeholders
  49. 49. 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)
  50. 50. Sales stakeholders
  51. 51. 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 ?
  52. 52. 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?
  53. 53. L’empathie est un élément crucial
  54. 54. “écouter ce que les gens disent ; observer ce que les gens font; étudier ce que les gens créent.” Sanders
  55. 55. Flowchart Kit by Arthur Guillermin Hazan Sketch plugin  AEFlowchart by Marko Tadic
  56. 56. Do you have any questions ?
  57. 57. Exercice à rendre Résoudre un problème/amélioration UX d’une application mobile en créant un user flow.
  58. 58. Insane growth hacking :) Partage des meilleures astuces de growth hacking et en français facebook.com/groups/growthhackinginsane/
  59. 59. 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

×