0
CONCEPTION
Master 2 : Management et Ingénierie de la Communication Numérique Interactive


A. Introduction au design d'exp...
Conception | Introduction au design d’expérience utilisateur

Les cours de conception




A. Introduction au design d’expé...
Conception | Introduction au design d’expérience utilisateur




A. Introduction au design d’expérience utilisateur

1. Co...
Conception | Introduction au design d’expérience utilisateur

1. Contexte / Préambule




   Dans ce cours, on se focalise...
Conception | Introduction au design d’expérience utilisateur

1. Contexte / Un marché en permanente évolution




‣Globali...
Conception | Introduction au design d’expérience utilisateur

1. Contexte / Un marché en permanente évolution

  Porosité ...
Conception | Introduction au design d’expérience utilisateur

1. Contexte / Un marché en permanente évolution

  Porosité ...
Conception | Introduction au design d’expérience utilisateur

1. Contexte / Accélération technologique

  Croissance du no...
Conception | Introduction au design d’expérience utilisateur

1. Contexte / Accélération technologique

  Croissance du no...
Conception | Introduction au design d’expérience utilisateur

1. Contexte / Nouveaux rapports aux produits et services

  ...
Conception | Introduction au design d’expérience utilisateur

1. Contexte / Nouveaux rapports aux produits et services

  ...
Conception | Introduction au design d’expérience utilisateur

1. Contexte / Nouveaux rapports aux produits et services

  ...
Conception | Introduction au design d’expérience utilisateur

1. Contexte / Nouveaux rapports aux produits et services

  ...
Conception | Introduction au design d’expérience utilisateur

1. Contexte / Nouveaux rapports aux produits et services

  ...
Conception | Introduction au design d’expérience utilisateur

1. Contexte / Nouveaux rapports aux produits et services

  ...
Conception | Introduction au design d’expérience utilisateur

1. Contexte / Apparition de nouveaux métiers




           ...
Conception | Introduction au design d’expérience utilisateur

1. Contexte / Apparition de nouveaux métiers




           ...
Conception | Introduction au design d’expérience utilisateur

1. Contexte / Apparition de nouveaux métiers




           ...
Conception | Introduction au design d’expérience utilisateur

1. Contexte / Apparition de nouveaux métiers




           ...
Conception | Introduction au design d’expérience utilisateur

1. Contexte / Apparition de nouveaux métiers




           ...
Conception | Introduction au design d’expérience utilisateur

1. Contexte / Apparition de nouveaux métiers




           ...
Conception | Introduction au design d’expérience utilisateur

1. Contexte / Apparition de nouveaux métiers




           ...
Conception | Introduction au design d’expérience utilisateur

1. Contexte / Apparition de nouveaux métiers




           ...
Conception | Introduction au design d’expérience utilisateur

1. Contexte / Importance du design




Le design joue un rôl...
Conception | Introduction au design d’expérience utilisateur

1. Contexte / Importance du design




Le design est une act...
Conception | Introduction au design d’expérience utilisateur

1. Contexte / Importance du design




Le design comme métho...
Conception | Introduction au design d’expérience utilisateur




A. Introduction au design d’expérience utilisateur
1. Con...
Conception | Introduction au design d’expérience utilisateur

2. Définir l’expérience utilisateur / Définition




    « L’e...
Conception | Introduction au design d’expérience utilisateur

2. Définir l’expérience utilisateur / “Experience is the prod...
Conception | Introduction au design d’expérience utilisateur

2. Définir l’expérience utilisateur / “Experience is the prod...
Conception | Introduction au design d’expérience utilisateur

2. Définir l’expérience utilisateur / “Experience is the prod...
Conception | Introduction au design d’expérience utilisateur

2. Définir l’expérience utilisateur / “Experience is the prod...
Conception | Introduction au design d’expérience utilisateur

2. Définir l’expérience utilisateur / “Experience is the prod...
Conception | Introduction au design d’expérience utilisateur

2. Définir l’expérience utilisateur / “Experience is the prod...
Conception | Introduction au design d’expérience utilisateur

2. Définir l’expérience utilisateur / L’expérience des objets...
Conception | Introduction au design d’expérience utilisateur

2. Définir l’expérience utilisateur / La problématique du dig...
Conception | Introduction au design d’expérience utilisateur

2. Définir l’expérience utilisateur / Les facettes de l’expér...
Conception | Introduction au design d’expérience utilisateur




A. Introduction au design d’expérience utilisateur
1. Con...
Conception | Introduction au design d’expérience utilisateur

3. Fondements de l’UX Design / Origines

  Les 3 influences d...
Conception | Introduction au design d’expérience utilisateur

3. Fondements de l’UX Design / Origines

  Les 3 influences d...
Conception | Introduction au design d’expérience utilisateur

3. Fondements de l’UX Design / Design centré sur utilisateur...
Conception | Introduction au design d’expérience utilisateur

3. Fondements de l’UX Design / Design centré sur utilisateur...
Conception | Introduction au design d’expérience utilisateur

3. Fondements de l’UX Design / Design centré sur utilisateur...
Conception | Introduction au design d’expérience utilisateur

