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