This document provides an introduction to the course I300 - Human-Computer Interaction at Indiana University Bloomington. It discusses key concepts in HCI like the intersection of technology and human behavior, user-centered design, and the roles of UX researchers and designers. It outlines the design process from research to evaluation. It also introduces the first mini-project assignment which involves selecting a context of use to design for and interviewing people in that context to gather insights.

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. Design Disruptors
https://youtu.be/9I-Y6VQ6tyI

3. What's going
on here?

7. •People?
•Phone'stechpower?
•Marketing?
•Culture?
•Age?
•Fashion?

8. HCI

9. Intersection between the
social and behavioral
sciences on the one hand, and
computer and information
technology on the other.
Carroll (2003)

10. It is concerned with
understanding how people
make use of devices and
systems that incorporate or
embed computation…
Carroll (2003)

11. … and how such devices and
systems can be more useful
and more usable.
Carroll (2003)

12. HCI professionals analyze and
design user interfaces
and new user interface
technologies.
Carroll (2003)

13. HCI professionals analyze and
design user interfaces
and new user interface
technologies.
Carroll (2003)
Research

14. HCI professionals analyze and
design user interfaces
and new user interface
technologies.
Carroll (2003)
Practice

15. UCD

17. Research

18. Design

19. Evaluation

20. UX

23. Research
Observation
Interviews
Survey
Focus group
Design
Interaction Flows
Paper prototypes
Wireframes
High-fi prototypes
Evaluation
Usability testing
Heuristic
Evaluation
User Experience Design

24. IxD

26. The big
picture

27. User

28. User

29. User
Needs

30. User
Needs
Client

31. User
Needs
Client

32. User
Needs
Client
You:UXDesigner

33. User
Needs
Client
You:UXDesigner
Requirements

34. User
Needs
Client
You:UXDesigner
Requirements

35. User
Needs
Client
You:UXDesigner
Requirements
Research

36. User
Needs
Client
You:UXDesigner
Requirements
Design
UXDesign

37. User
Needs
Client
You:UXDesigner
Requirements
Design
Test

38. Thereis:
Aclientwithcertainrequirements
Auserwithcertainneeds
Aproductthatisintendedtofulfillthe
requirementsandneeds,and
additionally,toprovideagreatUX

39. Thereis:
Aclientwithcertainrequirements
Auserwithcertainneeds
Aproductthatisintendedtofulfillthe
requirementsandneeds,and
additionally,toprovideagreatUX

40. Thereis:
Aclientwithcertainrequirements
Auserwithcertainneeds
Aproductthatisintendedtofulfillthe
requirementsandneeds,and
additionally,toprovideagreatUX

41. Thereis:
Aclientwithcertainrequirements
Auserwithcertainneeds
Aproductthatisintendedtofulfillthe
requirementsandneeds,and
additionally,toprovideagreatUX
Is that simple?
Hooray!

42. NO

43. Yourdesignwon'tliveinavacuum…

44. Image: http://www.psych.ox.ac.uk/research/neurobiology-of-ageing/@@images/
image

45. Research
Observation
Interviews
Survey
Focus group
Design
Interaction Flows
Paper prototypes
Wireframes
High-fi prototypes
Evaluation
Usability testing
Heuristic
Evaluation
User Experience Design

46. Mini-project 1

47. Part 1 due tonight at 11:59 PM
Part 2 due Wednesday night,
also before midnight

48. Part 1 only requires you to
select one context of use and
explain what you would
design for the people
frequenting that place.

49. 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.

50. Each part has its Canvas
assignment post

51. I already posted some
readings that will be useful for
this mini-project. Please, take
a look at them.

52. You may start using your I300
supplies for this mini-project

53. Let's review
the syllabus

54. Thanks!
@omitzec
tzec.com
Note: Images taken from the Web just for pedagogical purposes.
Copyright may apply.