3. Fondements de l’UX Design / Design centré sur utilisateur...
Conception | Introduction au design d’expérience utilisateur

3. Fondements de l’UX Design / Design centré sur utilisateur...
Conception | Introduction au design d’expérience utilisateur

3. Fondements de l’UX Design / Les éléments de Garett



   ...
Conception | Introduction au design d’expérience utilisateur




A. Introduction au design d’expérience utilisateur
1. Con...
Conception | Introduction au design d’expérience utilisateur

4. Les domaines de l’UXD / Pluridisciplinarité




         ...
Conception | Introduction au design d’expérience utilisateur

4. Les domaines de l’UXD / Six pôles

  Répartition des pôle...
Conception | Introduction au design d’expérience utilisateur

4. Les domaines de l’UXD / Métiers




                     ...
Conception | Introduction au design d’expérience utilisateur

4. Les domaines de l’UXD / Métiers




      Graphiste /    ...
Conception | Introduction au design d’expérience utilisateur

4. Les domaines de l’UXD / Métiers



  Architecte de l’info...
Conception | Introduction au design d’expérience utilisateur

4. Les domaines de l’UXD / Métiers



  Designer d’interacti...
Conception | Introduction au design d’expérience utilisateur

4. Les domaines de l’UXD / Métiers



  Ergonome web / Exper...
Conception | Introduction au design d’expérience utilisateur

4. Les domaines de l’UXD / Métiers



  Expert en recherche ...
Conception | Introduction au design d’expérience utilisateur

4. Les domaines de l’UXD / Métiers



  Designer / Architect...
Conception | Introduction au design d’expérience utilisateur

4. Les domaines de l’UXD / Métiers



  Designer interactif
...
Conception | Introduction au design d’expérience utilisateur

4. Les domaines de l’UXD / Typologies des systèmes digitaux
...
Conception | Introduction au design d’expérience utilisateur

4. Les domaines de l’UXD / Typologies des systèmes digitaux
...
Conception | Introduction au design d’expérience utilisateur

4. Les domaines de l’UXD / Typologies des systèmes digitaux
...
Conception | Introduction au design d’expérience utilisateur

4. Les domaines de l’UXD / Typologies des systèmes digitaux
...
Conception | Introduction au design d’expérience utilisateur

4. Les domaines de l’UXD / Typologies des systèmes digitaux
...
Conception | Introduction au design d’expérience utilisateur

4. Les domaines de l’UXD / Typologies des systèmes digitaux
...
Conception | Introduction au design d’expérience utilisateur

4. Les domaines de l’UXD / Typologies des systèmes digitaux
...
Conception | Introduction au design d’expérience utilisateur

4. Les domaines de l’UXD / Typologies des systèmes digitaux
...
Conception | Introduction au design d’expérience utilisateur

4. Les domaines de l’UXD / Typologies des systèmes digitaux
...
Conception | Introduction au design d’expérience utilisateur

4. Les domaines de l’UXD / Typologies des systèmes digitaux
...
Conception | Introduction au design d’expérience utilisateur

4. Les domaines de l’UXD / Typologies des systèmes digitaux
...
Conception | Introduction au design d’expérience utilisateur

4. Les domaines de l’UXD / Typologies des systèmes digitaux
...
Conception | Introduction au design d’expérience utilisateur




A. Introduction au design d’expérience utilisateur
1. Con...
Conception | Introduction au design d’expérience utilisateur

  5. L’UXD et l’entreprise / Typologie des entreprises



TY...
Conception | Introduction au design d’expérience utilisateur

5. L’UXD et l’entreprise / Stratégie de l’entreprise vs obje...
Conception | Introduction au design d’expérience utilisateur

5. L’UXD et l’entreprise / Stratégie de l’entreprise vs obje...
Conception | Introduction au design d’expérience utilisateur

5. L’UXD et l’entreprise / Stratégie de l’entreprise vs obje...
Conception | Introduction au design d’expérience utilisateur

5. L’UXD et l’entreprise / Stratégie de l’entreprise vs obje...
Conception | Introduction au design d’expérience utilisateur

5. L’UXD et l’entreprise / Quand l’UX devient philosophie

 ...
Conception | Introduction au design d’expérience utilisateur

5. L’UXD et l’entreprise / Quand l’UX devient philosophie

 ...
Conception | Introduction au design d’expérience utilisateur

5. L’UXD et l’entreprise / L’UXD dans les projets digitaux

...
Conception | Introduction au design d’expérience utilisateur

5. L’UXD et l’entreprise / L’UXD dans les projets digitaux

...
Conception | Introduction au design d’expérience utilisateur

5. L’UXD et l’entreprise / Une nouvelle approche de la gesti...
Conception | Introduction au design d’expérience utilisateur

5. L’UXD et l’entreprise / Une nouvelle approche de la gesti...
Conception | Introduction au design d’expérience utilisateur

5. L’UXD et l’entreprise / Une nouvelle approche de la gesti...
Conception | Introduction au design d’expérience utilisateur

5. L’UXD et l’entreprise / Une nouvelle approche de la gesti...
Conception | Introduction au design d’expérience utilisateur

5. L’UXD et l’entreprise / Une nouvelle approche de la gesti...
Conception | Introduction au design d’expérience utilisateur

