SlideShare a Scribd company logo
HISTORY OF
INTERACTION DESIGN
Week 4: Personal Computing
Research
   TIMELINE OF ADOPTION                                         Professional Use
   (AND ADAPTATION!)                                               Personal Use

   Punched Cards / Switches
1880s                                                   ?
          Keyboard / Terminal


                        Graphical User Interface


   Hypertext Networks


                                       Mobility



   1945          1955           1965              1975   1985       1995       2005
MITS ALTAIR 8800
(1975)




                   3
ALTAIR BASIC




http://en.wikipedia.org/wiki/File:Altair_Basic_Sign.jpg
                                                          4
http://upload.wikimedia.org/wikipedia/commons/6/6e/Homebrew_Computer_Club_Sep1976.png
                                                                                        5
http://upload.wikimedia.org/wikipedia/commons/a/a1/Apple_I_Computer.jpg
                                                                          6
PERSONAL COMPUTING
(1975)
HOME COMPUTERS
 (Late 70s)




Apple II                     IBM 5150




 Commodore PET   Tandy Radio Shack TRS-80   Commodore VIC-20
                                                               8
APPLICATION INTERFACES




                         9
DIRECT MANIPULATION
WHIRLWIND




COMMAND LINE   GRAPHICAL USER
                 INTERFACE
                                11
BATCH        TIME
PROCESSING   SHARING



                       12
DIRECT MANIPULATION



                      13
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.
http://www.cc.gatech.edu/classes/cs6751_97_fall/projects/abowd_team/ivan/ivanbw_45.jpg             14
SKETCHPAD
 (1963)




http://design.osu.edu/carlson/history/images/ivan-sutherland.jpg                                                                                         15
                                                                   http://images.businessweek.com/ss/08/10/1006_ceo_guide/image/ivanssketchpad600gimpr.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 Englebart
http://en.wikipedia.org/wiki/File:Engelbartmice.jpg
                                                                                   16
X/Y POSITION INDICATOR
ALSO KNOWN AS “THE MOUSE”
(1964)

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




                            http://upload.wikimedia.org/wikipedia/commons/
                            e/ed/Mouse-patents-englebart-rid.png             17
NLS – ONLINE SYSTEM
(60s)




http://www.dougengelbart.org/   18
THE MOTHER OF ALL DEMOS
(1968)




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



   Windows   Icons




   Menus     Pointers
                        21
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)
   ARPANET 1977       USENET 1980




        USENET 1993




                                    39
WORLD WIDE WEB
(1990s)




                                 Netscape, 1994




First Web Browser/Editor, 1990
                                 Yahoo, 1994
THE INTERACTION
DESIGN DISCIPLINE
“
JOHN M. CARROLL
          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.


                                                        42
NEXT WEEK
CLASS PRESENTATIONS DUE

More Related Content

PDF
1. Introduction à l'Expérience utilisateur
Laurent Barbat
 
KEY
Week 3 IxD History: Computing Technology in the Workplace
Karen McGrane
 
PPTX
Top 10 sharepoint administrator interview questions and answers
jonhsdata
 
PPT
Cognitive Models
ahmad bassiouny
 
PDF
HCI Basics
Zdeněk Lanc
 
PDF
How to Find a Good UI/UX Designer (or be one!)
Emerentiana Meicy
 
PDF
UX Design - Soutenance 2016 Marie Glandus
Marie Glandus
 
1. Introduction à l'Expérience utilisateur
Laurent Barbat
 
Week 3 IxD History: Computing Technology in the Workplace
Karen McGrane
 
Top 10 sharepoint administrator interview questions and answers
jonhsdata
 
Cognitive Models
ahmad bassiouny
 
HCI Basics
Zdeněk Lanc
 
How to Find a Good UI/UX Designer (or be one!)
Emerentiana Meicy
 
UX Design - Soutenance 2016 Marie Glandus
Marie Glandus
 

What's hot (20)

PDF
UX/UI Design and How It Works
Aciron Consulting
 
PPS
Análise da tarefa (modelo GOMS-KLM)
Cid Boechat
 
PPT
The computer HCI
PhD Research Scholar
 
PDF
Ui vs UX design
Maksym Babych
 
PPTX
UX is not UI!
Nicolas Demange
 
PDF
Instagram human computer interaction project
Lahore Garrison University
 
PDF
UX Design Process
Rıza Selçuk Saydam
 
PDF
Case Study: Large Video Game Product Development
Sociotechnical Roundtable
 
PDF
Responsive Design
Sara Cannon
 
PPTX
Introduction to User Experience Design
Kiera McMaster
 
PDF
UX/UI Introduction
Shrutee Aneja
 
PDF
An Introduction to Ben Shneiderman's Eight Golden Rules of Interface Design
Jochen Wolters
 
