Date post: | 11-Jan-2017 |
Category: |
Technology |
Upload: | karen-mcgrane |
View: | 54,572 times |
Download: | 0 times |
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