Cours1: design d'interaction

2,239 views

Published on

Voici les slides du premier cours en Design d'intéraction donné au Collège Salette.

Published in: Design
0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
2,239
On SlideShare
0
From Embeds
0
Number of Embeds
292
Actions
Shares
0
Downloads
70
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide

Cours1: design d'interaction

  1. 1. Design d’intéraction Cours #1Tuesday, September 13, 2011
  2. 2. Salut!Tuesday, September 13, 2011
  3. 3. Qu’est ce que le Design?Tuesday, September 13, 2011
  4. 4. Définition: Le design ou la stylique est une discipline visant à représenter concrètement, une pensée, un concept ou une intention en tenant compte éventuellement dune ou des contraintes fonctionnelles, structurelles, esthétiques, didactiques, symboliques, techniques et productives. Ces représentations peuvent être tangibles ou virtuelles et sinscrivent de préférence dans un contexte social, économique, culturel. http://fr.wikipedia.org/wiki/DesignTuesday, September 13, 2011
  5. 5. À quoi sert le Design?Tuesday, September 13, 2011
  6. 6. Objectifs: 1. Le design sert à organiser le chaos. 2. Rendre service aux humains. 3. À communiquer.Tuesday, September 13, 2011
  7. 7. Cette chaise est faite pour qui?Tuesday, September 13, 2011
  8. 8. Cette chaise est faite pour qui?Tuesday, September 13, 2011
  9. 9. “People centered design”Tuesday, September 13, 2011
  10. 10. HCI is a process in which the needs, wants, and limitations of end users of a product are given extensive attention at each stage of the design process. User-centered design can be characterized as a multi-stage problem solving process that not only requires designers to analyze and foresee how users are likely to use a product, but also to test the validity of their assumptions with regards to user behaviour in real world tests with actual users. Such testing is necessary as it is often very difficult for the designers of a product to understand intuitively what a first-time user of their design experiences, and what each users learning curve may look like.Tuesday, September 13, 2011
  11. 11. Needs. vrs. Wants.Tuesday, September 13, 2011
  12. 12. Besoins. vrs. Désirs.Tuesday, September 13, 2011
  13. 13. Comment être un bon* designer d’intéraction?Tuesday, September 13, 2011
  14. 14. Tuesday, September 13, 2011
  15. 15. designer d’intéraction = créativité + logique compassionTuesday, September 13, 2011
  16. 16. Tuesday, September 13, 2011
  17. 17. Le génie seule n’est plus.Tuesday, September 13, 2011
  18. 18. Tuesday, September 13, 2011
  19. 19. Web = participation & collaborationTuesday, September 13, 2011
  20. 20. Arts appliqués vs. Beaux-Arts Arts appliqués : vaste Beaux-Arts : disciplines secteur dactivité des artistiques telles la peinture, designers, cest-à-dire ceux la sculpture et la gravure. qui réfléchissent et travaillent la forme et la fonction de tout ce qui entoure lindividu : objets, habitat, vêtements, etc.Tuesday, September 13, 2011
  21. 21. Quel est l’objectif du Design?Tuesday, September 13, 2011
  22. 22. Design: Le Design doit être inventif, créer de nouvelles façons de faire, ou de meilleure façon de faire tout en contribuant à la culture.Tuesday, September 13, 2011
  23. 23. Innover.Tuesday, September 13, 2011
  24. 24. Comment?Tuesday, September 13, 2011
  25. 25. Faire abstraction.Tuesday, September 13, 2011
  26. 26. Survol des disciplines du Design.Tuesday, September 13, 2011
  27. 27. 3 grandes disciplinesTuesday, September 13, 2011
  28. 28. Design graphique/ communicationnelTuesday, September 13, 2011
  29. 29. Design graphique/communicationnel Objectif ?Tuesday, September 13, 2011
  30. 30. Design graphique/communicationnel * Informer Objectif ? * Communiquer * PersuaderTuesday, September 13, 2011
  31. 31. Tuesday, September 13, 2011
  32. 32. Design graphique (publicitaire)Tuesday, September 13, 2011
  33. 33. Tuesday, September 13, 2011
  34. 34. Design graphique (image de marque)Tuesday, September 13, 2011
  35. 35. Tuesday, September 13, 2011
  36. 36. Design de packagingTuesday, September 13, 2011
  37. 37. Tuesday, September 13, 2011
  38. 38. Tuesday, September 13, 2011
  39. 39. Design informationnelTuesday, September 13, 2011
  40. 40. Tuesday, September 13, 2011
  41. 41. Design événementielTuesday, September 13, 2011
  42. 42. Tuesday, September 13, 2011
  43. 43. Design signalétiqueTuesday, September 13, 2011
  44. 44. Motion DesignTuesday, September 13, 2011
  45. 45. Tuesday, September 13, 2011
  46. 46. Design physique/ tangibleTuesday, September 13, 2011
  47. 47. Design physique/tangible Objectif ?Tuesday, September 13, 2011
  48. 48. * Résoudre un ou des problèmes Design physique/tangible * Permettre à Objectif ? l’utilisateur daccomplir une ou des tâchesTuesday, September 13, 2011
  49. 49. Tuesday, September 13, 2011
  50. 50. Design industrielTuesday, September 13, 2011
  51. 51. Tuesday, September 13, 2011
  52. 52. Design automobileTuesday, September 13, 2011
  53. 53. Tuesday, September 13, 2011
  54. 54. Design de meuble et design dintérieurTuesday, September 13, 2011
  55. 55. Tuesday, September 13, 2011
  56. 56. Design architecturalTuesday, September 13, 2011
  57. 57. Tuesday, September 13, 2011
  58. 58. Design de vêtements (mode)Tuesday, September 13, 2011
  59. 59. Design dinteraction/ (interface usager numérique)Tuesday, September 13, 2011
  60. 60. Design dinteraction Objectif ?Tuesday, September 13, 2011
  61. 61. * Informer * Communiquer * Persuader Design dinteraction * Résoudre un ou Objectif ? des problèmes * Permettre à l’utilisateur daccomplir une ou des tâchesTuesday, September 13, 2011
  62. 62. Tuesday, September 13, 2011
  63. 63. Design dinterface web  Tuesday, September 13, 2011
  64. 64. Tuesday, September 13, 2011
  65. 65. Design dinterface logicielleTuesday, September 13, 2011
  66. 66. Tuesday, September 13, 2011
  67. 67. Design dinterface mobileTuesday, September 13, 2011
  68. 68. Tuesday, September 13, 2011
  69. 69. Tuesday, September 13, 2011
  70. 70. Design dinterface de kiosque interactifTuesday, September 13, 2011
  71. 71. Tuesday, September 13, 2011
  72. 72. Design dinterface téléTuesday, September 13, 2011
  73. 73. Tuesday, September 13, 2011
  74. 74. Design dinterface DVDTuesday, September 13, 2011
  75. 75. Tuesday, September 13, 2011
  76. 76. Design d’interface holographiqueTuesday, September 13, 2011
  77. 77. Tuesday, September 13, 2011
  78. 78. Tuesday, September 13, 2011
  79. 79. Design dinterfaces diversesTuesday, September 13, 2011
  80. 80. Tuesday, September 13, 2011
  81. 81. Tuesday, September 13, 2011
  82. 82. Design de jeuxTuesday, September 13, 2011
  83. 83. Types de sites WebTuesday, September 13, 2011
  84. 84. Tuesday, September 13, 2011
  85. 85. Réseau socialTuesday, September 13, 2011
  86. 86. Tuesday, September 13, 2011
  87. 87. Portail dinformation (site de nouvelles)Tuesday, September 13, 2011
  88. 88. Tuesday, September 13, 2011
  89. 89. Site transactionnel (commerce électronique)Tuesday, September 13, 2011
  90. 90. Tuesday, September 13, 2011
  91. 91. Site informationnel     (Site institutionnel)Tuesday, September 13, 2011
  92. 92. Tuesday, September 13, 2011
  93. 93. Site informationnel (Site corporatif)Tuesday, September 13, 2011
  94. 94. Tuesday, September 13, 2011
  95. 95. Tuesday, September 13, 2011
  96. 96. Site promotionnelTuesday, September 13, 2011
  97. 97. Tuesday, September 13, 2011
  98. 98. Site de divertissementTuesday, September 13, 2011
  99. 99. Tuesday, September 13, 2011
  100. 100. Moteur de rechercheTuesday, September 13, 2011
  101. 101. Tuesday, September 13, 2011
  102. 102. Outils en ligneTuesday, September 13, 2011
  103. 103. Tuesday, September 13, 2011
  104. 104. BlogueTuesday, September 13, 2011
  105. 105. Tuesday, September 13, 2011
  106. 106. MicroblogueTuesday, September 13, 2011
  107. 107. Tuesday, September 13, 2011
  108. 108. MagazineTuesday, September 13, 2011
  109. 109. Types de sites Web * Site informationnel      - Site corporatif      - Site institutionnel * Site promotionnel * Site transactionnel (commerce électronique) * Site de divertissement * Portail dinformation (site de nouvelles) * Réseau social * Moteur de recherche * Outils en ligne * Blogue * Microblogue * Wiki * Forum * Éditeur de site (CMS) * Intranet  * ExtranetTuesday, September 13, 2011
  110. 110. Le mouvement Design Thinking  Le Design Thinking (« pensée design ») est un processus de résolution pratique et créative de problèmes, orienté sur des résultats bonifiants. Cest la capacité de combiner lempathie, la créativité et la rationnalité pour satisfaire les besoins des utilisateurs et alimenter le succès daffaires. Contrairement à la pensée analytique, la pensée design est un processus créatif basé sur laccumulation didées. Aucune préconception nest posée dès le départ ; cela permet déliminer la peur de léchec et dencourager une participation maximale dans les phases didéation et de prototype. Tim Brown de IDEO a inventé et défini le termeTuesday, September 13, 2011
  111. 111. Tuesday, September 13, 2011
  112. 112. Tuesday, September 13, 2011
  113. 113. Tuesday, September 13, 2011
  114. 114. Références Film : Objectified Livres : Designing Interactions (Bill Moggridge) The Laws of Simplicity (John Maeda) Visual Explanations (Tufte) Don’t Make Me Think! (Steve Krug) A Book Apart (tous) Web : http://en.wikipedia.org/wiki/Design http://www.ixda.org/ http://www.ideo.com/ How to create passionate users  http://headrush.typepad.com/ http://www.useit.com/ http://www.useit.com/alertbox/mental-models.html http://www.smashingmagazine.com/2010/01/05/25-user-experience-videos-that- are-worth-your-time/ http://uxmag.com/design/guiding-principles-for-ux-designers http://www.abookapart.com/Tuesday, September 13, 2011
  115. 115. Devoir Évaluer 3 designs (Choisir au moins un design d’interface) Quels sont les objectif(s) Comment auriez-vous innové ce design?Tuesday, September 13, 2011
  116. 116. designingforcommunitie s@gmail.comTuesday, September 13, 2011

×