PDF
Ux design
niklofr
 
PPTX
Ux design-fundamentals
Muhammad Ishfaq Ch ✔
 
PDF
What is UX?
Peter van Lanschot
 
PPTX
Human computer interaction -Input output channel
N.Jagadish Kumar
 
PDF
Simple Steps to UX/UI Web Design
Koombea
 
PDF
Lecture 5: 3D User Interfaces for Virtual Reality
Mark Billinghurst
 
PPTX
User interface design
Slideshare
 
PDF
Good Morning UX #3 : Les fondamentaux du design UX
Newflux UX/UI News
 
UX/UI Design and How It Works
Aciron Consulting
 
Análise da tarefa (modelo GOMS-KLM)
Cid Boechat
 
The computer HCI
PhD Research Scholar
 
Ui vs UX design
Maksym Babych
 
UX is not UI!
Nicolas Demange
 
Instagram human computer interaction project
Lahore Garrison University
 
UX Design Process
Rıza Selçuk Saydam
 
Case Study: Large Video Game Product Development
Sociotechnical Roundtable
 
Responsive Design
Sara Cannon
 
Introduction to User Experience Design
Kiera McMaster
 
UX/UI Introduction
Shrutee Aneja
 
An Introduction to Ben Shneiderman's Eight Golden Rules of Interface Design
Jochen Wolters
 
Ux design
niklofr
 
Ux design-fundamentals
Muhammad Ishfaq Ch ✔
 
What is UX?
Peter van Lanschot
 
Human computer interaction -Input output channel
N.Jagadish Kumar
 
Simple Steps to UX/UI Web Design
Koombea
 
Lecture 5: 3D User Interfaces for Virtual Reality
Mark Billinghurst
 
User interface design
Slideshare
 
Good Morning UX #3 : Les fondamentaux du design UX
Newflux UX/UI News
 
Ad

Viewers also liked (20)

KEY
Week 2 IxD History: Interaction Design before Computers
Karen McGrane
 
KEY
Week 1 IxD History: Course Overview
Karen McGrane
 
PPT
Interaction Design History
Marc Rettig
 
PDF
Foundations of Interaction Design
Karen McGrane
 
PDF
From Typing To Swiping: Interaction Design has come a long way!
Karen McGrane
 
KEY
Uncle Sam Wants You (To Optimize Your Content For Mobile)
Karen McGrane
 
PDF
Thriving in a world of change: Future-friendly content with Drupal
Karen McGrane
 
PDF
The Mobile Content Mandate
Karen McGrane
 
PDF
IA Summit 2013 Closing Plenary
Karen McGrane
 
PDF
Adapting Ourselves to Adaptive Content
Karen McGrane
 
PPT
History of Interaction Design
Dave Malouf
 
PDF
Content in a Zombie Apocalypse
Karen McGrane
 
KEY
Designing For, With, and Around Advertising
Karen McGrane
 
PDF
Spectacular Poperty In A Private Domain Near St Tropez French Riviera
Burger Sothebys
 
PDF
Electronic Health Records Summit
cassie111
 
PPT
Comptine tourne petit moulin
signatout
 
PPTX
Estrategia Soy Generación Sonriente en el departamento del Valle del Cauca. P...
Cedetes Univalle
 
PDF
Presentación voluntariado
talentosolidario
 
PDF
Herbolaria y fitoterapia conceptos basicos
Miguel Angel Vinculacion
 
Week 2 IxD History: Interaction Design before Computers
Karen McGrane
 
Week 1 IxD History: Course Overview
Karen McGrane
 
Interaction Design History
Marc Rettig
 
Foundations of Interaction Design
Karen McGrane
 
From Typing To Swiping: Interaction Design has come a long way!
Karen McGrane
 
Uncle Sam Wants You (To Optimize Your Content For Mobile)
Karen McGrane
 
Thriving in a world of change: Future-friendly content with Drupal
Karen McGrane
 
The Mobile Content Mandate
Karen McGrane
 
IA Summit 2013 Closing Plenary
Karen McGrane
 
Adapting Ourselves to Adaptive Content
Karen McGrane
 
History of Interaction Design
Dave Malouf
 
Content in a Zombie Apocalypse
Karen McGrane
 
Designing For, With, and Around Advertising
Karen McGrane
 
Spectacular Poperty In A Private Domain Near St Tropez French Riviera
Burger Sothebys
 
Electronic Health Records Summit
cassie111
 
Comptine tourne petit moulin
signatout
 
Estrategia Soy Generación Sonriente en el departamento del Valle del Cauca. P...
Cedetes Univalle
 
Presentación voluntariado
talentosolidario
 
Herbolaria y fitoterapia conceptos basicos
Miguel Angel Vinculacion
 
Ad