5. L’UXD et l’entreprise / Une nouvelle approche de la gesti...
Conception | Introduction au design d’expérience utilisateur

6. L’UXD et l’entreprise / Enjeux et bénéfices




Enjeux
  ‣...
Conception | Introduction au design d’expérience utilisateur

6. L’UXD et l’entreprise / Enjeux et bénéfices




Bénéfices
 ...
Conception | Introduction au design d’expérience utilisateur




A. Introduction au design d’expérience utilisateur
1. Con...
Conception | Introduction au design d’expérience utilisateur

7. Références / Bibliographie



Hunger & Chandler, A projec...
Conception | Introduction au design d’expérience utilisateur

7. Références / Webographie


Actualités sur l’UX
          ...
http://www.slideshare.net/davethepreacher
Upcoming SlideShare
Loading in...5
×

Cours (A) Gobelins Master 2 MICNI

4,292

Published on

Module de conception MICNI : Cours d'introduction au design d'expérience utilisateur

Published in: Design, Technology, Business
2 Comments
16 Likes
Statistics
Notes
No Downloads
Views
Total Views
4,292
On Slideshare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
283
Comments
2
Likes
16
Embeds 0
No embeds

No notes for slide

Transcript of "Cours (A) Gobelins Master 2 MICNI"

  1. 1. CONCEPTION Master 2 : Management et Ingénierie de la Communication Numérique Interactive A. Introduction au design d'expérience utilisateur (UXD) Janvier 2010 Ecole des Gobelins David Raichman Senior UX Designer @ OgilvyInteractive
  2. 2. Conception | Introduction au design d’expérience utilisateur Les cours de conception A. Introduction au design d’expérience utilisateur (UXD) B. Les livrables de l’UXD C. La recherche utilisateur D. Framework fonctionnel et stratégie des contenus E. Design d’interaction, design d’interface et protoypage F. Utilisabilité
  3. 3. Conception | Introduction au design d’expérience utilisateur A. Introduction au design d’expérience utilisateur 1. Contexte 2. Définir l’expérience utilisateur (UX) 3. Fondements de l’UX Design 4. Les domaines de l’UXD 5. L’UXD et l’entreprise 6. Références
  4. 4. Conception | Introduction au design d’expérience utilisateur 1. Contexte / Préambule Dans ce cours, on se focalisera sur le design d’expérience utilisateur dans le contexte digital (web, mobile...)
  5. 5. Conception | Introduction au design d’expérience utilisateur 1. Contexte / Un marché en permanente évolution ‣Globalisation ‣Enjeux environnementaux ‣Digitalisation
  6. 6. Conception | Introduction au design d’expérience utilisateur 1. Contexte / Un marché en permanente évolution Porosité des secteurs Media Web Mobile
  7. 7. Conception | Introduction au design d’expérience utilisateur 1. Contexte / Un marché en permanente évolution Porosité des secteurs Radio Press Music Virtual Game Web Social iTunes e- commerce Service mobile TV Game Interactive TV mobile Game Press Press Social
  8. 8. Conception | Introduction au design d’expérience utilisateur 1. Contexte / Accélération technologique Croissance du nombre de sites web par ans
  9. 9. Conception | Introduction au design d’expérience utilisateur 1. Contexte / Accélération technologique Croissance du nombre d’utilisateurs par ans
  10. 10. Conception | Introduction au design d’expérience utilisateur 1. Contexte / Nouveaux rapports aux produits et services Evolution du nombre d’organisations dans la relation avec un utilisateur final Années 70 - 80 Produit technologique traditionnel Utilisateur Ventes / Réparation
  11. 11. Conception | Introduction au design d’expérience utilisateur 1. Contexte / Nouveaux rapports aux produits et services Evolution du nombre d’organisations dans la relation avec un utilisateur final Années 90 Logiciel de bureautique traditionnel Ventes Utilisateur Support
  12. 12. Conception | Introduction au design d’expérience utilisateur 1. Contexte / Nouveaux rapports aux produits et services Evolution du nombre d’organisations dans la relation avec un utilisateur final Années 2000 Sites web FAI Utilisateur Fournisseur du site
  13. 13. Conception | Introduction au design d’expérience utilisateur 1. Contexte / Nouveaux rapports aux produits et services Evolution du nombre d’organisations dans la relation avec un utilisateur final Années 2000 Mobile Fabriquant du mobile Fournisseur du réseau Utilisateur Fournisseur de l’application Fournisseur de contenus
  14. 14. Conception | Introduction au design d’expérience utilisateur 1. Contexte / Nouveaux rapports aux produits et services Coévolution prosommation co-innovation piratage / hacking opensource
  15. 15. Conception | Introduction au design d’expérience utilisateur 1. Contexte / Nouveaux rapports aux produits et services Coévolution temps
  16. 16. Conception | Introduction au design d’expérience utilisateur 1. Contexte / Apparition de nouveaux métiers Architecte de l’information
  17. 17. Conception | Introduction au design d’expérience utilisateur 1. Contexte / Apparition de nouveaux métiers Ergonome web
  18. 18. Conception | Introduction au design d’expérience utilisateur 1. Contexte / Apparition de nouveaux métiers Motion designer
  19. 19. Conception | Introduction au design d’expérience utilisateur 1. Contexte / Apparition de nouveaux métiers Content strategist
  20. 20. Conception | Introduction au design d’expérience utilisateur 1. Contexte / Apparition de nouveaux métiers Flash designer
  21. 21. Conception | Introduction au design d’expérience utilisateur 1. Contexte / Apparition de nouveaux métiers Interaction designer
  22. 22. Conception | Introduction au design d’expérience utilisateur 1. Contexte / Apparition de nouveaux métiers UX architect
  23. 23. Conception | Introduction au design d’expérience utilisateur 1. Contexte / Apparition de nouveaux métiers ...
  24. 24. Conception | Introduction au design d’expérience utilisateur 1. Contexte / Importance du design Le design joue un rôle croissant dans la création de produits et de services Deux idées reçues : ‣ «le design, c’est une affaire d’esthétique» ‣ «c’est faire un produit dans la tendance du moment (Apple, Google...)»
  25. 25. Conception | Introduction au design d’expérience utilisateur 1. Contexte / Importance du design Le design est une activité qui repose sur les éléments suivants : ‣ Empathie ‣ Résolution de problèmes ‣ Création d’idées, de concepts et protoypage ‣ Recherche d’alternatives, de nouveaux paradigmes
  26. 26. Conception | Introduction au design d’expérience utilisateur 1. Contexte / Importance du design Le design comme méthodologie est applicable à des domaines très différents : ‣ Architecture ‣ Graphisme ‣ Son ‣ Automobile ‣ Les technologies de l’information ‣ L’expérience utilisateur ‣ ...
  27. 27. Conception | Introduction au design d’expérience utilisateur A. Introduction au design d’expérience utilisateur 1. Contexte 2. Définir l’expérience utilisateur (UX) 3. Fondements de l’UX Design 4. Les domaines de l’UXD 5. L’UXD et l’entreprise 6. Références
  28. 28. Conception | Introduction au design d’expérience utilisateur 2. Définir l’expérience utilisateur / Définition « L’expérience utilisateur (en anglais, UX) décrit toute expérience et satisfaction qu’un utilisateur peut vivre et ressentir lorsqu’il utilise un produit ou un système. »
  29. 29. Conception | Introduction au design d’expérience utilisateur 2. Définir l’expérience utilisateur / “Experience is the product” "You press the button, we do the rest." George Eastman, 1888
  30. 30. Conception | Introduction au design d’expérience utilisateur 2. Définir l’expérience utilisateur / “Experience is the product” “When you start looking at a problem and it seems really simple, you don't really understand the complexity of the problem. Then you get into the problem, and you see that it's really complicated, and you come up with all these convoluted solutions. That's sort of the middle, and that's where most people stop.... But the really great person will keep on going and find the key, the underlying principle of the problem —and come up with an elegant, really beautiful solution that works.” Steve Jobs, 1984
  31. 31. Conception | Introduction au design d’expérience utilisateur 2. Définir l’expérience utilisateur / “Experience is the product” Produit Technologie
  32. 32. Conception | Introduction au design d’expérience utilisateur 2. Définir l’expérience utilisateur / “Experience is the product” Produit Fonctionnalités
  33. 33. Conception | Introduction au design d’expérience utilisateur 2. Définir l’expérience utilisateur / “Experience is the product” Produit Expérience
  34. 34. Conception | Introduction au design d’expérience utilisateur 2. Définir l’expérience utilisateur / “Experience is the product” Experience IS the product
  35. 35. Conception | Introduction au design d’expérience utilisateur 2. Définir l’expérience utilisateur / L’expérience des objets quotidiens “Why do we put up with the frustrations of everyday objects, with objects that we can’t figure out how to use, with those neat plastic wrapped packages that seem impossible to open, with doors that trap people, with washing machines and dryers that have become too confusing to [...] ?” Donald A. Norman The design of everyday things, 1988, Basic books
  36. 36. Conception | Introduction au design d’expérience utilisateur 2. Définir l’expérience utilisateur / La problématique du digital (web, mobile...) [...] a web site is a “self-service” product. There is no instruction manual to read beforehand, no training seminar to attend, no customer service representative to help the user through site. There is only the user, facing the site alone with only her wits and experience to guide her. Jesse James Garett The elements of user experience, 2002, New Riders
  37. 37. Conception | Introduction au design d’expérience utilisateur 2. Définir l’expérience utilisateur / Les facettes de l’expérience utilisateur digitale useful usable desirable valuable findable accessible credible D’après P. Morville, http://semanticstudios.com/publications/semantics/000029.php, 2004
  38. 38. Conception | Introduction au design d’expérience utilisateur A. Introduction au design d’expérience utilisateur 1. Contexte 2. Définir l’expérience utilisateur (UX) 3. Fondements de l’UX Design 4. Les domaines de l’UXD 5. L’UXD et l’entreprise 6. Références
  39. 39. Conception | Introduction au design d’expérience utilisateur 3. Fondements de l’UX Design / Origines Les 3 influences de l’UXD HCI Computer graphics Design d’interface Ergonomie Design industriel Design Utilisabilité d’interaction UXD Recherche Segmentation Méta-données utilisateurs utilisateurs Architecture de l’information Marque Stratégie Archivage CRM Taxonomie Marketing Library Science Etude de marché Documentalisme
  40. 40. Conception | Introduction au design d’expérience utilisateur 3. Fondements de l’UX Design / Origines Les 3 influences de l’UXD HCI Computer graphics Mark Boulton Douglas Bowman Jenifer Tidwell Ergonomie Design industriel Donald Norman Don Norman Alan Cooper Jakob Nielsen Bill Moggridge UXD Segmentation Méta-données utilisateurs Jesse James Garett Peter Morville Marque Louis Rosenfeld Archivage CRM Taxonomie Marketing Library Science Etude de marché Documentalisme
  41. 41. Conception | Introduction au design d’expérience utilisateur 3. Fondements de l’UX Design / Design centré sur utilisateur (UCD) Premiers pas vers le design centré sur l’utilisateur “We bear in mind that the object being worked on is going to be ridden in, sat upon, looked at, talked into, activated, operated, or in some other way used by people individually or en masse. When the point of contact between the product and the people becomes a point of friction, then the […] designer has failed. On the other hand, if people are made safer, more comfortable, more eager to purchase, more efficient —or just plain happier—by contact with the product, then the designer has succeeded.” Henry Dreyfuss,1955 Designing for People, Allworth Press
  42. 42. Conception | Introduction au design d’expérience utilisateur 3. Fondements de l’UX Design / Design centré sur utilisateur (UCD) L’UCD s’est formalisée grâce à la standardisation de la conception des applications informatiques (ISO 13407), nommée «conception centré sur l’humain» Le processus de conception centré sur l’humain définit un processus général incluant les activité centrés sur les humains par le biais d’un cycle de développement, mais ne spécifie pas exactement la méthode.
  43. 43. Conception | Introduction au design d’expérience utilisateur 3. Fondements de l’UX Design / Design centré sur utilisateur (UCD) Processus de conception centré sur l’humain (norme ISO 13407) Identifier les besoins pour le design centré utilisateur Spécifier le contexte d’utilisation Evaluer les solutions Spécifier les exigences Les exigences sont atteintes de conception utilisateurs Produire des solutions de conceptions
  44. 44. Conception | Introduction au design d’expérience utilisateur 3. Fondements de l’UX Design / Design centré sur utilisateur (UCD) Ce qu’il faut retenir sur l’UCD : ‣ Comprendre les besoins des utilisateurs (Recherche utilisateur) ‣ Concevoir des solutions qui répondent à ces besoins ‣ Faire participer les utilisateurs dans le processus de conception ‣ Conduire des tests avec les utilisateurs ‣ Modifier la conception itérativement tant que les tests ne sont pas satisfaisants Design itérations Test utilisateur Prototype et évaluation
  45. 45. Conception | Introduction au design d’expérience utilisateur 3. Fondements de l’UX Design / Design centré sur utilisateur (UCD) L’UX Design est un processus centré sur l’utilisateur
  46. 46. Conception | Introduction au design d’expérience utilisateur 3. Fondements de l’UX Design / Les éléments de Garett 5 plans Surface : rassemblons tout. Quelle est l’apparence du produit fini ? Squelette : rendons les choses concrètes. Quels composants vont être à la disposition des utilisateurs ? Structure : rassemblons les briques. Comment les différents éléments vont-ils se comporter et vivre ensemble ? Périmètre : transformons la stratégie en recommandation. Quelles sont les fonctionnalités ? Strategie : que voulons-nous retirer du site ? Quel sont les besoins des utilisateurs ? D’après J.J. Garett, The elements of user experiences, 2003, New Riders
  47. 47. Conception | Introduction au design d’expérience utilisateur A. Introduction au design d’expérience utilisateur 1. Contexte 2. Définir l’expérience utilisateur (UX) 3. Fondements de l’UX Design 4. Les domaines de l’UXD 5. L’UXD et l’entreprise 6. Références
  48. 48. Conception | Introduction au design d’expérience utilisateur 4. Les domaines de l’UXD / Pluridisciplinarité UX Strategy ! Definition des besoins ! Etude de contextes d’usage ! Strategie fonctionnelle IA ! Strategie des contenus ! Parcours utilisateurs UID ! Organisation de contenu ! Design d’interface ! Wireframes ! Spécifications graphiques ! Plannification fonctionnelle ! Catalogue d’objets UX DESIGN IxD Usability ! Modélisation des objets ! Conception des tests ! Comportement d’interface ! Recommandation et ! Organisation des gabarits rapport d’utilisabilité ! Spéc. fonctionnelles ! Process Flow Prototype ! Simulation du comportement d’interface ! Composants Front ! Librairie d’objets
  49. 49. Conception | Introduction au design d’expérience utilisateur 4. Les domaines de l’UXD / Six pôles Répartition des pôles par éléments UX Design Prototypage Utilisabilité Utilisabilité Design d’interaction UX Stratégie Architecture d’information Design d’interface stratégie périmètre structure squelette surface strategic tactic
  50. 50. Conception | Introduction au design d’expérience utilisateur 4. Les domaines de l’UXD / Métiers Graphiste(s) Développeur(s) Chef de projet
  51. 51. Conception | Introduction au design d’expérience utilisateur 4. Les domaines de l’UXD / Métiers Graphiste / User Architecte Designer Ergonome web / Développeur / Designer d’interface researcher d’information d’interaction Expert en utilisabilité Prototype front Content strategist Technology Chef de projet Rédacteur SEO expert strategist / CTO
  52. 52. Conception | Introduction au design d’expérience utilisateur 4. Les domaines de l’UXD / Métiers Architecte de l’information organise, modélise et catégorise l’information. Ce qui comprend souvent la mise en place d’un système de classification et de nomenclaturage pour les sites web, ou applications.
  53. 53. Conception | Introduction au design d’expérience utilisateur 4. Les domaines de l’UXD / Métiers Designer d’interaction définit les comportements des produits et des systèmes avec lesquels un utilisateur peut interagir.
  54. 54. Conception | Introduction au design d’expérience utilisateur 4. Les domaines de l’UXD / Métiers Ergonome web / Expert utilisabilité évalue la faculté d’un objet, d’un service ou d’un système à être utilisable, en conduisant des tests et des recherches auprès des utilisateurs.
  55. 55. Conception | Introduction au design d’expérience utilisateur 4. Les domaines de l’UXD / Métiers Expert en recherche utilisateur étudie et modélise les objectifs et besoins des utilisateurs en menant des interviews et des tests dans un contexte d’usage donné.
  56. 56. Conception | Introduction au design d’expérience utilisateur 4. Les domaines de l’UXD / Métiers Designer / Architecte Expérience utilisateur conçoit et produit les éléments de l’expérience d’un utilisateur comme résultante d’une interaction avec un produit, un service ou un système.
  57. 57. Conception | Introduction au design d’expérience utilisateur 4. Les domaines de l’UXD / Métiers Designer interactif polyvalent, son activité regroupe souvent le design graphique, le design d’interface web, le design d’interaction et le motion design.
  58. 58. Conception | Introduction au design d’expérience utilisateur 4. Les domaines de l’UXD / Typologies des systèmes digitaux Applicatif Desktop, bornes, autres... N M ew on s de s vi rtu el s Audiovisuel Informationnel
  59. 59. Conception | Introduction au design d’expérience utilisateur 4. Les domaines de l’UXD / Typologies des systèmes digitaux Applicatif Desktop, bornes, autres... mouvements 2D/3D travelling, panoramique trajectoire, rotation, zoom... transitions 2D/3D fade, iris, wipe... filtres 2D/3D blur, glow, bevel... réponse sonore pan stéréo, filtres, intensité... N M ew on s d es vi rtu el s Audiovisuel Informationnel
  60. 60. Conception | Introduction au design d’expérience utilisateur 4. Les domaines de l’UXD / Typologies des systèmes digitaux Applicatif Desktop, bornes, autres... RDA : Rich Desktop Application RMA : Rich Mobile Application RIA : Rich Internet Application Tr Bl N So Je Fi Pu a M ew og lm ns ux ci bl on s s s, al a ic en d ct ita do es io lig ire c nn vi ne in ,E rtu el te vt el ra ,P s ct or ifs tfo lio ... Audiovisuel Informationnel
  61. 61. Conception | Introduction au design d’expérience utilisateur 4. Les domaines de l’UXD / Typologies des systèmes digitaux Applicatif Desktop, bornes, autres... RDA : Rich Desktop Application RMA : Rich Mobile Application RIA : Rich Internet Application Tr Bl N So Je Fi Pu a M ew og lm ns ux ci bl on s s s, al a ic en d ct ita do es io lig ire c nn vi ne in ,E rtu el te vt el ra ,P s ct or ifs tfo lio ... Audiovisuel Informationnel
  62. 62. Conception | Introduction au design d’expérience utilisateur 4. Les domaines de l’UXD / Typologies des systèmes digitaux Applicatif Desktop, bornes, autres... RDA : Rich Desktop Application RMA : Rich Mobile Application RIA : Rich Internet Application Tr Bl N So Je Fi Pu a M ew og lm ns ux ci bl on s s s, al a ic en d ct ita do es io lig ire c nn vi ne in ,E rtu el te vt el ra ,P s ct or ifs tfo lio ... Audiovisuel Informationnel
  63. 63. Conception | Introduction au design d’expérience utilisateur 4. Les domaines de l’UXD / Typologies des systèmes digitaux Applicatif Desktop, bornes, autres... RDA : Rich Desktop Application RMA : Rich Mobile Application RIA : Rich Internet Application Tr Bl N So Je Fi Pu a M ew og lm ns ux ci bl on s s s, al a ic en d ct ita do es io lig ire c nn vi ne in ,E rtu el te vt el ra ,P s ct or ifs tfo lio ... Audiovisuel Informationnel
  64. 64. Conception | Introduction au design d’expérience utilisateur 4. Les domaines de l’UXD / Typologies des systèmes digitaux Applicatif Desktop, bornes, autres... RDA : Rich Desktop Application RMA : Rich Mobile Application RIA : Rich Internet Application Tr Bl N So Je Fi Pu a M ew og lm ns ux ci bl on s s s, al a ic en d ct ita do es io lig ire c nn vi ne in ,E rtu el te vt el ra ,P s ct or ifs tfo lio ... Audiovisuel Informationnel
  65. 65. Conception | Introduction au design d’expérience utilisateur 4. Les domaines de l’UXD / Typologies des systèmes digitaux Applicatif Desktop, bornes, autres... RDA : Rich Desktop Application RMA : Rich Mobile Application RIA : Rich Internet Application Tr Bl N So Je Fi Pu a M ew og lm ns ux ci bl on s s s, al a ic en d ct ita do es io lig ire c nn vi ne in ,E rtu el te vt el ra ,P s ct or ifs tfo lio ... Audiovisuel Informationnel
  66. 66. Conception | Introduction au design d’expérience utilisateur 4. Les domaines de l’UXD / Typologies des systèmes digitaux Applicatif Desktop, bornes, autres... RDA : Rich Desktop Application RMA : Rich Mobile Application RIA : Rich Internet Application Tr Bl N So Je Fi Pu a M ew og lm ns ux ci bl on s s s, al a ic en d ct ita do es io lig ire c nn vi ne in ,E rtu el te vt el ra ,P s ct or ifs tfo lio ... Audiovisuel Informationnel
  67. 67. Conception | Introduction au design d’expérience utilisateur 4. Les domaines de l’UXD / Typologies des systèmes digitaux Affectation des métiers par typologie Informationnel User researcher Architecte de l’information Designer d’interaction Ergonome Web / Expert Utilisabilité Designer d’interface UX Designer
  68. 68. Conception | Introduction au design d’expérience utilisateur 4. Les domaines de l’UXD / Typologies des systèmes digitaux Affectation des métiers par typologie Applicatif User researcher Architecte de l’information Designer d’interaction Ergonome Web / Expert Utilisabilité Designer d’interface UX Designer
  69. 69. Conception | Introduction au design d’expérience utilisateur 4. Les domaines de l’UXD / Typologies des systèmes digitaux Affectation des métiers par typologie Audiovisuel User researcher Architecte de l’information Designer d’interaction Ergonome Web / Expert Utilisabilité Designer d’interface UX Designer
  70. 70. Conception | Introduction au design d’expérience utilisateur A. Introduction au design d’expérience utilisateur 1. Contexte 2. Définir l’expérience utilisateur (UX) 3. Fondements de l’UX Design 4. Les domaines de l’UXD 5. L’UXD et l’entreprise 6. Références
  71. 71. Conception | Introduction au design d’expérience utilisateur 5. L’UXD et l’entreprise / Typologie des entreprises TYPE APPROCHE PRODUITS EXEMPLE CMS, applications, Intranets, SSII Informatique SQLI e-commerce... Campagnes marketing online, contenus, Web agency Communication applications, intranets, e-commerces, Ogilvy Interactive réseaux sociaux, chartes graphiques... Fonctionnalités, contenus, services, tests, Pure player Service Amazon relatifs à une plateforme Objets, services, interfaces, applications, Agence de design Design IDEO chartes graphiques, tests... Cabinet de Livrables UX, recherche utilisateur, tests, UX Design Adaptive Path consultants UX rapports de tests, audits
  72. 72. Conception | Introduction au design d’expérience utilisateur 5. L’UXD et l’entreprise / Stratégie de l’entreprise vs objectifs de l’utilisateur Devenir leader sur le marché de l’industrie X Générer Stratégie de l’entreprise l’engouement parmi nos client Augmenter la fréquentation de notre site web...
  73. 73. Conception | Introduction au design d’expérience utilisateur 5. L’UXD et l’entreprise / Stratégie de l’entreprise vs objectifs de l’utilisateur Gagner de l’argent Susciter Objectifs utilisateurs l’admiration de ses proches Rendre plus pratique sa vie quotidienne...
  74. 74. Conception | Introduction au design d’expérience utilisateur 5. L’UXD et l’entreprise / Stratégie de l’entreprise vs objectifs de l’utilisateur Stratégie de l’entreprise Objectifs utilisateurs
  75. 75. Conception | Introduction au design d’expérience utilisateur 5. L’UXD et l’entreprise / Stratégie de l’entreprise vs objectifs de l’utilisateur Définition du projet Définition des business goal Stratégie de l’entreprise Stratégie UX Objectifs utilisateurs Filtrage des objectifs utilisateurs
  76. 76. Conception | Introduction au design d’expérience utilisateur 5. L’UXD et l’entreprise / Quand l’UX devient philosophie Le cas Google Manifeste UX 1. Focus on people – their lives, their work, their dreams. 2. Every millisecond counts. 3. Simplicity is powerful. 4. Engage beginners and attract experts. 5. Dare to innovate. 6. Design for the world. 7. Plan for today's and tomorrow's business. 8. Delight the eye without distracting the mind. 9. Be worthy of people's trust. 10.Add a human touch. Sources : http://www.google.com/corporate/ux.html
  77. 77. Conception | Introduction au design d’expérience utilisateur 5. L’UXD et l’entreprise / Quand l’UX devient philosophie Le cas Google Philosophie de l’entreprise 1. Focus on the user and all else will follow. 2. It’s best to do one thing really, really well. 3. Fast is better than slow. 4. Democracy on the web works. 5. You don’t need to be at your desk to need an answer. 6. You can make money without doing evil. 7. There’s always more information out there. 8. The need for information crosses all borders. 9. You can be serious without a suit. 10.Great just isn’t good enough. Sources :http://www.google.com/corporate/tenthings.html
  78. 78. Conception | Introduction au design d’expérience utilisateur 5. L’UXD et l’entreprise / L’UXD dans les projets digitaux project management concrete design technology content implementation production tactic abstract design strategic technology content strategy strategy site strategy user research
  79. 79. Conception | Introduction au design d’expérience utilisateur 5. L’UXD et l’entreprise / L’UXD dans les projets digitaux project management Usability UID concrete design Prototype technology content implementation IxD production tactic abstract IxD IA design strategic technology content strategy IA strategy Usability site strategy UX Strat. user research
  80. 80. Conception | Introduction au design d’expérience utilisateur 5. L’UXD et l’entreprise / Une nouvelle approche de la gestion de projet D’après Mr. Patrick J. Lynch & Ms. Sarah Horton, Web Style Guide, 3rd edition, 2009, Yale University Press
  81. 81. Conception | Introduction au design d’expérience utilisateur 5. L’UXD et l’entreprise / Une nouvelle approche de la gestion de projet Approche classique en cascade
  82. 82. Conception | Introduction au design d’expérience utilisateur 5. L’UXD et l’entreprise / Une nouvelle approche de la gestion de projet Déperdition de la qualité dans une approche en cascade Quality Temps Strategy Design Development
  83. 83. Conception | Introduction au design d’expérience utilisateur 5. L’UXD et l’entreprise / Une nouvelle approche de la gestion de projet Approche agile
  84. 84. Conception | Introduction au design d’expérience utilisateur 5. L’UXD et l’entreprise / Une nouvelle approche de la gestion de projet Approche hybride pragmatique
  85. 85. Conception | Introduction au design d’expérience utilisateur 5. L’UXD et l’entreprise / Une nouvelle approche de la gestion de projet Augmentation de la qualité dans une approche hybride pragmatique Quality UX UX UX UX Temps Strategy Design Development
  86. 86. Conception | Introduction au design d’expérience utilisateur 6. L’UXD et l’entreprise / Enjeux et bénéfices Enjeux ‣ Composer et connaître la culture de l’entreprise ‣ Faire comprendre que : Process existant + UXD + bénéfices <= coût du process existant et que : Nouveau process UXD orienté + bénéfices << coût ancien process ‣ La mutation des process est souvent perçue comme une menace par l’entreprise
  87. 87. Conception | Introduction au design d’expérience utilisateur 6. L’UXD et l’entreprise / Enjeux et bénéfices Bénéfices ‣ ROI ‣ Augmentation du taux de conversion des utilisateurs ‣ Fidélisation des utilisateurs ‣ Avantage compétitif
  88. 88. Conception | Introduction au design d’expérience utilisateur A. Introduction au design d’expérience utilisateur 1. Contexte 2. Définir l’expérience utilisateur (UX) 3. Fondements de l’UX Design 4. Les domaines de l’UXD 5. L’UXD et l’entreprise 6. Références
  89. 89. Conception | Introduction au design d’expérience utilisateur 7. Références / Bibliographie Hunger & Chandler, A project guide to UX Design, 2009, New Riders Merholz, Shauer, Verba & Wilkens, Subject to change, 2009, Garett, The elements of user experience, 2002, New Riders, O’Reilly Morville, Rosenfeld, Information Architecture for the World Wide Web, 2002, O’Reilly Norman, The design of everyday things, 1988, Basic books The Human-Computer Interaction Handbook, 2008, LEA Cooper, About Face 3 (The Essentials of Interaction Design), 2007, Wiley Saffer, Designing for interaction, 2007, New Riders Moggridge, Designing Interactions, MIT Press, 2006 Tidwell, Designing Interfaces, 2005, O’Reilly
  90. 90. Conception | Introduction au design d’expérience utilisateur 7. Références / Webographie Actualités sur l’UX Interaction Design http://www.uxmag.com/ http://www.ixda.org/ http://boxesandarrows.com http://www.cooper.com/ http://adaptivepath.com/ http://www.odannyboy.com/portfolio/index.html http://semanticstudios.com/publications/semantics/000228.php (sur les livrables UX) http://developer.yahoo.com/ypatterns/ http://www.digitaldesignblog.com/ (blog UX de Razorfish) Strategic Design et design d’information User Design Interface http://www.visualcomplexity.com http://ui-patterns.com/ http://www.visual-literacy.org/periodic_table/periodic_table.html http://uie.com/ http://www.communicatingdesign.com/ http://www.thebackofthenapkin.com/ Usability Architecture d’information http://www.clearleft.com http://www.iainstitute.org/ http://www.useit.com/ http://www.jjg.net/ia/ http://www.sensible.com/index.html http://informationarchitects.jp/ http://iatelevision.blogspot.com/
  91. 91. http://www.slideshare.net/davethepreacher
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×