HISTORY OF INTERACTION DESIGNWeek 4: Personal Computing

Punched Cards / Switches

1945 1955 1965 1975 1985 1995 2005

1880s

Graphical User Interface

Mobility

TIMELINE OF ADOPTION (AND ADAPTATION!)

Professional UsePersonal Use

Research

Hypertext Networks

Keyboard / Terminal

?

MITS ALTAIR 8800 (1975)

3

ALTAIR BASIC

4http://en.wikipedia.org/wiki/File:Altair_Basic_Sign.jpg

5http://upload.wikimedia.org/wikipedia/commons/6/6e/Homebrew_Computer_Club_Sep1976.png

6http://upload.wikimedia.org/wikipedia/commons/a/a1/Apple_I_Computer.jpg

PERSONAL COMPUTING (1975)

Apple II

Commodore PET Tandy Radio Shack TRS-80

IBM 5150

Commodore VIC-20

HOME COMPUTERS (Late 70s)

8

APPLICATION INTERFACES

9

DIRECT MANIPULATION

WHIRLWIND

COMMAND LINE GRAPHICAL USER INTERFACE

11

BATCH PROCESSING

TIME SHARING

12

13

DIRECT MANIPULATION

IVAN SUTHERLAND(b.1938)

“The Sketchpad system makes it possible for a man and a computer to converse rapidly through the medium of line drawings. Heretofore, most interaction between man and computers has been slowed down by the need to reduce all communication to written statements that can be typed; in the past, we have been writing letters to rather than conferring with our computers. The Sketchpad system, by eliminating typed statements (except for legends) in favor of line drawings, opens up a new area of man-machine communication.

14http://www.cc.gatech.edu/classes/cs6751_97_fall/projects/abowd_team/ivan/ivanbw_45.jpg

SKETCHPAD (1963)

15http://images.businessweek.com/ss/08/10/1006_ceo_guide/image/ivanssketchpad600gimpr.jpghttp://design.osu.edu/carlson/history/images/ivan-sutherland.jpg

DOUGLAS ENGELBART(b. 1925) “By augmenting man's intellect

we mean increasing the capability of a man to approach a complex problem situation, gain comprehension to suit his particular needs, and to derive solutions to problems. One objective is to develop new techniques, procedures, and systems that will better adapt people's basic information-handling capabilities to the needs, problems, and progress of society.

—Douglas Englebart16http://en.wikipedia.org/wiki/File:Engelbartmice.jpg

X/Y POSITION INDICATOR ALSO KNOWN AS “THE MOUSE” (1964)

17http://upload.wikimedia.org/wikipedia/commons/e/ed/Mouse-patents-englebart-rid.png

The number of buttons on a mouse is one of the most controversial issues in the industry. People get religious.

—Bill Gates

NLS – ONLINE SYSTEM (60s)

18http://www.dougengelbart.org/

THE MOTHER OF ALL DEMOS(1968)

19http://blogs.discovermagazine.com/80beats/files/2008/12/engelbart-demo.jpg http://video.google.com/videoplay?docid=-8734787622017763097

THE GRAPHICAL USER INTERFACE

WIMPs

Windows Icons

Menus Pointers21

WINDOWS

22

ICONS

23

MENUS

24

POINTERS

25

XEROX PARC(1970s)

_Laser Printer_Ethernet local area computer network

_Computer generated bitmap graphics

_Graphical user interface featuring windows and icons

_WYSIWYG text editor

26

XEROX ALTO (1973)

27

XEROX STAR (1981)

28

APPLE LISA (1983)

APPLE MACINTOSH (1983)

30

SOFTWARE IN A BOX(1990s)

32

33

34

MOBILITY

DYNABOOK (1968)

MOBILE COMPUTING (1990s)

Osborne 1 (1981) Apple Powerbook (1991)

INTERNET

ARPANET AND USENET (1980s)

39

ARPANET 1977 USENET 1980

USENET 1993

First Web Browser/Editor, 1990

Netscape, 1994

Yahoo, 1994

WORLD WIDE WEB (1990s)

THE INTERACTION DESIGN DISCIPLINE

JOHN M. CARROLL

42

“HCI is the name for a community of communities.In the early 1980s, HCI was a small and focused specialty area. It was a cabal trying to establish what was then a heretical view of computing. Today, largely due to the success of that endeavor, HCI is a vast and multifaceted community, loosely bound by the evolving concept of usability, and the integrating commitment to value human concerns as the primary consideration in creating interactive systems.

NEXT WEEKCLASS PRESENTATIONS DUE