a brief timeline interaction - san francisco state...

2
13 INFORMATION DESIGN INDEX CARDS Interaction Design “Interaction Design (IxD) is the discipline of defining the behavior of products and systems with which a user can interact. The prac- tice typically centers around ‘embedding information technology into the ambient social complexities of the physical world.’ 1 How- ever, it can also apply to other types of non-electronic products and services, and even organizations. Interaction design defines the behavior (the “interaction”) of an artifact or system in response to its users. Malcolm McCullough has written ‘As a consequence of pervasive computing, interaction design is poised to become one of the main liberal arts of the twenty-first century.’” 1 —Wikipedia: “Interaction Design”; October, 2009 2 A Brief Timeline of Interaction Design 1. 1945-51 The US Navy commissions MIT to develop Whirlwind, the world’s first interactive computer, for anti-aircraft tracking. The interface consists of a teletype keyboard, display and pointing device. 3. 1969 ARPANET (Advanced Research Projects Agency Network), a precursor to the Internet, is commissioned by the US Department of Defense. 5. 1980 Bill Moggridge creates the physical design of the world’s first laptop: the GRiD Compass. 7. 1983 Stuart K. Card, Thomas P. Moran, and Allen Newell write “The Psychology of Human–Computer Interaction” helping to define the emerging field of HCI. 10. 1989 Tim Berners-Lee, an English physicist, writes the original proposal for what will become the World Wide Web (WWW). 11. 1992 Microsoft releases Windows 3.1, which becomes the most widely used GUI-based operating system at the time. 13. 1996 Google begins as a research project by Larry Page and Sergey Brin, Computer Science PhD students at Stanford University. 2. 1964 Douglas C. Engelbart, working at the Stanford Research Institute (SRI) invents the computer interface device known as the mouse. 4. 1973-74 Tim Mott and Larry Kestler at the Xerox PARC laboratory develop the concept of a computer desktop environment and graphical user interface (GUI), featured on Xerox’s Alto computer. 6. 1981 IBM releases the original IBM PC personal com- puter (model 5150). 8. 1984 Apple releases the Macintosh personal computer—the first commercially successful personal computer to include both a mouse and GUI. 15. 2001 Apple introduces the iPod portable media player. 14. 1999 The first TiVO digital video recorder ships. 16. 2007 Apple releases the iPhone: an Internet-connected, multimedia-enabled smartphone. The Brain (1.1) with iPod Click-wheel (1.2) 1.3 1.4 1.5 1.6 1.7 1.8 12. 1996 Jeff Hawkins, Donna Dubinsky, and Ed Colligan, working at US Robotics, develop the Palm Pilot personal digital assistant (PDA). 16 15 14 13 12 11 10 9 8 7 6 5 4 3 2 1 9. 1984 Bill Moggridge and Bill Verplank coin the phrase “Interaction Design”, replacing Moggridge’s previous term: ‘soft-face’. 1940 1950 1960 1970 1980 1990 2000 2010 13_523_2.4_FinalIndexCard_nmitchell_4.indd 1 10/27/09 11:35:11 PM

Upload: dangnhu

Post on 25-Apr-2018

219 views

Category:

Documents


3 download

TRANSCRIPT

Page 1: A Brief Timeline Interaction - San Francisco State Universityonline.sfsu.edu/trogu/523/indexcards/pdf/13_interaction_design_n... · Bill Moggridge is an award-winning interaction

This Information Design Index Card, number 13 created by Nelson Mitchell, is part of a set of 24 cards created by the students of DAI 523, Information Design 1 during the Fall semester of 2009. This set, conceived by Instructor Pino Trogu, covers a range of Information Design topic areas, chosen and researched by each student. DAI 523 is a fourth-year design course within the Design and Industry Department at San Francisco State University. DAI 523 provides students with an introduction to the field of information design, covering stand-alone and system applications across print, interactive (digital), and environmental mediums.

DAI 523Information Design 1Design and Industry DepartmentSan Francisco State University1600 Holloway Ave, California 94132, USAInformation Design Index Card No. 13 – October 2009Printed by _____________

