Oct 27, 2009 ... 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 ...
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 practice typically centers around ‘embedding information technology into the ambient social complexities of the physical world.’ 1 However, 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.
1940
1.3
1
3. 1969
ARPANET (Advanced 1950 Research Projects Agency Network), a precursor to the Internet, is commissioned by the US Department of Defense.
1.4
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.
1960
5. 1980
Bill Moggridge creates the physical design of the world’s first laptop: the GRiD Compass.
2 1.5
6. 1981
7. 1983
Stuart K. Card, Thomas P. 3 Moran, and Allen Newell 1970 write “The Psychology of Human–Computer Interaction” helping to define the emerging field 4 of HCI. Bill Moggridge and Bill Verplank coin the phrase “Interaction Design”, replacing Moggridge’s 1980 previous term: ‘soft-face’. 5 10. 1989
Tim Berners-Lee, an English physicist, writes the original proposal for what will become the World Wide Web (WWW). 12. 1996
Jeff Hawkins, Donna Dubinsky, and Ed Colligan, working at US Robotics, develop the Palm Pilot personal digital assistant (PDA).
13_523_2.4_FinalIndexCard_nmitchell_4.indd 1
Douglas C. Engelbart, working at the Stanford Research Institute (SRI) invents the computer interface device known as the mouse. 4. 1973-74
9. 1984
This Information Design Index Card, number 13 created by Nelson STUDENT Mitchell, is part of a set of 24 cards created by the students of DAI 523, PICTURE Information Design 1 during the Fall semester of 2009. This set, conceived HERE 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. The Brain (1.1) with iPod Click-wheel (1.2)
2. 1964
6 7 8
IBM releases the original IBM PC personal computer (model 5150).
1.6
8. 1984
Apple releases the Macintosh personal computer—the first commercially successful personal computer to include both a mouse and GUI. 11. 1992
Microsoft releases Windows 3.1, which becomes the most widely used GUI-based operating 10 system at the time. 1990 9
11
13. 1996
1.7
Google begins as a research project by Larry Page and Sergey Brin, 12 14. 1999 Computer 13 Science PhD students at The first TiVO digital video recorder ships. 14 Stanford University. 2000 15.
2001
DAI 523 15 Apple introduces the iPod Information Design 1 portable media player.
Design and Industry Department San Francisco State University Apple releases the1600 iPhone: Holloway Ave, California 94132, USA an Internet-connected, 16 Information Design Index Card multimedia-enabled smartphone. No. 13 – October 2009 Printed 2010 by _____________ 1.8 16. 2007
10/27/09 11:35:11 PM
Profile: Bill Moggridge
References
2.1 Bill 1. Moggridge Malcom McCullough: Digital Ground MIT Press. (2004)
2. Wikipedia: “Interaction Design”
http://en.wikipedia.org/wiki/Interaction_design
3. Wikipedia: “Bill Moggridge”
http://en.wikipedia.org/wiki/Bill_Moggridge
Bill Moggridge is an award-winning interaction designer, founder of IDEO, and Consulting Associate Professor in Stanford University’s Joint Program in Design. His fascination with design, and with what people want from everyday 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 advocates 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 National Design Awards at the White House in 2009. He is the author of Designing Interactions (see summary).3,4,5
4. Stanford Institute of Design
of choice. Moggridge also relates his own design process, explaining 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
http://www.stanford.edu/group/dschool/people/team_bill_moggridge.html
5. Stanford University: “HCI Course Description” See below: Image 2.1
6. Amazon.com: “Designing Interactions”
http://www.amazon.com/Designing-Interactions-Bill-Moggridge/ dp/0262134748/ref=sr_1_1?ie=UTF8&s=books&qid= 1254722895&sr=8-1
7. K.M. Swigger, The Association for Computing Machinery http://portal.acm.org/citation.cfm?id=1044786.1044789
Images 0.0
(background arrow image) http://www.linotype.com/3188-21251/ twosetsofarrows.html
1.1
http://chrisbernard.blogs.com/design_thinking_digest/2008/02/newcontent-on.html
1.2 1.3
http://en.wikipedia.org/wiki/File:Ipodwheelwiki.svg
1.4 1.5
http://smart-parts.net/blog/wp-content/uploads/2007/12/first.jpg
1.6 1.7 1.8 2.1
http://en.wikipedia.org/wiki/File:Macintosh_128k_transparency.png
2.2 2.3
http://www.designinginteractions.com/
http://en.wikipedia.org/wiki/File:United_States_Department_of_the_ Navy_Seal.svg
http://upload.wikimedia.org/wikipedia/commons/8/85/ IBM_original_PC.jpg
http://vectorlogo.blogspot.com/2007/04/google-logo-eps.html http://en.wikipedia.org/wiki/File:IPhonehomescreen.PNG http://hci.stanford.edu/courses/cs547/abstracts/03-04/031003moggridge.html
http://www.amazon.com/gp/product/images/0898598591/sr=8-1/ qid=1254722079/ref=dp_otherviews_0?ie=UTF8&s=books&img=0&qi d=1254722079&sr=8-1
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 field of information design, covering a variety of applications across print, screen and environmental media. This is card number 13 and it was designed by Nelson Mitchell.
13_523_2.4_FinalIndexCard_nmitchell_4.indd 2
2.2 Designing Interactions 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 entrepreneurial 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
2.3 Psychology of HumanComputer Interaction Construct[s] an empirically-based cognitive theory of skilled humancomputer 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 DAI 523 Information Design I Design and Industry Department College of Creative Arts San Francisco State University California, USA – October 2009 Information Design Index Card No.13 Printed by JASK Digital Printing
10/27/09 11:35:12 PM