Similar to Week 4 IxD History: Personal Computing (20)

PPTX
Designing Structure: Interaction Design
Christina Wodtke
 
PDF
Rettig.Interaction Design History.V1.5
pemi hua
 
PDF
[I3 d]03 interactivity
jylee6977
 
PPT
Bill Moggridge-Designing interactions-the mouse and the desktop
dilemakiner
 
PPT
Bill Moggridge-Designing interactions-the mouse and the desktop
dilemakiner
 
PDF
[I3 d]04 interactivity
jylee_kgit
 
PDF
The i pad is 40 years old copy
Arnold Wasserman
 
PDF
The i pad is 40 years old copy
Arnold Wasserman
 
PDF
The iPad is 40 years old copy
Arnold Wasserman
 
PDF
The i pad is 40 years old copy
Arnold Wasserman
 
PDF
A Brief History Of Human-Computer Interaction Technology
Andrew Molina
 
PPT
Multi-Touch Tangible Interface; HCI trends, projects, and development
Jazmi Jamal
 
PDF
What is Interaction Design?
clickcolleen
 
PPT
Paradigms course in Human computer interaction power point
ramlaabdikarim001
 
PDF
History of CHI
Erik Duval
 
PPT
The iPad is 40 years old
Arnold Wasserman
 
PPT
IMD 203 - Ch01
ALBAKRI MOHAMMAD
 
PPT
1.lecture_07_paradigms.ppt
Usamajawad3
 
PPTX
Interaction styles
David Lamas
 
Designing Structure: Interaction Design
Christina Wodtke
 
Rettig.Interaction Design History.V1.5
pemi hua
 
[I3 d]03 interactivity
jylee6977
 
Bill Moggridge-Designing interactions-the mouse and the desktop
dilemakiner
 
Bill Moggridge-Designing interactions-the mouse and the desktop
dilemakiner
 
[I3 d]04 interactivity
jylee_kgit
 
The i pad is 40 years old copy
Arnold Wasserman
 
The i pad is 40 years old copy
Arnold Wasserman
 
The iPad is 40 years old copy
Arnold Wasserman
 
The i pad is 40 years old copy
Arnold Wasserman
 
A Brief History Of Human-Computer Interaction Technology
Andrew Molina
 
Multi-Touch Tangible Interface; HCI trends, projects, and development
Jazmi Jamal
 
What is Interaction Design?
clickcolleen
 
Paradigms course in Human computer interaction power point
ramlaabdikarim001
 
History of CHI
Erik Duval
 
The iPad is 40 years old
Arnold Wasserman
 
IMD 203 - Ch01
ALBAKRI MOHAMMAD
 
1.lecture_07_paradigms.ppt
Usamajawad3
 
Interaction styles
David Lamas
 

More from Karen McGrane (20)

PDF
Adaptive: Content, Context, and Controversy
Karen McGrane
 
PDF
The Future of Adaptive Content
Karen McGrane
 
PDF
Content Strategy for Mobile: The Workshop
Karen McGrane
 
PDF
Adapting ourselves to adaptive content
Karen McGrane
 
PDF
Developing Successful Content Management Solutions
Karen McGrane
 
PDF
Adapting ourselves to adaptive content
Karen McGrane
 
PDF
The Way Forward: What's next for content strategy
Karen McGrane
 
KEY
Selling content strategy
Karen McGrane
 
KEY
Nailing Your Performance
Karen McGrane
 
KEY
Making the most of mobile
Karen McGrane
 
KEY
Nashville UX Meetup
Karen McGrane
 
KEY
How to do content strategy
Karen McGrane
 
PDF
Avoiding the 11th Hour Sh*storm at SxSW
Karen McGrane
 
PDF
Baby Got Backend: Content Administrators are Users Too
Karen McGrane
 
PDF
Content Strategy for the Web
Karen McGrane
 
PDF
We are all content strategists now
Karen McGrane
 
PDF
From Typing to Swiping: A Brief History of Interaction Design
Karen McGrane
 
PDF
Handouts for Why UX Design Needs Content Strategy
Karen McGrane
 
KEY
Why UX Design Needs Content Strategy
Karen McGrane
 
KEY
Content Strategy at UX Melbourne
Karen McGrane
 
Adaptive: Content, Context, and Controversy
Karen McGrane
 
The Future of Adaptive Content
Karen McGrane
 
Content Strategy for Mobile: The Workshop
Karen McGrane
 
Adapting ourselves to adaptive content
Karen McGrane
 
Developing Successful Content Management Solutions
Karen McGrane
 
Adapting ourselves to adaptive content
Karen McGrane
 
The Way Forward: What's next for content strategy
Karen McGrane
 
Selling content strategy
Karen McGrane
 
Nailing Your Performance
Karen McGrane
 
