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.

1. Introduction à l'Expérience utilisateur

285 views

Published on

--
Cours n°1/7 donné Master 2 Création et Communication Numérique à l'ISCOM, Année 2016/2017.

Published in: Design
  • Be the first to comment

1. Introduction à l'Expérience utilisateur

  1. 1. Introduction au Design d’expérience utilisateur ISCOM, Master 2 CCN 2016 Laurent Barbat - @lbarbat
  2. 2. Laurent Barbat Designer d’expérience Ingénieur IMAC 
 Informatique et Multimedia 9 ans en agences digitales 
 Chef de projets, UX Designer 1 an en cabinet de conseil
 Évangéliser les pratiques UX Depuis cet après-midi
 Intervenant à l’ISCOM… lbarbat
  3. 3. Et vous ?
  4. 4. Objectifs des cours d’UX
  5. 5. Comprendre les enjeux liés à l'UX ————— Bien aborder un projet avec une dimension UX ————— Mettre en pratique des méthodes et outils 
 centrés utilisateurs Objectifs des cours d’UX
  6. 6. Agenda des cours 1 Introduction à l'UX 1h30 2 Atelier : Initiation au Design Thinking 3h00 3 Recherche et Test utilisateurs 1h30 4 Atelier : Exploration > Analyse 3h00 5 Grands principes de conception 1h30 6 Atelier : Idéation > Conception 3h00 7 Design de la collaboration 1h30
  7. 7. Aujourd’hui… 1. Qu’est-ce que l’expérience utilisateur ? 2. Pourquoi c’est important ? 3. Les phases d’un projet UX 4. Ressources
  8. 8. Qu’est-ce que
 l’expérience utilisateur ?
  9. 9. Tu fais quoi déjà comme boulot ? Designer UX « Designer du X » ? C’est quoi ? Designer d’expérience utilisateur. C’est…
  10. 10. Ha ! Ok… 😀 …Tu fais donc de l’informatique ! 😓 🔫
  11. 11. What is User Experience ? « User Experience is the way you experience the world, it's the way you experience your life, that's the way you experience the service, or yeah, an app or a computer system — But it's a system that's everything. » ▶︎ http://bit.ly/don-norman-ux
  12. 12. Tu t’es déjà demandé à quoi servent tous ces boutons sur une télécommande ? Resté bloqué sur un formulaire administratif sur Internet ? Mon objectif, c’est que ces situations n'arrivent plus : repérer ces petits et grands irritants et trouver des solutions pour que tout soit plus simple et agréable. C’est cool comme boulot ! 👍 😔
  13. 13. Expérience Utilisateur nait de l’interaction d’un individu avec… App, Site web, Borne, Objet connecté… Technologie Expérience Client Magasin, Vendeur, Service, Produit, Service client… Service commercial Expérience Collaborateur Lieu de travail, Collègues, Manager, Horaires, Évolutions… Entreprise Expérience Citoyen Bien collectif, 
 institution publique Élections, Démarches, Impôts…
  14. 14. Utilisateur Client Collaborateur Citoyen L’individu, l’humain, 
 est au centre des préoccupations. Les utilisateurs sont impliqués tout au long du développement, par itérations. On parle d’une démarche de conception 
 centrée utilisateur
 (Human Centered Design).
  15. 15. Quels sont les éléments 
 qui constituent l’expérience utilisateur ?
  16. 16. Éléments constitutifs de l’UX Fonctionnalités Contenus Présentation Interactions Paramètres du 
 Contexte Propriétés du 
 Système Physique Social Technique Temporel Caractéristiques de l'
 Utilisateur Axe 
 Chronologique Profil démographique Attentes Besoins Motivations Valeurs Connaissances Avant l'usage Pendant l'usage Après l'usage Au fil du temps Adapté des modèles d’Hassenzahl et Lalemand
  17. 17. UX Ergonomie Un peu de jargon…
  18. 18. Pyramide des besoins de Maslow Appartenance Sécurité Physiologiques Estime Accomplissement
  19. 19. Pas « utile »… La Fontaine de Marcel Duchamp,Tate Museum, Londres
  20. 20. Ni fonctionnel…
  21. 21. Pratique…
  22. 22. Surprenant…
  23. 23. Maslow appliqué à l’UX Pratique Fonctionnel / Fiable Utile Agréable Focus sur la tâche Focus sur l’expérience Mémorable Inspirant Adapté de « Designing for Emotion », Aarron Walter
  24. 24. Des objectifs différents Ergonomie efficience Expérience utilisateur plaisir➤ ➤
  25. 25. pour le meilleur…
  26. 26. pour le meilleur…
  27. 27. UX UI (User Interface)
  28. 28. UX UI
  29. 29. UI VISUAL
  30. 30. Visual / Graphical UI
  31. 31. Kinetic UI Leap Motion
  32. 32. Voice UI Alexa d’Amazon
  33. 33. Text-based UI SelenaBot WTF!
  34. 34. Implanted UI Quand l’utilisateur est l’interface…
  35. 35. L’UX regroupe 
 plusieurs disciplines
  36. 36. Source : Dan Saffer
  37. 37. UX L’UX regroupe plusieurs disciplines Ergonomie Design graphique Design d’interaction Architecture de l’information Recherche utilisateur Stratégie de contenu Business Technique
  38. 38. Pourquoi l’expérience utilisateur ?
  39. 39. Good UX = Différenciation Typeform
  40. 40. Good UX = Conv€r$ion
  41. 41. Good UX = Satisfaction …Puis fidélisation, recommandation, engagement…
  42. 42. Good UX = Productivité Interface « AS400 »
  43. 43. Good UX = Économies Source : Adaptive Lab / ResearchNow, Decembre 2014 — Javelin Strategy & Research 2013 TOUT AU LONG DE LA VIE 
 DU PRODUIT
 Source : MIT eXchange, 2009 PENDANT LA CRÉATION 
 DU PRODUIT 
 
 « Dans un projet informatique, 50% du temps passé à développer des fonctionnalités qui ne servent à rien. »
  44. 44. Processus de création d’un produit ou service innovant : Good UX = Innovation Source : A.T. Kearney Analysis Les entreprises les plus innovantes investissent 3 fois plus dans les premières étapes du process de création que les entreprises suiveuses.
  45. 45. Les entreprises 
 à forte culture design excellent Source : DMI dmi.org/value 2014 Ces 10 dernières années, un investissement dans l’une des entreprises à forte culture design (DMI Index) a rapporté 228% de plus que le même investissement dans l’une des 500 grandes sociétés cotées sur les bourses américaines (S&P Index).
  46. 46. L’impact business 
 de l’expérience client Moving from a below-average customer experience to above average would return $1.4 billion in additional annual revenue for wireless carriers, $1.4 billion for Airlines, $494 million for insurers (up 61% from 2013), and $572 million for retailers (up 152% from 2013). There is a “high correlation between customer experience and consumers’ loyalty to a company”. Source :“Business Impact of Customer Experience” Forrester report, March 2014.
  47. 47. Bad UX… ?
  48. 48. Ka-Boom !
  49. 49. La Dette UX Pratique Fonctionnel / Fiable Utile Agréable Mémorable Inspirant Dette UX Qualité perçue 
 par les users Qualité ciblée par l’entreprise Adapté de http://nform.com/ideas/user-experience-debt/
  50. 50. Samsung Gear Fit / Source : networworld.com
  51. 51. — Dr Ralph Speth, CEO Jaguar « If you think good design is expensive, 
 you should look at the cost of bad design. »
  52. 52. Les phases d’un projet UX
  53. 53. Les étapes d’un projet UX Adapté du livre « Méthodes de design UX », Lallemand / Gronier — 2015 CADRAGE EXPLORATION SYNTHÈSE Recherche S’approprier le contexte et objectif de l’entreprise. Comprendre les utilisateurs, leurs contextes d’usage, motivations et besoins explicites et implicites. CRÉATION ÉVALUATIONIDÉATION Conception Créer le produit qui remplit l’objectif de l’organisation en étant le plus adapté aux besoins des utilisateurs avec les moyens à disposition. Améliorer par itération le produit.
  54. 54. Cadrage Faire le point sur ce qu’on sait et ce qu’on ne sait pas pour préparer la phase d’exploration. Entretiens avec les parties prenantes Benchmark Analyses statistiques Cadrage Exploration Synthèse Création ÉvaluationIdéation Études doc
  55. 55. Exploration Comprendre l’entreprise. Comprendre les utilisateurs, leurs contextes d’usage, motivations, besoins explicites et implicites. Entretiens utilisateur Observation terrain Questionnaire Cadrage Exploration Synthèse Création ÉvaluationIdéation
  56. 56. Synthèse Rendre compte de l’expérience des utilisateurs à l’ensemble des parties prenantes du projet. Personas Experience mapping Empathy map Cadrage Exploration Synthèse Création ÉvaluationIdéation Source : Flickr : Ant Mace
  57. 57. Idéation Générer de nouvelles propositions de solutions. Conceptualiser les meilleures hypothèses. Sketching Ateliers d’idéation Scénario d’usage Cadrage Exploration Synthèse Création ÉvaluationIdéation
  58. 58. Création Concevoir puis développer le produit ou service. Arborescence Wireframes Prototype Cadrage Exploration Synthèse Création ÉvaluationIdéation Maquettes graphiques
  59. 59. Évaluation Tester les solutions auprès de d’utilisateurs cibles pour améliorer le produit. Test utilisateurs Test A/B ou MVT Audit expert Cadrage Exploration Synthèse Création ÉvaluationIdéation
  60. 60. 2 Conception1 Recherche Cadrage Faire le point sur ce qu’on sait et ce qu’on ne sait pas pour préparer la phase d’exploration. Exploration Comprendre l’entreprise. Comprendre les utilisateurs, leurs contextes d’usage, motivations, besoins explicites et implicites. Synthèse Rendre compte de l’expérience des utilisateurs à l’ensemble des parties prenantes du projet. Idéation Générer de nouvelles propositions de solutions. Conceptualiser les meilleures hypothèses. Création Concevoir puis développer le produit ou service. Évaluation Tester les solutions auprès de d’utilisateurs cibles pour améliorer le produit. Études doc BenchmarkEntretiens parties prenantes Entretiens utilisateursObservation Arborescence Wireframes Prototype Test utilisateurs Test A/B ou MVTAudit expert Experience mappingPersonas Empathy map SketchingAteliers d’idéation Scénario d’usage Questionnaires Maquettes
  61. 61. Ressources
  62. 62. Bibliographie Don't make me think Steve Krug The Elements of 
 User Experience Jesse James Garrett Méthodes de design UX Carine Lallemand Guillaume Gronier ÉTAT D’ESPRIT CONNAISSANCES+ MÉTHODES+
  63. 63. Webographie https://uxdesign.cc/ http://uxmastery.com/ https://www.smashingmagazine.com/ http://uxmag.com/
  64. 64. Des questions ?
  65. 65. Design is not just what it looks like and feels like. Design is how it works. 
 Steve Jobs “ ” Des questions ? Appréciations ? Suggestions pour les prochains cours ? 
 http://bit.ly/feedback-ux Merci pour vos retours.

×