Your browser doesn't support the features required by impress.js, so you are presented with a simplified version of this presentation.

For the best experience please use the latest Chrome, Safari or Firefox browser.

CIS 115

Lecture 11: Human Computer Interaction

Douglas Engelbart

Image Source: Wikipedia

Engelbart's Motivations

First Computer Mouse

Image Source: Wikipedia

oN-Line System (NLS)

First operating system to include:

The Mother of All Demos

Image Source: Michael Heilemann on Flickr

The Mother of All Demos

December 9, 1968

NLS - Modern Equivalents

Video Clip Archive

Desktop Metaphor

Xerox Star Workstation (1981)

Image Source: Wikipedia

Desktop Metaphor

Macintosh Desktop (1984)

Image Source: Wikipedia

HCI Areas

What makes a
"good" computer interface?

"Good" HCI

Iterative Design

Image Source: Wikipedia

Automated Adaptive Instruction

Providing the user with instructions based on previous actions and possible next actions

Image Source: Wikipedia

Image Source: Toasty Tech

Automated Adaptive Instruction

Image Source: Wikipedia

Image Source: Toasty Tech

Automated Adaptive Instruction

Led to lots of ideas

Legacy: instead of changing human behavior, change the program to fit their expected behavior

Put things where people
expect them to be

Design Changes Over Time


Windows 8

Image Source: Wikipedia

Image Source: Wikipedia

Image Source: Wikipedia

The Future

Assignments

Blog 5: Human Computer Interaction

One of the defining factors of any computing technology is how humans are able to interact with it. Early systems had just a text console and a keyboard, but more recent systems feature things such as multi-touch interfaces and voice commands. Movies such as Minority Report, The Matrix, and Ghost in the Shell have shown various visions of the computer interfaces of the future. Choose a computer interface that you feel is interesting, either a real one from history or an imagined one from fiction, and tell us a bit more about how people would use it. Some ideas for discussion:

Chaocipher

Chaocipher Device

Image Source: Cryptologicfoundation.org