Human-Computer Interaction
description
Transcript of Human-Computer Interaction
![Page 1: Human-Computer Interaction](https://reader035.fdocuments.in/reader035/viewer/2022062517/56813a10550346895da1e78a/html5/thumbnails/1.jpg)
Human-Computer Interaction
Info I101John C. Paolillo
March 4, 2003
![Page 2: Human-Computer Interaction](https://reader035.fdocuments.in/reader035/viewer/2022062517/56813a10550346895da1e78a/html5/thumbnails/2.jpg)
Human-Computer Interaction
Info I101John C. Paolillo
March 4, 2003
![Page 3: Human-Computer Interaction](https://reader035.fdocuments.in/reader035/viewer/2022062517/56813a10550346895da1e78a/html5/thumbnails/3.jpg)
Human-Computer Interaction
Info I101John C. Paolillo
March 4, 2003
![Page 4: Human-Computer Interaction](https://reader035.fdocuments.in/reader035/viewer/2022062517/56813a10550346895da1e78a/html5/thumbnails/4.jpg)
Human-Computer Interaction
Info I101John C. Paolillo
March 4, 2003
![Page 5: Human-Computer Interaction](https://reader035.fdocuments.in/reader035/viewer/2022062517/56813a10550346895da1e78a/html5/thumbnails/5.jpg)
![Page 6: Human-Computer Interaction](https://reader035.fdocuments.in/reader035/viewer/2022062517/56813a10550346895da1e78a/html5/thumbnails/6.jpg)
![Page 7: Human-Computer Interaction](https://reader035.fdocuments.in/reader035/viewer/2022062517/56813a10550346895da1e78a/html5/thumbnails/7.jpg)
![Page 8: Human-Computer Interaction](https://reader035.fdocuments.in/reader035/viewer/2022062517/56813a10550346895da1e78a/html5/thumbnails/8.jpg)
![Page 9: Human-Computer Interaction](https://reader035.fdocuments.in/reader035/viewer/2022062517/56813a10550346895da1e78a/html5/thumbnails/9.jpg)
![Page 10: Human-Computer Interaction](https://reader035.fdocuments.in/reader035/viewer/2022062517/56813a10550346895da1e78a/html5/thumbnails/10.jpg)
![Page 11: Human-Computer Interaction](https://reader035.fdocuments.in/reader035/viewer/2022062517/56813a10550346895da1e78a/html5/thumbnails/11.jpg)
Design
![Page 12: Human-Computer Interaction](https://reader035.fdocuments.in/reader035/viewer/2022062517/56813a10550346895da1e78a/html5/thumbnails/12.jpg)
![Page 13: Human-Computer Interaction](https://reader035.fdocuments.in/reader035/viewer/2022062517/56813a10550346895da1e78a/html5/thumbnails/13.jpg)
A Toaster
![Page 14: Human-Computer Interaction](https://reader035.fdocuments.in/reader035/viewer/2022062517/56813a10550346895da1e78a/html5/thumbnails/14.jpg)
![Page 15: Human-Computer Interaction](https://reader035.fdocuments.in/reader035/viewer/2022062517/56813a10550346895da1e78a/html5/thumbnails/15.jpg)
An Oven Control
ConvBake/Roast Bake
VariBroil
BakeTime
StopTimeClean
Timer
Cancel
![Page 16: Human-Computer Interaction](https://reader035.fdocuments.in/reader035/viewer/2022062517/56813a10550346895da1e78a/html5/thumbnails/16.jpg)
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...
![Page 17: Human-Computer Interaction](https://reader035.fdocuments.in/reader035/viewer/2022062517/56813a10550346895da1e78a/html5/thumbnails/17.jpg)
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...
![Page 18: Human-Computer Interaction](https://reader035.fdocuments.in/reader035/viewer/2022062517/56813a10550346895da1e78a/html5/thumbnails/18.jpg)
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.
![Page 19: Human-Computer Interaction](https://reader035.fdocuments.in/reader035/viewer/2022062517/56813a10550346895da1e78a/html5/thumbnails/19.jpg)
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
![Page 20: Human-Computer Interaction](https://reader035.fdocuments.in/reader035/viewer/2022062517/56813a10550346895da1e78a/html5/thumbnails/20.jpg)
HCI
Milestones and Millstones
![Page 21: Human-Computer Interaction](https://reader035.fdocuments.in/reader035/viewer/2022062517/56813a10550346895da1e78a/html5/thumbnails/21.jpg)
Sholes’ keyboardc. 1860
Dvorak keyboard
![Page 22: Human-Computer Interaction](https://reader035.fdocuments.in/reader035/viewer/2022062517/56813a10550346895da1e78a/html5/thumbnails/22.jpg)
Bat Keyboard
Kinesics
![Page 23: Human-Computer Interaction](https://reader035.fdocuments.in/reader035/viewer/2022062517/56813a10550346895da1e78a/html5/thumbnails/23.jpg)
QuickTime™ and aTIFF (Uncompressed) decompressorare needed to see this picture.QuickTime™ and aTIFF (Uncompressed) decompressorare needed to see this picture.
VuMan; CMU
![Page 24: Human-Computer Interaction](https://reader035.fdocuments.in/reader035/viewer/2022062517/56813a10550346895da1e78a/html5/thumbnails/24.jpg)
D.C. Engelbart’s original mouse,, 1964; Bootstrap Alliance
![Page 25: Human-Computer Interaction](https://reader035.fdocuments.in/reader035/viewer/2022062517/56813a10550346895da1e78a/html5/thumbnails/25.jpg)
D.C. Engelbart’s original mouse, 1964; Bootstrap Alliance
![Page 26: Human-Computer Interaction](https://reader035.fdocuments.in/reader035/viewer/2022062517/56813a10550346895da1e78a/html5/thumbnails/26.jpg)
D.C. Engelbart’s system with mouse; Bootstrap Alliance
![Page 27: Human-Computer Interaction](https://reader035.fdocuments.in/reader035/viewer/2022062517/56813a10550346895da1e78a/html5/thumbnails/27.jpg)
Production versions of Engelbart’s system; Bootstrap Alliance
![Page 28: Human-Computer Interaction](https://reader035.fdocuments.in/reader035/viewer/2022062517/56813a10550346895da1e78a/html5/thumbnails/28.jpg)
The “mother of all demos”, 1968; Bootstrap Alliance
![Page 29: Human-Computer Interaction](https://reader035.fdocuments.in/reader035/viewer/2022062517/56813a10550346895da1e78a/html5/thumbnails/29.jpg)
Xerox Alto, 1980toastytech.com
![Page 30: Human-Computer Interaction](https://reader035.fdocuments.in/reader035/viewer/2022062517/56813a10550346895da1e78a/html5/thumbnails/30.jpg)
Xerox Dandeliontoastytech.com
![Page 31: Human-Computer Interaction](https://reader035.fdocuments.in/reader035/viewer/2022062517/56813a10550346895da1e78a/html5/thumbnails/31.jpg)
Xerox Dandeliontoastytech.com
![Page 32: Human-Computer Interaction](https://reader035.fdocuments.in/reader035/viewer/2022062517/56813a10550346895da1e78a/html5/thumbnails/32.jpg)
technology.arc.nasa.gov www.southwest.com.au/~jfuller
![Page 33: Human-Computer Interaction](https://reader035.fdocuments.in/reader035/viewer/2022062517/56813a10550346895da1e78a/html5/thumbnails/33.jpg)
mpc.fab.free.fr/atari
![Page 34: Human-Computer Interaction](https://reader035.fdocuments.in/reader035/viewer/2022062517/56813a10550346895da1e78a/html5/thumbnails/34.jpg)
QuickTime™ and aTIFF (Uncompressed) decompressorare needed to see this picture.
Kensington TurboMouse
![Page 35: Human-Computer Interaction](https://reader035.fdocuments.in/reader035/viewer/2022062517/56813a10550346895da1e78a/html5/thumbnails/35.jpg)
www.granada-learning.com
![Page 36: Human-Computer Interaction](https://reader035.fdocuments.in/reader035/viewer/2022062517/56813a10550346895da1e78a/html5/thumbnails/36.jpg)
Wacom, Inc.
![Page 37: Human-Computer Interaction](https://reader035.fdocuments.in/reader035/viewer/2022062517/56813a10550346895da1e78a/html5/thumbnails/37.jpg)
www.thedigitalbits.com Plasma screen by Zenith
![Page 38: Human-Computer Interaction](https://reader035.fdocuments.in/reader035/viewer/2022062517/56813a10550346895da1e78a/html5/thumbnails/38.jpg)
ipsi.fhg.de
![Page 39: Human-Computer Interaction](https://reader035.fdocuments.in/reader035/viewer/2022062517/56813a10550346895da1e78a/html5/thumbnails/39.jpg)
MS Windows XP Media Player toastytech.com
![Page 40: Human-Computer Interaction](https://reader035.fdocuments.in/reader035/viewer/2022062517/56813a10550346895da1e78a/html5/thumbnails/40.jpg)
MS Windows 1983 preview toastytech.com
![Page 41: Human-Computer Interaction](https://reader035.fdocuments.in/reader035/viewer/2022062517/56813a10550346895da1e78a/html5/thumbnails/41.jpg)
X-Windows; toastytech.com
![Page 42: Human-Computer Interaction](https://reader035.fdocuments.in/reader035/viewer/2022062517/56813a10550346895da1e78a/html5/thumbnails/42.jpg)
Red Hat Linux running X; toastytech.com
![Page 43: Human-Computer Interaction](https://reader035.fdocuments.in/reader035/viewer/2022062517/56813a10550346895da1e78a/html5/thumbnails/43.jpg)
MS Windows XP (2002) MS Bob (1995)
![Page 44: Human-Computer Interaction](https://reader035.fdocuments.in/reader035/viewer/2022062517/56813a10550346895da1e78a/html5/thumbnails/44.jpg)
Our Situation
u State the bad news
u Be clear, don’t try to obscure thesituation
MS Powerpoint template
![Page 45: Human-Computer Interaction](https://reader035.fdocuments.in/reader035/viewer/2022062517/56813a10550346895da1e78a/html5/thumbnails/45.jpg)
End