introduction to human-computer interaction and interaction design
TRANSCRIPT
![Page 1: Introduction to Human-Computer Interaction and Interaction Design](https://reader031.vdocuments.net/reader031/viewer/2022022201/5886f15d1a28abba528b6cfd/html5/thumbnails/1.jpg)
Design is everywhere, or at least, that’s what they sayIntroduction to I300
Omar Sosa-Tzec School of Informatics & Computing Indiana University Bloomington
info i300 Human-Computer Interaction Fall 2016
![Page 3: Introduction to Human-Computer Interaction and Interaction Design](https://reader031.vdocuments.net/reader031/viewer/2022022201/5886f15d1a28abba528b6cfd/html5/thumbnails/3.jpg)
What's going on here?
![Page 4: Introduction to Human-Computer Interaction and Interaction Design](https://reader031.vdocuments.net/reader031/viewer/2022022201/5886f15d1a28abba528b6cfd/html5/thumbnails/4.jpg)
![Page 5: Introduction to Human-Computer Interaction and Interaction Design](https://reader031.vdocuments.net/reader031/viewer/2022022201/5886f15d1a28abba528b6cfd/html5/thumbnails/5.jpg)
![Page 6: Introduction to Human-Computer Interaction and Interaction Design](https://reader031.vdocuments.net/reader031/viewer/2022022201/5886f15d1a28abba528b6cfd/html5/thumbnails/6.jpg)
![Page 7: Introduction to Human-Computer Interaction and Interaction Design](https://reader031.vdocuments.net/reader031/viewer/2022022201/5886f15d1a28abba528b6cfd/html5/thumbnails/7.jpg)
•People? •Phone's tech power? •Marketing? •Culture? •Age? •Fashion?
![Page 8: Introduction to Human-Computer Interaction and Interaction Design](https://reader031.vdocuments.net/reader031/viewer/2022022201/5886f15d1a28abba528b6cfd/html5/thumbnails/8.jpg)
HCI
![Page 9: Introduction to Human-Computer Interaction and Interaction Design](https://reader031.vdocuments.net/reader031/viewer/2022022201/5886f15d1a28abba528b6cfd/html5/thumbnails/9.jpg)
Intersection between the social and behavioral sciences on the one hand, and computer and information technology on the other.
Carroll (2003)
![Page 10: Introduction to Human-Computer Interaction and Interaction Design](https://reader031.vdocuments.net/reader031/viewer/2022022201/5886f15d1a28abba528b6cfd/html5/thumbnails/10.jpg)
It is concerned with understanding how people make use of devices and systems that incorporate or embed computation…
Carroll (2003)
![Page 11: Introduction to Human-Computer Interaction and Interaction Design](https://reader031.vdocuments.net/reader031/viewer/2022022201/5886f15d1a28abba528b6cfd/html5/thumbnails/11.jpg)
… and how such devices and systems can be more useful and more usable.
Carroll (2003)
![Page 12: Introduction to Human-Computer Interaction and Interaction Design](https://reader031.vdocuments.net/reader031/viewer/2022022201/5886f15d1a28abba528b6cfd/html5/thumbnails/12.jpg)
HCI professionals analyze and design user interfaces and new user interface technologies.
Carroll (2003)
![Page 13: Introduction to Human-Computer Interaction and Interaction Design](https://reader031.vdocuments.net/reader031/viewer/2022022201/5886f15d1a28abba528b6cfd/html5/thumbnails/13.jpg)
HCI professionals analyze and design user interfaces and new user interface technologies.
Carroll (2003)
Research
![Page 14: Introduction to Human-Computer Interaction and Interaction Design](https://reader031.vdocuments.net/reader031/viewer/2022022201/5886f15d1a28abba528b6cfd/html5/thumbnails/14.jpg)
HCI professionals analyze and design user interfaces and new user interface technologies.
Carroll (2003)
Practice
![Page 15: Introduction to Human-Computer Interaction and Interaction Design](https://reader031.vdocuments.net/reader031/viewer/2022022201/5886f15d1a28abba528b6cfd/html5/thumbnails/15.jpg)
UCD
![Page 16: Introduction to Human-Computer Interaction and Interaction Design](https://reader031.vdocuments.net/reader031/viewer/2022022201/5886f15d1a28abba528b6cfd/html5/thumbnails/16.jpg)
![Page 17: Introduction to Human-Computer Interaction and Interaction Design](https://reader031.vdocuments.net/reader031/viewer/2022022201/5886f15d1a28abba528b6cfd/html5/thumbnails/17.jpg)
Research
![Page 18: Introduction to Human-Computer Interaction and Interaction Design](https://reader031.vdocuments.net/reader031/viewer/2022022201/5886f15d1a28abba528b6cfd/html5/thumbnails/18.jpg)
Design
![Page 19: Introduction to Human-Computer Interaction and Interaction Design](https://reader031.vdocuments.net/reader031/viewer/2022022201/5886f15d1a28abba528b6cfd/html5/thumbnails/19.jpg)
Evaluation
![Page 20: Introduction to Human-Computer Interaction and Interaction Design](https://reader031.vdocuments.net/reader031/viewer/2022022201/5886f15d1a28abba528b6cfd/html5/thumbnails/20.jpg)
UX
![Page 21: Introduction to Human-Computer Interaction and Interaction Design](https://reader031.vdocuments.net/reader031/viewer/2022022201/5886f15d1a28abba528b6cfd/html5/thumbnails/21.jpg)
![Page 22: Introduction to Human-Computer Interaction and Interaction Design](https://reader031.vdocuments.net/reader031/viewer/2022022201/5886f15d1a28abba528b6cfd/html5/thumbnails/22.jpg)
![Page 23: Introduction to Human-Computer Interaction and Interaction Design](https://reader031.vdocuments.net/reader031/viewer/2022022201/5886f15d1a28abba528b6cfd/html5/thumbnails/23.jpg)
Research
Observation Interviews
Survey Focus group
Design
Interaction Flows Paper prototypes
Wireframes High-fi prototypes
Evaluation
Usability testing Heuristic
Evaluation
User Experience Design
![Page 24: Introduction to Human-Computer Interaction and Interaction Design](https://reader031.vdocuments.net/reader031/viewer/2022022201/5886f15d1a28abba528b6cfd/html5/thumbnails/24.jpg)
IxD
![Page 25: Introduction to Human-Computer Interaction and Interaction Design](https://reader031.vdocuments.net/reader031/viewer/2022022201/5886f15d1a28abba528b6cfd/html5/thumbnails/25.jpg)
![Page 26: Introduction to Human-Computer Interaction and Interaction Design](https://reader031.vdocuments.net/reader031/viewer/2022022201/5886f15d1a28abba528b6cfd/html5/thumbnails/26.jpg)
The big picture
![Page 27: Introduction to Human-Computer Interaction and Interaction Design](https://reader031.vdocuments.net/reader031/viewer/2022022201/5886f15d1a28abba528b6cfd/html5/thumbnails/27.jpg)
User
![Page 28: Introduction to Human-Computer Interaction and Interaction Design](https://reader031.vdocuments.net/reader031/viewer/2022022201/5886f15d1a28abba528b6cfd/html5/thumbnails/28.jpg)
User
![Page 29: Introduction to Human-Computer Interaction and Interaction Design](https://reader031.vdocuments.net/reader031/viewer/2022022201/5886f15d1a28abba528b6cfd/html5/thumbnails/29.jpg)
User
Needs
![Page 30: Introduction to Human-Computer Interaction and Interaction Design](https://reader031.vdocuments.net/reader031/viewer/2022022201/5886f15d1a28abba528b6cfd/html5/thumbnails/30.jpg)
User
Needs
Client
![Page 31: Introduction to Human-Computer Interaction and Interaction Design](https://reader031.vdocuments.net/reader031/viewer/2022022201/5886f15d1a28abba528b6cfd/html5/thumbnails/31.jpg)
User
Needs
Client
![Page 32: Introduction to Human-Computer Interaction and Interaction Design](https://reader031.vdocuments.net/reader031/viewer/2022022201/5886f15d1a28abba528b6cfd/html5/thumbnails/32.jpg)
User
Needs
Client
You: UX Designer
![Page 33: Introduction to Human-Computer Interaction and Interaction Design](https://reader031.vdocuments.net/reader031/viewer/2022022201/5886f15d1a28abba528b6cfd/html5/thumbnails/33.jpg)
User
Needs
Client
You: UX Designer
Requirements
![Page 34: Introduction to Human-Computer Interaction and Interaction Design](https://reader031.vdocuments.net/reader031/viewer/2022022201/5886f15d1a28abba528b6cfd/html5/thumbnails/34.jpg)
User
Needs
Client
You: UX Designer
Requirements
![Page 35: Introduction to Human-Computer Interaction and Interaction Design](https://reader031.vdocuments.net/reader031/viewer/2022022201/5886f15d1a28abba528b6cfd/html5/thumbnails/35.jpg)
User
Needs
Client
You: UX Designer
Requirements
Research
![Page 36: Introduction to Human-Computer Interaction and Interaction Design](https://reader031.vdocuments.net/reader031/viewer/2022022201/5886f15d1a28abba528b6cfd/html5/thumbnails/36.jpg)
User
Needs
Client
You: UX Designer
Requirements
Design
UX Design
![Page 37: Introduction to Human-Computer Interaction and Interaction Design](https://reader031.vdocuments.net/reader031/viewer/2022022201/5886f15d1a28abba528b6cfd/html5/thumbnails/37.jpg)
User
Needs
Client
You: UX Designer
Requirements
Design
Test
![Page 38: Introduction to Human-Computer Interaction and Interaction Design](https://reader031.vdocuments.net/reader031/viewer/2022022201/5886f15d1a28abba528b6cfd/html5/thumbnails/38.jpg)
There is:
A client with certain requirements
A user with certain needs
A product that is intended to fulfill the requirements and needs, and additionally, to provide a great UX
![Page 39: Introduction to Human-Computer Interaction and Interaction Design](https://reader031.vdocuments.net/reader031/viewer/2022022201/5886f15d1a28abba528b6cfd/html5/thumbnails/39.jpg)
There is:
A client with certain requirements
A user with certain needs
A product that is intended to fulfill the requirements and needs, and additionally, to provide a great UX
![Page 40: Introduction to Human-Computer Interaction and Interaction Design](https://reader031.vdocuments.net/reader031/viewer/2022022201/5886f15d1a28abba528b6cfd/html5/thumbnails/40.jpg)
There is:
A client with certain requirements
A user with certain needs
A product that is intended to fulfill the requirements and needs, and additionally, to provide a great UX
![Page 41: Introduction to Human-Computer Interaction and Interaction Design](https://reader031.vdocuments.net/reader031/viewer/2022022201/5886f15d1a28abba528b6cfd/html5/thumbnails/41.jpg)
There is:
A client with certain requirements
A user with certain needs
A product that is intended to fulfill the requirements and needs, and additionally, to provide a great UX
Is that simple? Hooray!
![Page 42: Introduction to Human-Computer Interaction and Interaction Design](https://reader031.vdocuments.net/reader031/viewer/2022022201/5886f15d1a28abba528b6cfd/html5/thumbnails/42.jpg)
NO
![Page 43: Introduction to Human-Computer Interaction and Interaction Design](https://reader031.vdocuments.net/reader031/viewer/2022022201/5886f15d1a28abba528b6cfd/html5/thumbnails/43.jpg)
Your design won't live in a vacuum…
![Page 44: Introduction to Human-Computer Interaction and Interaction Design](https://reader031.vdocuments.net/reader031/viewer/2022022201/5886f15d1a28abba528b6cfd/html5/thumbnails/44.jpg)
Image: http://www.psych.ox.ac.uk/research/neurobiology-of-ageing/@@images/image
![Page 45: Introduction to Human-Computer Interaction and Interaction Design](https://reader031.vdocuments.net/reader031/viewer/2022022201/5886f15d1a28abba528b6cfd/html5/thumbnails/45.jpg)
Research
Observation Interviews
Survey Focus group
Design
Interaction Flows Paper prototypes
Wireframes High-fi prototypes
Evaluation
Usability testing Heuristic
Evaluation
User Experience Design
![Page 46: Introduction to Human-Computer Interaction and Interaction Design](https://reader031.vdocuments.net/reader031/viewer/2022022201/5886f15d1a28abba528b6cfd/html5/thumbnails/46.jpg)
Mini-project 1
![Page 47: Introduction to Human-Computer Interaction and Interaction Design](https://reader031.vdocuments.net/reader031/viewer/2022022201/5886f15d1a28abba528b6cfd/html5/thumbnails/47.jpg)
Part 1 due tonight at 11:59 PM
Part 2 due Wednesday night, also before midnight
![Page 48: Introduction to Human-Computer Interaction and Interaction Design](https://reader031.vdocuments.net/reader031/viewer/2022022201/5886f15d1a28abba528b6cfd/html5/thumbnails/48.jpg)
Part 1 only requires you to select one context of use and explain what you would design for the people frequenting that place.
![Page 49: Introduction to Human-Computer Interaction and Interaction Design](https://reader031.vdocuments.net/reader031/viewer/2022022201/5886f15d1a28abba528b6cfd/html5/thumbnails/49.jpg)
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.
![Page 50: Introduction to Human-Computer Interaction and Interaction Design](https://reader031.vdocuments.net/reader031/viewer/2022022201/5886f15d1a28abba528b6cfd/html5/thumbnails/50.jpg)
Each part has its Canvas assignment post
![Page 51: Introduction to Human-Computer Interaction and Interaction Design](https://reader031.vdocuments.net/reader031/viewer/2022022201/5886f15d1a28abba528b6cfd/html5/thumbnails/51.jpg)
I already posted some readings that will be useful for this mini-project. Please, take a look at them.
![Page 52: Introduction to Human-Computer Interaction and Interaction Design](https://reader031.vdocuments.net/reader031/viewer/2022022201/5886f15d1a28abba528b6cfd/html5/thumbnails/52.jpg)
You may start using your I300 supplies for this mini-project
![Page 53: Introduction to Human-Computer Interaction and Interaction Design](https://reader031.vdocuments.net/reader031/viewer/2022022201/5886f15d1a28abba528b6cfd/html5/thumbnails/53.jpg)
Let's review the syllabus
![Page 54: Introduction to Human-Computer Interaction and Interaction Design](https://reader031.vdocuments.net/reader031/viewer/2022022201/5886f15d1a28abba528b6cfd/html5/thumbnails/54.jpg)
Thanks!
@omitzec tzec.com
Note: Images taken from the Web just for pedagogical purposes. Copyright may apply.