A brief introduction to HCI

Bao NguyenInstructor: Dr. Tim Reichert

VGU-BIS2010

Bao’s desktop

Question: How do we use the computer ?

Question: How do we use the computer ?

Computer != Personal Computer

Source: gorekun@flickr/4624210662

Question: How did people use computers before ?

Source: Wiki

Source: Wiki

Source: Wiki

HCI /eitʃ-si-ai/ Human–computer Interaction is the study, planning,

and design of the interaction between people and computers.

in·ter·face /ˈɪntəfeɪs/a point where two systems, subjects, organizations,

etc. meet and interact. (oxford dictionary)

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

Source: Wiki

Question: How do we use the computer ?

Source: yum9me@flickr/ 482370667

Source: jjackowski@flickr/ 3812946635

Hello, I’m a “toggle” button.

Traditional Buttons

Source: m3shaff@flickr/4609644274

Modern Buttons

For curious cats: the first button

And Virtual button

1984

Quiz:How many buttons are there on this page ?

24+

Quiz:How many buttons are there on this page ?

The button requires context.

http://bit.ly/2tFT

Bonus: Original Ideas of our Today User Interface

Inspired by

• http://www.slideshare.net/erik.duval/history-of-chi-humancomputer-interaction

• http://www.slideshare.net/billder/history-of-the-button-at-sxsw