Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Good Morning UX #3 : Les fondamentaux du design UX

5,595 views

Published on

Découvrez les fondamentaux de l'approche du design UX. Vous verrez comment concevoir une expérience globale grâce aux différentes méthodes qui constituent un processus de design.

Published in: Design
  • Hey guys! Who wants to chat with me? More photos with me here 👉 http://www.bit.ly/katekoxx
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here

Good Morning UX #3 : Les fondamentaux du design UX

  1. 1. Good Morning UX #3 Les fondamentaux de l’approche du design UX
  2. 2. EXPERTSUX ESPACES FORMATIONS EVENEMENTS AGENCE UX RECRUTEMENT
  3. 3. Cycle UX Design (4 jours ) JOUR 1 : Méthodes de l’UX Design et du Design Thinking JOUR 2 : Fondamentaux de l’ergonomie digitale JOUR 3 : Outil de prototypage avec Sketch et inVision JOUR 4 : Techniques de créativité et de collaboration Cycle Design Sprint (5 jours + 1 jour) JOUR 1 : Comprendre & Définir JOUR 2 : Diverger & Décider JOUR 3 : Prototyper JOUR 4 : Tester JOUR 5 : Planifier & Valider (Agile UX) + Évaluation & Mise en perspective + Journée d’approfondissement PROCHAINE FORMATION UX Du 10 au 20 Octobre 2017 Modules de formation à la carte de 1 à 10 jours - 400€/J HT
  4. 4. Alors on va parler ... Interface, produit, marque, service, communication
  5. 5. Mais pas que ...
  6. 6. Car on va surtout parler ... Design d’expérience
  7. 7. Définir une expérience ? L’interaction de l’homme durant un espace temps
  8. 8. Une expérience c’est ça...
  9. 9. Mais c’est aussi ça...
  10. 10. Ou encore ça...
  11. 11. Puis les expériences négatives...
  12. 12. Ou uniques...
  13. 13. Ou imperceptibles...
  14. 14. Définir un utilisateur ? Un humain exprimant des besoins émotionnels
  15. 15. Un humain avec des besoins psychologiques
  16. 16. Un humain avec des biais cognitifs
  17. 17. Un humain qui veut apprendre, comprendre, chercher, faire ou acheter...
  18. 18. ...En fonction de son contexte
  19. 19. Le rôle du design ? Trouver des solutions grâce à l’humain
  20. 20. Concevoir pour ses utilisateurs
  21. 21. Des solutions innovantes Des solutions innovantes
  22. 22. Pour répondre à des problèmes complexes
  23. 23. Pourquoi concevoir en mode UX Donner du sens à la conception d’un produit ou service et procurer une expérience positive aux humains qui l’utilisent.
  24. 24. MAKING PEOPLE WANT THINGS MAKING THINGS PEOPLE WANT Le rôle du Design Marketing Design
  25. 25. Comment créer une expérience de A à Z Place l’utilisateur au centre de la conception pour imaginer une expérience globale qui l’accompagne dans tout le processus d’interaction avec la marque ou le produit
  26. 26. “You’ve got to start with the customer experience and work back toward the technology, not the other way around” - Steve Jobs
  27. 27. Mais alors, concrètement comment on fait ?
  28. 28. Une approche globale Le design UX n’est pas un métier, mais une pratique philosophique qui peut s’appliquer à tous les niveaux de conception d’une expérience
  29. 29. Processus itératif centré utilisateur permettant d’imaginer, concevoir et améliorer un service ou un produit. La durée et composition des étapes changent selon les méthodes : Design thinking, Sprint Design, Lean UX, Circular design... Empathie Définition Idéation Prototype Test
  30. 30. THINK Research Ideation Mental models Test Results Competitive Analysis MAKE Prototypes Wireframes Value Prop Landing Page Hypotheses Deployed Code CHECK A/B Testing Site Analytics Usability Testing Sign ups
  31. 31. Des méthodologies Il est impossible d’appliquer exactement la même approche en fonction des projets. Il faut s’approprier les méthodes pour les adapter en fonction des contraintes des projets
  32. 32. Recherche
  33. 33. Observation in-situ Observer et détecter les contournements d’usages
  34. 34. Interviews exploratoires Entretien avec des utilisateurs (actuels ou futurs)
  35. 35. Immersion Ou Shadowing Se plonger dans la situation de l’utilisateur ou la suivre de près sans se faire remarquer
  36. 36. Persona Basé sur la recherche utilisateur, un persona est le reflet de l’utilisateur final, son archétype.
  37. 37. Empathy map Se mettre à la place de l’utilisateur pour comprendre et lister : - Ce qu’il-elle dit, - Ce qu’il-elle pense, - Ce qu’il-elle ressent, - Ce qu’il-elle fait. Ceci pour déceler les besoins et attentes et comprendre leurs difficultés.
  38. 38. Experience map Schématiser le parcours d’utilisation d’un produit ou service afin d’y définir les opportunités, frustrations et contraintes auxquels font face les utilisateurs pour réussir à identifier des moments clés de l’expérience.
  39. 39. Idéation
  40. 40. Job Stories Identifier grâce aux interviews utilisateurs les motivations en fonction des situations et des besoins ressentis
  41. 41. Concevoir avec les émotions Générer des idées à partir des émotions positives que l’on souhaite susciter chez l’utilisateur
  42. 42. How might we ? Détecter les opportunités de service qui répondent aux besoins ou frustrations dans le parcours utilisateur.
  43. 43. The Proposition Value Canvas Partir de l’empathy map pour générer les pains relievers et les gains creators qui feront la valeur de la solution. SOLUTION ACTION FRUSTRATION
  44. 44. Crazy eight 5 minutes pour générer 8 idées Ou 6 to 1 Prototyper 6 solutions pour les regrouper en une seule solution
  45. 45. Vote Après le tri des idées on converge vers les solutions les plus réalistes
  46. 46. Conception
  47. 47. User flow Créer les parcours d’utilisation que devra suivre les utilisateurs pour interagir avec le produit
  48. 48. Sketching Dessiner rapidement des prototypes de la solution pour avoir une vue globale de la solution
  49. 49. Wireframes Hi-Fi Matérialiser le prototype papier
  50. 50. Prototype animé Animer les maquettes de l’interface
  51. 51. Test
  52. 52. En salle Définir des parcours à tester pour l’utilisateur avec des objectifs bien précis sans pour autant le guider dans ses choix.
  53. 53. A distance Préparer des conditions pour effectuer un test à distance et solliciter les utilisateurs pour qu’ils pensent à voix haute et donnent un maximum de retours
  54. 54. Eye Tracking Détecter les zones où se porte le regard de l’utilisateur pour comprendre la lecture que propose l’interface
  55. 55. Data analytics Utiliser des solutions pour mesurer l’efficacité de votre site grâce à des capteurs et des analyses de données
  56. 56. Study Case Le processus UX derrière l’application pour sportifs la plus populaire
  57. 57. Design Process Application des étapes de conception du design thinking
  58. 58. Persona Application des étapes de conception du design thinking
  59. 59. Job Stories Application des étapes de conception du design thinking
  60. 60. Identifier les besoins Application des étapes de conception du design thinking
  61. 61. Prioriser les besoins Application des étapes de conception du design thinking
  62. 62. Définir les problèmes Application des étapes de conception du design thinking
  63. 63. Définir les problèmes (2) Application des étapes de conception du design thinking
  64. 64. Définir les problèmes (3) Application des étapes de conception du design thinking
  65. 65. Task flow Application des étapes de conception du design thinking
  66. 66. Sketching Application des étapes de conception du design thinking
  67. 67. Prototype animé Application des étapes de conception du design thinking +
  68. 68. Source : Uxdesign.cc
  69. 69. Merci ! Vous avez des questions ? C’est le moment

×