Making the most of mobile
Karen McGrane
 
Nashville UX Meetup
Karen McGrane
 
How to do content strategy
Karen McGrane
 
Avoiding the 11th Hour Sh*storm at SxSW
Karen McGrane
 
Baby Got Backend: Content Administrators are Users Too
Karen McGrane
 
Content Strategy for the Web
Karen McGrane
 
We are all content strategists now
Karen McGrane
 
From Typing to Swiping: A Brief History of Interaction Design
Karen McGrane
 
Handouts for Why UX Design Needs Content Strategy
Karen McGrane
 
Why UX Design Needs Content Strategy
Karen McGrane
 
Content Strategy at UX Melbourne
Karen McGrane
 

Recently uploaded (20)

PDF
Unlocking the Future- AI Agents Meet Oracle Database 23ai - AIOUG Yatra 2025.pdf
Sandesh Rao
 
PPTX
Coupa-Overview _Assumptions presentation
annapureddyn
 
PDF
Using Anchore and DefectDojo to Stand Up Your DevSecOps Function
Anchore
 
PDF
CIFDAQ's Market Wrap : Bears Back in Control?
CIFDAQ
 
PDF
Beyond Automation: The Role of IoT Sensor Integration in Next-Gen Industries
Rejig Digital
 
PDF
REPORT: Heating appliances market in Poland 2024
SPIUG
 
PPTX
Dev Dives: Automate, test, and deploy in one place—with Unified Developer Exp...
AndreeaTom
 
PDF
Cloud-Migration-Best-Practices-A-Practical-Guide-to-AWS-Azure-and-Google-Clou...
Artjoker Software Development Company
 
PPTX
cloud computing vai.pptx for the project
vaibhavdobariyal79
 
PDF
The Evolution of KM Roles (Presented at Knowledge Summit Dublin 2025)
Enterprise Knowledge
 
PDF
Software Development Company | KodekX
KodekX
 
PDF
Google I/O Extended 2025 Baku - all ppts
HusseinMalikMammadli
 
PPTX
What-is-the-World-Wide-Web -- Introduction
tonifi9488
 
PPTX
Applied-Statistics-Mastering-Data-Driven-Decisions.pptx
parmaryashparmaryash
 
PDF
Tea4chat - another LLM Project by Kerem Atam
a0m0rajab1
 
PDF
Orbitly Pitch Deck|A Mission-Driven Platform for Side Project Collaboration (...
zz41354899
 
PPT
Coupa-Kickoff-Meeting-Template presentai
annapureddyn
 
PDF
How Open Source Changed My Career by abdelrahman ismail
a0m0rajab1
 
PDF
Accelerating Oracle Database 23ai Troubleshooting with Oracle AHF Fleet Insig...
Sandesh Rao
 
PDF
Research-Fundamentals-and-Topic-Development.pdf
ayesha butalia
 
Unlocking the Future- AI Agents Meet Oracle Database 23ai - AIOUG Yatra 2025.pdf
Sandesh Rao
 
Coupa-Overview _Assumptions presentation
annapureddyn
 
Using Anchore and DefectDojo to Stand Up Your DevSecOps Function
Anchore
 
CIFDAQ's Market Wrap : Bears Back in Control?
CIFDAQ
 
Beyond Automation: The Role of IoT Sensor Integration in Next-Gen Industries
Rejig Digital
 
REPORT: Heating appliances market in Poland 2024
SPIUG
 
Dev Dives: Automate, test, and deploy in one place—with Unified Developer Exp...
AndreeaTom
 
Cloud-Migration-Best-Practices-A-Practical-Guide-to-AWS-Azure-and-Google-Clou...
Artjoker Software Development Company
 
cloud computing vai.pptx for the project
vaibhavdobariyal79
 
The Evolution of KM Roles (Presented at Knowledge Summit Dublin 2025)
Enterprise Knowledge
 
Software Development Company | KodekX
KodekX
 
Google I/O Extended 2025 Baku - all ppts
HusseinMalikMammadli
 
What-is-the-World-Wide-Web -- Introduction
tonifi9488
 
Applied-Statistics-Mastering-Data-Driven-Decisions.pptx
parmaryashparmaryash
 
Tea4chat - another LLM Project by Kerem Atam
a0m0rajab1
 
Orbitly Pitch Deck|A Mission-Driven Platform for Side Project Collaboration (...
zz41354899
 
Coupa-Kickoff-Meeting-Template presentai
annapureddyn
 
How Open Source Changed My Career by abdelrahman ismail
a0m0rajab1
 
Accelerating Oracle Database 23ai Troubleshooting with Oracle AHF Fleet Insig...
Sandesh Rao
 
Research-Fundamentals-and-Topic-Development.pdf
ayesha butalia
 

Week 4 IxD History: Personal Computing