45
Human-Computer Interaction Info I101 John C. Paolillo March 4, 2003
Human-Computer Interaction
Info I101John C. Paolillo
March 4, 2003
Human-Computer Interaction
Info I101John C. Paolillo
March 4, 2003
Human-Computer Interaction
Info I101John C. Paolillo
March 4, 2003
Human-Computer Interaction
Info I101John C. Paolillo
March 4, 2003
Design
A Toaster
An Oven Control
ConvBake/Roast Bake
VariBroil
BakeTime
StopTimeClean
Timer
Cancel
Other examples
• Airplane cockpits (e.g. Spitfire)– Switched the location of “eject” and “fire”
controls — to disastrous effect
• Nuclear reactor controls– In one reactor, used handles of beer taps to
make controls different from one another
• Automobile controls...
Design
• Designs should be– Easy to learn– Easy to use– Usable for their intended functions
cf. Donald Norman The Design of Everyday Things and The Invisible Computer
And so it should be for computers...
HCI — What it is
• The applied field which considers the design of computer technology and how any given design facilitates certain kinds of uses and disfavors others.
• Draws on: psychology, sociology, anthropology, linguistics, visual arts, computer programming, etc.
Before there was HCI
• Human factors research and designTaking human perceptual and psychological attributes into account in the design of artifacts
• ErgonomicsPlanning work practices and their support infrastructure to take account of human physical characteristics
HCI
Milestones and Millstones
Sholes’ keyboardc. 1860
Dvorak keyboard
Bat Keyboard
Kinesics
QuickTime™ and aTIFF (Uncompressed) decompressorare needed to see this picture.QuickTime™ and aTIFF (Uncompressed) decompressorare needed to see this picture.
VuMan; CMU
D.C. Engelbart’s original mouse,, 1964; Bootstrap Alliance
D.C. Engelbart’s original mouse, 1964; Bootstrap Alliance
D.C. Engelbart’s system with mouse; Bootstrap Alliance
Production versions of Engelbart’s system; Bootstrap Alliance
The “mother of all demos”, 1968; Bootstrap Alliance
Xerox Alto, 1980toastytech.com
Xerox Dandeliontoastytech.com
Xerox Dandeliontoastytech.com
technology.arc.nasa.gov www.southwest.com.au/~jfuller
mpc.fab.free.fr/atari
QuickTime™ and aTIFF (Uncompressed) decompressorare needed to see this picture.
Kensington TurboMouse
www.granada-learning.com
Wacom, Inc.
www.thedigitalbits.com Plasma screen by Zenith
ipsi.fhg.de
MS Windows XP Media Player toastytech.com
MS Windows 1983 preview toastytech.com
X-Windows; toastytech.com
Red Hat Linux running X; toastytech.com
MS Windows XP (2002) MS Bob (1995)
Our Situation
u State the bad news
u Be clear, don’t try to obscure thesituation
MS Powerpoint template
End
