Brief introduction to Human-Computer Interaction.

1. A brief introduction to HCI
Bao Nguyen
Instructor: Dr. Tim Reichert
VGU-BIS2010

2. Bao’s desktop

3. Question:
How do we use
the computer ?

4. Question:
How do we use
the computer ?

5. Computer != Personal Computer

7. Source: gorekun@flickr/4624210662

10. Question:
How did people use
computers before ?

11. Source: Wiki

12. Source: Wiki

14. Source: Wiki

16. HCI /eitʃ-si-ai/
Human–computer Interaction is the study, planning,
and design of the interaction between people and
computers.

20. in·ter·face /ˈɪntəfeɪs/
a point where two systems, subjects, organizations,
etc. meet and interact. (oxford dictionary)

22. Source: www.homebaseweb.net/index.php/news/page/4/

23. Source: Wiki

24. Question:
How do we use
the computer ?

25. Source: yum9me@flickr/ 482370667

27. Source: jjackowski@flickr/ 3812946635

29. Traditional Buttons
Hello, I’m a “toggle”
button.

30. Modern Buttons
Source: m3shaff@flickr/4609644274

31. For curious cats: the first button

32. And Virtual button
1984

34. Quiz:
How many buttons are there on this page ?

35. Quiz:
How many buttons are there on this page ?
24+

36. The button requires context.

38. Bonus: Original Ideas of our Today User Interface
http://bit.ly/2tFT

39. Inspired by
• http://www.slideshare.net/erik.duval/history-
of-chi-humancomputer-interaction
• http://www.slideshare.net/billder/history-of-
the-button-at-sxsw