History of Human-Computer Interaction

Preview:

DESCRIPTION

Presented to the students at KULeuven on 11 March 2013.

Citation preview

History of CHILeuven, 11 March 2013

Erik Duvalhttp://erikduval.wordpress.com

@ErikDuval

1

Sunday 17 March 13

http://www.slideshare.net/erik.duval

2

Sunday 17 March 13

interaction design history in a teeny little nutshell

version 1.5

marc rettigmarcrettig.com

presented atcarnegiemellonuniversity

2 april 2004

mrettig@well.com

HUGE thanks to...

http://www.slideshare.net/mrettig/interaction-design-history

Sunday 17 March 13

when? what?

• ???

4

Sunday 17 March 13

wiring the ENIAC with a new program

ENIAC1946Mauchly and Eckert

stats:3,000 cubic feet30 tons18,000 vacuum tubes70,000 resistors170 kilowatt power req.~1 kilobit memory

approximate processing power of today’s singing birthday card

but not a stored-program device

Great description here: www.computinghistorymuseum.org/teaching/lectures/pptlectures/7b-eniac.ppt

Sunday 17 March 13

front panel switches

DEC PDP-8

TI 980

1960’s

The internal architecture of the machine is exposed in the controls. You can see that the PDP-8 is an octal computer, with its switches in three-bit configurations (it takes three bits to count from 0 to 7, for a total of 8 numbers. Base 8. Octal. Get it?). The TI 980 is a hexadecimal machine, with switches in groups of four. Using the switches, you program the machine one word at a time (a word being, say, two hexadecimal bytes for the TI).

Sunday 17 March 13

configure switches, run batch, output to tape

Sunday 17 March 13

batch processing: feed it cards, wait while it runs

What you used to dopunch a deck of cards; take the cards to a little window, hand them to the operator; she puts them in line with everyone else’s jobs; when it’s your turn she puts your cards in the hopper and pushes “RUN”; your program works or it doesn’t; an hour or twelve later, you pick up your cards and (hopefully) printout at the same little window.

What you do nowdouble-click an icon, see what happens immediately.

Sunday 17 March 13

preparing punch cards

An important by-product:

confetti. All

the chaff from all those cards was just great to throw around the dorm.

Sunday 17 March 13

preparing punch cards

Each key press punches holes, so there’s no “erase.” Fixing a mistake almost always required ejecting the card and starting it over.

In a pinch – say you really needed to fix a card and the punch was down – a clever operator might know enough about the card encoding to close some holes with tape and open others with a knife.

So on the one hand, we were adapting to the machines. On the other hand, the workings of the machines were exposed, right out where we could get to them.

Sunday 17 March 13

punch cards

11

http://en.wikipedia.org/wiki/File:FortranCardPROJ039.agr.jpg

Sunday 17 March 13

12

http://upload.wikimedia.org/wikipedia/commons/e/e8/IBM_card_punch_029.JPG

Sunday 17 March 13

operator console

IBM System 3601960’s

Sunday 17 March 13

at home, it’s still the switches – but what to do with it?

MITS Altair 88001975

One of the first commercially available home computers. You ordered it. You built it. You operated it through front panel switches.

Sunday 17 March 13

next?

15

Sunday 17 March 13

Command Line Interface

16

Sunday 17 March 13

17

http://www.secretgeometry.com/apps/cathode/

Sunday 17 March 13

Nog vb?

18

Sunday 17 March 13

Nog vb?

18

Sunday 17 March 13

Grafische gebruikersinterface

19

Sunday 17 March 13

WIMP• Windows

IconsMenus, andPointing devices

• Characteristics

• intuitive

• consistent

• forgiving

• protective

• But not necessarily best for expert!

20

Sunday 17 March 13

Ivan Sutherland: Sketchpad (1962)Tu

ring

Aw

ard

1988

http://www.youtube.com/watch?v=USyoT_Ha_bA21

Sunday 17 March 13

D. Engelbart, Augment

•Stanford Research Institute

• invented interactive computing (mouse, windows, groupware, ...)

• team went to Xerox PARC

•http://dougengelbart.org/

22

Sunday 17 March 13

24http://www.youtube.com/watch?v=X4kp9Ciy1nE

Sunday 17 March 13

http://cfdj.sys-con.com/read/536976.htmSunday 17 March 13

http://cfdj.sys-con.com/read/536976.htmSunday 17 March 13

http://cfdj.sys-con.com/read/536976.htmSunday 17 March 13

http://erikduval.wordpress.com/2010/01/31/happy-85th-carrying-the-torch/

Sunday 17 March 13

XEROX PARC Star (1981)

27

Sunday 17 March 13

28

http://www.youtube.com/watch?v=QYvxgNhUwBk

Sunday 17 March 13

a tool for home and small business calculations

visicalcDan Bricklin1979

Finally people had a reason to buy a home computer (specifically, an Apple II): so they could use VisiCalc, the first spreadsheet.

THE place to learn about Visicalc: www.bricklin.com/visicalc.htmDownload a working version!

Sunday 17 March 13

Macintosh, 1984

30 http://www.youtube.com/watch?v=G0FtgZNOD44 Sunday 17 March 13

Macintosh, 1984

30 http://www.youtube.com/watch?v=G0FtgZNOD44 Sunday 17 March 13

All 39 pages of advertising that Apple bought in a 1984 issue of newsweek are available here: http://www.aci.com.pl/mwichary/computerhistory/ads/macnewsweek

Sunday 17 March 13

Windows 1.0 (1985)

32

Sunday 17 March 13

http://www.youtube.com/watch?v=y48rthTbrA8&NR=1

33

Sunday 17 March 13

beyond then ...

34

Sunday 17 March 13

http://blogs.msdn.com/tom/archive/2009/03/03/future-vision-ux-ideas.aspx

35

Sunday 17 March 13

36

http://www.youtube.com/watch?v=6Cf7IL_eZ38

Sunday 17 March 13

37

http://www.youtube.com/watch?v=CGwvZWyLiBU

Sunday 17 March 13

38

http://www.youtube.com/watch?v=9c6W4CCU9M4

Sunday 17 March 13

http://www.ted.com/index.php/talks/pattie_maes_demos_the_sixth_sense.html

39

Sunday 17 March 13

40

http://www.lce.hut.fi/research/css/bci/

Sunday 17 March 13

41http://dagkrant.kuleuven.be/files/pdf/ck21-nr06.pdf

Sunday 17 March 13

42 http://emotiv.com/

Sunday 17 March 13

43

The future has already arrived.It's just not evenly distributed yet.

Sunday 17 March 13

what did you...

• like most?

• want most?

• dislike most?

• fear most?

• ...?

44

and why...Sunday 17 March 13

45Thanks!

Questions?http://erikduval.wordpress.com/

@ErikDuval

Sunday 17 March 13

Recommended