STUDENTPICTUREHERE

13INFORMATION DESIGN INDEX CARDS

InteractionDesign“Interaction Design (IxD) is the discipline of defining the behavior of products and systems with which a user can interact. The prac-tice typically centers around ‘embedding information technology into the ambient social complexities of the physical world.’ 1 How-ever, it can also apply to other types of non-electronic products and services, and even organizations. Interaction design defines the behavior (the “interaction”) of an artifact or system in response to its users. Malcolm McCullough has written ‘As a consequence of pervasive computing, interaction design is poised to become one of the main liberal arts of the twenty-first century.’” 1

—Wikipedia: “Interaction Design”; October, 2009 2

A Brief Timelineof Interaction Design1. 1945-51 The US Navy commissions MIT to develop Whirlwind, the world’s first interactive computer, for anti-aircraft tracking. The interface consists of a teletype keyboard, display and pointing device.

3. 1969ARPANET (Advanced Research Projects Agency Network), a precursor to the Internet, is commissioned by the US Department of Defense.

5. 1980Bill Moggridge creates the physical design of the world’s first laptop: the GRiD Compass.

7. 1983 Stuart K. Card, Thomas P. Moran, and Allen Newell write “The Psychology of Human–Computer Interaction” helping to define the emerging field of HCI.

10. 1989Tim Berners-Lee, an English physicist, writes the original proposal for what will become the World Wide Web (WWW).

11. 1992Microsoft releases Windows 3.1, which becomes the most widely used GUI-based operating system at the time.

13. 1996 Google begins as a research project by Larry Page and Sergey Brin, Computer Science PhD students at Stanford University.

2. 1964 Douglas C. Engelbart, working at the Stanford Research Institute (SRI) invents the computer interface device known as the mouse.

4. 1973-74Tim Mott and Larry Kestler at the Xerox PARC laboratory develop the concept of a computer desktop environment and graphical user interface (GUI), featured on Xerox’s Alto computer.

6. 1981IBM releases the original IBM PC personal com-puter (model 5150).

8. 1984 Apple releases the Macintosh personal computer—the first commercially successful personal computer to include both a mouse and GUI.

15. 2001 Apple introduces the iPod portable media player.

14. 1999 The first TiVO digital video recorder ships.

16. 2007 Apple releases the iPhone: an Internet-connected, multimedia-enabled smartphone.

The Brain (1.1) with iPod Click-wheel (1.2)

1.3

1.4

1.5

1.6

1.7

1.8

12. 1996Jeff Hawkins, Donna Dubinsky, and Ed Colligan, working at US Robotics, develop the Palm Pilot personal digital assistant (PDA).

16

15

14

13

12

11

10

9

8

7

6

5

4

3

2

1

9. 1984 Bill Moggridge and Bill Verplank coin the phrase “Interaction Design”, replacing Moggridge’s previous term: ‘soft-face’.

1940

1950

1960

1970

1980

1990

2000

2010

13_523_2.4_FinalIndexCard_nmitchell_4.indd 1 10/27/09 11:35:11 PM

Page 2: A Brief Timeline Interaction - San Francisco State Universityonline.sfsu.edu/trogu/523/indexcards/pdf/13_interaction_design_n... · Bill Moggridge is an award-winning interaction

Information Design Index Cards is a set of cards designed and produced by the students of DAI 523, Information Design 1, a fourth-year course in the Design and Industry Department, San Francisco State University, Fall 2009. The set, by no means complete, is composed of 1+22 cards on Information Design topics. Coordinated by instructor Pino Trogu, each topic was chosen and researched by the students. DAI 523 provides students with an introduction to the � eld of information design, covering a variety of applications across print, screen and environmental media. This is card number 13 and it was designed byNelson Mitchell.

DAI 523Information Design IDesign and Industry DepartmentCollege of Creative ArtsSan Francisco State UniversityCalifornia, USA – October 2009Information Design Index Card No.13Printed by JASK Digital Printing

2.1 Bill Moggridge

