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.

Introduction to Human-Computer Interaction and Interaction Design

1,532 views

Published on

Introductory lecture slides for the course INFO-I 300 Human-Computer Interaction/Interaction Design at Indiana University School of Informatics and Computing. Instructor of record: Omar Sosa-Tzec, PhD Candidate in Informatics (HCI Design).

Published in: Design
  • Be the first to comment

  • Be the first to like this

Introduction to Human-Computer Interaction and Interaction Design

  1. 1. Designiseverywhere, oratleast,that’swhattheysay Introduction to I300 OmarSosa-Tzec School of Informatics & Computing Indiana University Bloomington info i300 Human-Computer Interaction Fall 2016
  2. 2. Design Disruptors https://youtu.be/9I-Y6VQ6tyI
  3. 3. What's going on here?
  4. 4. •People? •Phone'stechpower? •Marketing? •Culture? •Age? •Fashion?
  5. 5. HCI
  6. 6. Intersection between the social and behavioral sciences on the one hand, and computer and information technology on the other. Carroll (2003)
  7. 7. It is concerned with understanding how people make use of devices and systems that incorporate or embed computation… Carroll (2003)
  8. 8. … and how such devices and systems can be more useful and more usable. Carroll (2003)
  9. 9. HCI professionals analyze and design user interfaces 
 and new user interface technologies. Carroll (2003)
  10. 10. HCI professionals analyze and design user interfaces 
 and new user interface technologies. Carroll (2003) Research
  11. 11. HCI professionals analyze and design user interfaces 
 and new user interface technologies. Carroll (2003) Practice
  12. 12. UCD
  13. 13. Research
  14. 14. Design
  15. 15. Evaluation
  16. 16. UX
  17. 17. Research 
 Observation Interviews Survey Focus group Design 
 Interaction Flows Paper prototypes Wireframes High-fi prototypes Evaluation 
 Usability testing Heuristic Evaluation User Experience Design
  18. 18. IxD
  19. 19. The big picture
  20. 20. User
  21. 21. User
  22. 22. User Needs
  23. 23. User Needs Client
  24. 24. User Needs Client
  25. 25. User Needs Client You:UXDesigner
  26. 26. User Needs Client You:UXDesigner Requirements
  27. 27. User Needs Client You:UXDesigner Requirements
  28. 28. User Needs Client You:UXDesigner Requirements Research
  29. 29. User Needs Client You:UXDesigner Requirements Design UXDesign
  30. 30. User Needs Client You:UXDesigner Requirements Design Test
  31. 31. Thereis: Aclientwithcertainrequirements Auserwithcertainneeds Aproductthatisintendedtofulfillthe requirementsandneeds,and additionally,toprovideagreatUX
  32. 32. Thereis: Aclientwithcertainrequirements Auserwithcertainneeds Aproductthatisintendedtofulfillthe requirementsandneeds,and additionally,toprovideagreatUX
  33. 33. Thereis: Aclientwithcertainrequirements Auserwithcertainneeds Aproductthatisintendedtofulfillthe requirementsandneeds,and additionally,toprovideagreatUX
  34. 34. Thereis: Aclientwithcertainrequirements Auserwithcertainneeds Aproductthatisintendedtofulfillthe requirementsandneeds,and additionally,toprovideagreatUX Is that simple? Hooray!
  35. 35. NO
  36. 36. Yourdesignwon'tliveinavacuum…
  37. 37. Image: http://www.psych.ox.ac.uk/research/neurobiology-of-ageing/@@images/ image
  38. 38. Research 
 Observation Interviews Survey Focus group Design 
 Interaction Flows Paper prototypes Wireframes High-fi prototypes Evaluation 
 Usability testing Heuristic Evaluation User Experience Design
  39. 39. Mini-project 1
  40. 40. Part 1 due tonight at 11:59 PM Part 2 due Wednesday night, also before midnight
  41. 41. Part 1 only requires you to select one context of use and explain what you would design for the people frequenting that place.
  42. 42. Part 2 requires you to interview briefly three people from that place. Don't talk to anyone without having the first part finished. You will need to report your insights for this part.
  43. 43. Each part has its Canvas assignment post
  44. 44. I already posted some readings that will be useful for this mini-project. Please, take a look at them.
  45. 45. You may start using your I300 supplies for this mini-project
  46. 46. Let's review the syllabus
  47. 47. Thanks! @omitzec tzec.com Note: Images taken from the Web just for pedagogical purposes. Copyright may apply.

×