Profile: Bill MoggridgeBill Moggridge is an award-winning interaction designer, founder of IDEO, and Consulting Associate Professor in Stanford University’s Joint Program in Design. His fascina-tion with design, and with what people want from every-day things, has given him a broad view of the information revolution. Moggridge helped design what was arguably the first laptop computer, the GRiD Compass. He advo-cates applying a user-centered design process in product development cycles and has worked towards popularizing interaction design as a mainstream discipline. He is most interested in the ‘people’ part of the design: who are the users, what do they want from the experience, what will give them satisfaction and enjoyment. As well as being a Royal Designer for Industry since 1988, Moggridge was honored with the lifetime achievement award at the Na-tional Design Awards at the White House in 2009. He is the author of Designing Interactions (see summary).3,4,5

ReferencesMalcom McCullough: Digital Ground 1. MIT Press. (2004)

Wikipedia: “Interaction Design” 2. http://en.wikipedia.org/wiki/Interaction_design

Wikipedia: “Bill Moggridge” 3. http://en.wikipedia.org/wiki/Bill_Moggridge

Stanford Institute of Design 4. http://www.stanford.edu/group/dschool/people/team_bill_mog-gridge.html

Stanford University: “HCI Course Description” 5. See below: Image 2.1

Amazon.com: “Designing Interactions” 6. http://www.amazon.com/Designing-Interactions-Bill-Moggridge/dp/0262134748/ref=sr_1_1?ie=UTF8&s=books&qid= 1254722895&sr=8-1

K.M. Swigger, The Association for Computing 7. Machinery http://portal.acm.org/citation.cfm?id=1044786.1044789

Images0.0 (background arrow image) http://www.linotype.com/3188-21251/

twosetsofarrows.html

1.1 http://chrisbernard.blogs.com/design_thinking_digest/2008/02/new-content-on.html

1.2 http://en.wikipedia.org/wiki/File:Ipodwheelwiki.svg

1.3 http://en.wikipedia.org/wiki/File:United_States_Department_of_the_Navy_Seal.svg

1.4 http://smart-parts.net/blog/wp-content/uploads/2007/12/first.jpg

1.5 http://upload.wikimedia.org/wikipedia/commons/8/85/ IBM_original_PC.jpg

1.6 http://en.wikipedia.org/wiki/File:Macintosh_128k_transparency.png

1.7 http://vectorlogo.blogspot.com/2007/04/google-logo-eps.html

1.8 http://en.wikipedia.org/wiki/File:IPhonehomescreen.PNG

2.1 http://hci.stanford.edu/courses/cs547/abstracts/03-04/031003- moggridge.html

2.2 http://www.designinginteractions.com/

2.3 http://www.amazon.com/gp/product/images/0898598591/sr=8-1/qid=1254722079/ref=dp_otherviews_0?ie=UTF8&s=books&img=0&qid=1254722079&sr=8-1

2.2 Designing Interactions

2.3 Psychology of Human- Computer Interaction

Designing Interactions, named one of the 10 Best Innovation and Design Books of 2006 by BusinessWeek magazine1, tells the stories of forty designers who have been instrumental in shaping our interaction with technology. These stories trace the evolution of ideas from inspiration to outcome, charting the history of entrepre-neurial design development for technology.

Moggridge and his interviewees discuss why a personal computer has a window in a desktop, what made Palm’s handheld organizers so successful, what turns a game into a hobby, and why Google has become the world’s search engine

of choice. Moggridge also relates his own design process, explain-ing IDEO’s focus on people and prototypes—how individual needs and desires can inspire innovation and how prototyping methods have evolved for the design of digital technology.

—Amazon.com 6

Construct[s] an empirically-based cognitive theory of skilled human-computer interaction and appl[ies] it to the specific problem of text editing. They do not simply inform readers of the problems, they provide solutions to the problems and describe a methodology for unifying psychology and computer science.

—K.M. Swigger (ACM) 7

13_523_2.4_FinalIndexCard_nmitchell_4.indd 2 10/27/09 11:35:12 PM