SlideShare a Scribd company logo
History of HCI
Key people, events and ideas
Paradigm shifts
Fall 2002 CS 6750 2
History
• Understanding where you’ve come from
can help a lot in figuring out where you’re
going
• Knowledge of an area implies an
appreciation of its history
Fall 2002 CS 6750 3
Paradigms
• Predominant theoretical frameworks or scientific
world views
− e.g., Aristotelian, Newtonian, Einsteinian (relativistic)
paradigms in physics
• Understanding HCI history is largely about
understanding a series of paradigm shifts
− Not all coming on next slides are really “paradigm”
shifts, but you get the idea
Fall 2002 CS 6750 4
Paradigm Shifts
• Cards,tape -> VDU
• Mainframe -> PC
• Glass tty -> WIMP
interface
• Commands -> Direct
manipulation
• Direct manipulation
-> Agents
• Visual -> Multimedia
• Linear -> Web-like
• Desktop ->
Ubiquitous, Mobile
• Single user -> CSCW
• Purposeful use ->
Situated use
Fall 2002 CS 6750 5
History of HCI
• Digital computer grounded in ideas from
1700’s & 1800’s
• Technology became available in the
1940’s and 1950’s
Fall 2002 CS 6750 6
Vannevar Bush
• “As We May Think” - 1945 Atlantic
Monthly
“…publication has been extended far
beyond our present ability to make real
use of the record.”
Fall 2002 CS 6750 7
Bush
• Postulated Memex device
− Can store all records/articles/communications
− Large memory
− Items retrieved by indexing, keywords, cross
references
− Can make a trail of links through material
− etc.
• Envisioned as microfilm, not computer
Fall 2002 CS 6750 8
J.R. Licklider
• 1960 - Postulated “man-computer
symbiosis” or (interaction)
• Couple human brains
and computing machines
tightly to revolutionize
information handling
Fall 2002 CS 6750 9
Vision/Goals
• Immed Intermed Long-term
•Time sharing
•Electronic I/O
•Interactive, real-
time system
•Large scale
information
storage and
retrieval
•Combined speech
recognition,
character
recognition, light-
pen editing
•Natural language
understanding
•Speech recognition
of arbitrary users
•Heuristic programming
Fall 2002 CS 6750 10
Mid 1960’s
• Computers too expensive for individuals
-> timesharing
− increased accessibility
− interactive systems, not jobs
− text processing, editing
− email, shared file system
Need
for
HCI
Fall 2002 CS 6750 11
Ivan Sutherland
• SketchPad - ‘63 PhD thesis at MIT
− Hierarchy - pictures & subpictures
− Master picture with instances (ie, OOP)
− Constraints
− Icons
− Copying
− Light pen as input device
− Recursive operations
Fall 2002 CS 6750 12
Video Display Units
• More suitable medium than paper
• Sutherland’s Sketchpad as landmark
system
• Computers used for visualizing and
manipulating data
Fall 2002 CS 6750 13
Douglas Engelbart
• Landmark system/demo:
− hierarchical hypertext, multimedia, mouse,
high-res display, windows, shared files,
electronic messaging, CSCW,
teleconferencing, ...
Inventor
of mouse
Fall 2002 CS 6750 14
Alan Kay
• Dynabook - Notebook sized computer
loaded with multimedia and can store
everything
Desktop
interfacePersonal
computing
Fall 2002 CS 6750 15
Personal Computing
• System is more powerful if it’s easier to
use
• Small, powerful machines dedicated to
individual
• Importance of networks and time-sharing
• Kay’s Dynabook, IBM PC
Fall 2002 CS 6750 16
Personal Computers
• ‘70’s IBM PC
− Text and command-based
− Sold lots
Fall 2002 CS 6750 17
PCs with GUIs
• Xerox PARC - mid 1970’s
− Alto
local processor, bitmap
display, mouse
Precursor to modern GUI,
windows, menus, scrollbars
LAN - ethernet
Fall 2002 CS 6750 18
Xerox Star - ‘81
• First commercial PC designed for
“business professionals”
− desktop metaphor, pointing, WYSIWYG, high
degree of consistency and simplicity
• First system based on usability
engineering
− Paper prototyping and analysis
− Usability testing and iterative refinement
Fall 2002 CS 6750 19
Star
• Commercial flop
− $15k cost
− closed architecture
− lacking key functionality
(spreadsheet)
Fall 2002 CS 6750 20
Apple Lisa - ‘82
• Based on ideas of Star
• More personal rather
than office tool
− Still $$$
• Failure
Fall 2002 CS 6750 21
Apple Macintosh - ‘84
• Aggressive pricing - $2500
• Not trailblazer, smart copier
• Good interface guidelines
• 3rd
party applications
• High quality graphics and
laser printer
Fall 2002 CS 6750 22
WIMP
• Windows, Icons, Menus, Pointers
• Can do several things simulataneously
• Familiar GUI interface
• Xerox Alto, Star; early Apples
Fall 2002 CS 6750 23
Metaphor
• All use is problem-solving or learning to
some extent
• Relating computing to real-world activity is
effective learning mechanism
− File management on office desktop
− Financial analysis as spreadsheets
Fall 2002 CS 6750 24
Ben Shneiderman
• Coins and explores notion of direct
manipulation of interface
• Long-time Director of
HCI Lab at Maryland
Fall 2002 CS 6750 25
Direct Manipulation
• ‘82 Shneiderman describes appeal of
graphically-based interaction
− object visibility
− incremental action and rapid feedback
− reversibility encourages exploration
− replace language with action
− syntactic correctness of all actions
• WYSIWYG, Apple Mac
Fall 2002 CS 6750 26
Multimodality
• Mode is a human communication channel
− Not just the senses, e.g., speech and non-
speech audio are two modes
• Emphasis on simultaneous use of multiple
channels for I/O
Fall 2002 CS 6750 27
Ted Nelson
• Computers can help people, not just
business
• Coined term
“hypertext”
Fall 2002 CS 6750 28
Hypertext
• Think of information not as linear flow but
as interconnected nodes
• Bush’s MEMEX, Nelson’s hypertext
• Non-linear browsing structure
• WWW ‘93
Fall 2002 CS 6750 29
Nicholas Negroponte
• MIT machine architecture & AI group
‘69-’80s
• Ideas:
− wall-sized displays, video
disks, AI in interfaces
(agents), speech recognition,
multimedia with hypertext
Fall 2002 CS 6750 30
Language (Agents)
• Actions do not always speak louder than
words
• Interface as mediator or agent
• Language paradigm
Fall 2002 CS 6750 31
CSCW
• Computer-Supported Cooperative Work
• No longer single user/single system
• Micro-social aspects are crucial
• E-mail as prominent success but other
groupware still not widely used
Fall 2002 CS 6750 32
Mark Weiser
• Introduced notion of “calm technology”
− It’s everywhere, but recedes quietly into
background
• CTO of Xerox PARC
Fall 2002 CS 6750 33
Ubiquity
• Person is no longer user of virtual device
but occupant of virtual, computationally-
rich environment
• Can no longer neglect macro-social
aspects
• Late ‘90s - PDAs, VEs, ...
Fall 2002 CS 6750 34
Upcoming
• Video on development of PC
• Usability Principles
• User-Centered Design Process

More Related Content

Viewers also liked

seni ornamen dari sulawesi
seni ornamen dari sulawesiseni ornamen dari sulawesi
seni ornamen dari sulawesi
Sekar Arum
 
Dynamic programming - fundamentals review
Dynamic programming - fundamentals reviewDynamic programming - fundamentals review
Dynamic programming - fundamentals review
ElifTech
 
Interaction Paradigms
Interaction ParadigmsInteraction Paradigms
Interaction Paradigms
Sebastian Weinhold
 
Shiyibao — The Most Efficient Translation Feedback System Ever, Guanqing Hao ...
Shiyibao — The Most Efficient Translation Feedback System Ever, Guanqing Hao ...Shiyibao — The Most Efficient Translation Feedback System Ever, Guanqing Hao ...
Shiyibao — The Most Efficient Translation Feedback System Ever, Guanqing Hao ...
TAUS - The Language Data Network
 
cv_attach_LAD_HANISH_B.E(MECH)_20yrsExp_maintenance_&_planning_Engineer
cv_attach_LAD_HANISH_B.E(MECH)_20yrsExp_maintenance_&_planning_Engineercv_attach_LAD_HANISH_B.E(MECH)_20yrsExp_maintenance_&_planning_Engineer
cv_attach_LAD_HANISH_B.E(MECH)_20yrsExp_maintenance_&_planning_EngineerHanishkumar Lad
 
Introduction to HCI
Introduction to HCI Introduction to HCI
Introduction to HCI Deskala
 
Careers in software development
Careers in software developmentCareers in software development
Careers in software development
Michael Vax
 

Viewers also liked (7)

seni ornamen dari sulawesi
seni ornamen dari sulawesiseni ornamen dari sulawesi
seni ornamen dari sulawesi
 
Dynamic programming - fundamentals review
Dynamic programming - fundamentals reviewDynamic programming - fundamentals review
Dynamic programming - fundamentals review
 
Interaction Paradigms
Interaction ParadigmsInteraction Paradigms
Interaction Paradigms
 
Shiyibao — The Most Efficient Translation Feedback System Ever, Guanqing Hao ...
Shiyibao — The Most Efficient Translation Feedback System Ever, Guanqing Hao ...Shiyibao — The Most Efficient Translation Feedback System Ever, Guanqing Hao ...
Shiyibao — The Most Efficient Translation Feedback System Ever, Guanqing Hao ...
 
cv_attach_LAD_HANISH_B.E(MECH)_20yrsExp_maintenance_&_planning_Engineer
cv_attach_LAD_HANISH_B.E(MECH)_20yrsExp_maintenance_&_planning_Engineercv_attach_LAD_HANISH_B.E(MECH)_20yrsExp_maintenance_&_planning_Engineer
cv_attach_LAD_HANISH_B.E(MECH)_20yrsExp_maintenance_&_planning_Engineer
 
Introduction to HCI
Introduction to HCI Introduction to HCI
Introduction to HCI
 
Careers in software development
Careers in software developmentCareers in software development
Careers in software development
 

Similar to 02 history

Hci [5]paradigm
Hci [5]paradigmHci [5]paradigm
Hci [5]paradigm
Welly Dian Astika
 
Hci gattech32 ubiquitous-computing
Hci gattech32 ubiquitous-computingHci gattech32 ubiquitous-computing
Hci gattech32 ubiquitous-computingAlvin Setiawan
 
E3 chap-04
E3 chap-04E3 chap-04
E3 chap-04
Welly Dian Astika
 
intro (1).ppt
intro (1).pptintro (1).ppt
intro (1).ppt
dlakmlkfma
 
Chapter 3 paradigm
Chapter 3   paradigmChapter 3   paradigm
Chapter 3 paradigm
MLG College of Learning, Inc
 
04 ucd-process
04 ucd-process04 ucd-process
04 ucd-process
audelon
 
vlsi
vlsivlsi
vlsi
RAHULKC11
 
CIS375 Interaction Designs Chapter6
CIS375 Interaction Designs Chapter6CIS375 Interaction Designs Chapter6
CIS375 Interaction Designs Chapter6
Dr. Ahmed Al Zaidy
 
introduction to computer engineering
introduction to computer engineeringintroduction to computer engineering
introduction to computer engineering
CietoMercado2
 
lec00_introduction.ppt
lec00_introduction.pptlec00_introduction.ppt
lec00_introduction.ppt
prakash Mainkar
 
History of Computer Graphics
History of Computer GraphicsHistory of Computer Graphics
History of Computer Graphics
Kamal Acharya
 
OSDC 2018 | The operational brain: how new Paradigms like Machine Learning ar...
OSDC 2018 | The operational brain: how new Paradigms like Machine Learning ar...OSDC 2018 | The operational brain: how new Paradigms like Machine Learning ar...
OSDC 2018 | The operational brain: how new Paradigms like Machine Learning ar...
NETWAYS
 
Rettig.Interaction Design History.V1.5
Rettig.Interaction Design History.V1.5Rettig.Interaction Design History.V1.5
Rettig.Interaction Design History.V1.5
pemi hua
 
Lecture # 8.ppt
Lecture # 8.pptLecture # 8.ppt
Lecture # 8.ppt
HumzaWaris1
 
2016.12.10 HSE lecture public
2016.12.10 HSE lecture public2016.12.10 HSE lecture public
2016.12.10 HSE lecture public
Ed Rodley
 
Vlsibasic.ppt fundamental for engineering
Vlsibasic.ppt fundamental for engineeringVlsibasic.ppt fundamental for engineering
Vlsibasic.ppt fundamental for engineering
jpradha86
 
Unit 1 Business Computing
Unit 1 Business ComputingUnit 1 Business Computing
Unit 1 Business Computing
Dhiviya Rose
 

Similar to 02 history (20)

Hci [5]paradigm
Hci [5]paradigmHci [5]paradigm
Hci [5]paradigm
 
Hci gattech32 ubiquitous-computing
Hci gattech32 ubiquitous-computingHci gattech32 ubiquitous-computing
Hci gattech32 ubiquitous-computing
 
E3 chap-04
E3 chap-04E3 chap-04
E3 chap-04
 
E3 chap-04
E3 chap-04E3 chap-04
E3 chap-04
 
intro (1).ppt
intro (1).pptintro (1).ppt
intro (1).ppt
 
Chapter 3 paradigm
Chapter 3   paradigmChapter 3   paradigm
Chapter 3 paradigm
 
04 ucd-process
04 ucd-process04 ucd-process
04 ucd-process
 
Lectures1 2
Lectures1 2Lectures1 2
Lectures1 2
 
vlsi
vlsivlsi
vlsi
 
CIS375 Interaction Designs Chapter6
CIS375 Interaction Designs Chapter6CIS375 Interaction Designs Chapter6
CIS375 Interaction Designs Chapter6
 
introduction to computer engineering
introduction to computer engineeringintroduction to computer engineering
introduction to computer engineering
 
lec00_introduction.ppt
lec00_introduction.pptlec00_introduction.ppt
lec00_introduction.ppt
 
History of Computer Graphics
History of Computer GraphicsHistory of Computer Graphics
History of Computer Graphics
 
OSDC 2018 | The operational brain: how new Paradigms like Machine Learning ar...
OSDC 2018 | The operational brain: how new Paradigms like Machine Learning ar...OSDC 2018 | The operational brain: how new Paradigms like Machine Learning ar...
OSDC 2018 | The operational brain: how new Paradigms like Machine Learning ar...
 
E3 chap-04
E3 chap-04E3 chap-04
E3 chap-04
 
Rettig.Interaction Design History.V1.5
Rettig.Interaction Design History.V1.5Rettig.Interaction Design History.V1.5
Rettig.Interaction Design History.V1.5
 
Lecture # 8.ppt
Lecture # 8.pptLecture # 8.ppt
Lecture # 8.ppt
 
2016.12.10 HSE lecture public
2016.12.10 HSE lecture public2016.12.10 HSE lecture public
2016.12.10 HSE lecture public
 
Vlsibasic.ppt fundamental for engineering
Vlsibasic.ppt fundamental for engineeringVlsibasic.ppt fundamental for engineering
Vlsibasic.ppt fundamental for engineering
 
Unit 1 Business Computing
Unit 1 Business ComputingUnit 1 Business Computing
Unit 1 Business Computing
 

More from audelon

Activity 1.4 e-commerce
Activity 1.4 e-commerceActivity 1.4 e-commerce
Activity 1.4 e-commerce
audelon
 
The history of electricity
The history of electricityThe history of electricity
The history of electricity
audelon
 
Activity 2.4 copy
Activity 2.4   copyActivity 2.4   copy
Activity 2.4 copy
audelon
 
Chapter iii. human abils1
Chapter iii. human abils1Chapter iii. human abils1
Chapter iii. human abils1
audelon
 
Chapter iii human abils2
Chapter iii human abils2Chapter iii human abils2
Chapter iii human abils2
audelon
 
03 usab-princ
03 usab-princ03 usab-princ
03 usab-princ
audelon
 
Swot 1
Swot 1Swot 1
Swot 1
audelon
 
Swot 1
Swot 1Swot 1
Swot 1
audelon
 

More from audelon (8)

Activity 1.4 e-commerce
Activity 1.4 e-commerceActivity 1.4 e-commerce
Activity 1.4 e-commerce
 
The history of electricity
The history of electricityThe history of electricity
The history of electricity
 
Activity 2.4 copy
Activity 2.4   copyActivity 2.4   copy
Activity 2.4 copy
 
Chapter iii. human abils1
Chapter iii. human abils1Chapter iii. human abils1
Chapter iii. human abils1
 
Chapter iii human abils2
Chapter iii human abils2Chapter iii human abils2
Chapter iii human abils2
 
03 usab-princ
03 usab-princ03 usab-princ
03 usab-princ
 
Swot 1
Swot 1Swot 1
Swot 1
 
Swot 1
Swot 1Swot 1
Swot 1
 

Recently uploaded

Students, digital devices and success - Andreas Schleicher - 27 May 2024..pptx
Students, digital devices and success - Andreas Schleicher - 27 May 2024..pptxStudents, digital devices and success - Andreas Schleicher - 27 May 2024..pptx
Students, digital devices and success - Andreas Schleicher - 27 May 2024..pptx
EduSkills OECD
 
Palestine last event orientationfvgnh .pptx
Palestine last event orientationfvgnh .pptxPalestine last event orientationfvgnh .pptx
Palestine last event orientationfvgnh .pptx
RaedMohamed3
 
Welcome to TechSoup New Member Orientation and Q&A (May 2024).pdf
Welcome to TechSoup   New Member Orientation and Q&A (May 2024).pdfWelcome to TechSoup   New Member Orientation and Q&A (May 2024).pdf
Welcome to TechSoup New Member Orientation and Q&A (May 2024).pdf
TechSoup
 
Language Across the Curriculm LAC B.Ed.
Language Across the  Curriculm LAC B.Ed.Language Across the  Curriculm LAC B.Ed.
Language Across the Curriculm LAC B.Ed.
Atul Kumar Singh
 
1.4 modern child centered education - mahatma gandhi-2.pptx
1.4 modern child centered education - mahatma gandhi-2.pptx1.4 modern child centered education - mahatma gandhi-2.pptx
1.4 modern child centered education - mahatma gandhi-2.pptx
JosvitaDsouza2
 
ESC Beyond Borders _From EU to You_ InfoPack general.pdf
ESC Beyond Borders _From EU to You_ InfoPack general.pdfESC Beyond Borders _From EU to You_ InfoPack general.pdf
ESC Beyond Borders _From EU to You_ InfoPack general.pdf
Fundacja Rozwoju Społeczeństwa Przedsiębiorczego
 
TESDA TM1 REVIEWER FOR NATIONAL ASSESSMENT WRITTEN AND ORAL QUESTIONS WITH A...
TESDA TM1 REVIEWER  FOR NATIONAL ASSESSMENT WRITTEN AND ORAL QUESTIONS WITH A...TESDA TM1 REVIEWER  FOR NATIONAL ASSESSMENT WRITTEN AND ORAL QUESTIONS WITH A...
TESDA TM1 REVIEWER FOR NATIONAL ASSESSMENT WRITTEN AND ORAL QUESTIONS WITH A...
EugeneSaldivar
 
Digital Tools and AI for Teaching Learning and Research
Digital Tools and AI for Teaching Learning and ResearchDigital Tools and AI for Teaching Learning and Research
Digital Tools and AI for Teaching Learning and Research
Vikramjit Singh
 
Overview on Edible Vaccine: Pros & Cons with Mechanism
Overview on Edible Vaccine: Pros & Cons with MechanismOverview on Edible Vaccine: Pros & Cons with Mechanism
Overview on Edible Vaccine: Pros & Cons with Mechanism
DeeptiGupta154
 
The approach at University of Liverpool.pptx
The approach at University of Liverpool.pptxThe approach at University of Liverpool.pptx
The approach at University of Liverpool.pptx
Jisc
 
Additional Benefits for Employee Website.pdf
Additional Benefits for Employee Website.pdfAdditional Benefits for Employee Website.pdf
Additional Benefits for Employee Website.pdf
joachimlavalley1
 
Polish students' mobility in the Czech Republic
Polish students' mobility in the Czech RepublicPolish students' mobility in the Czech Republic
Polish students' mobility in the Czech Republic
Anna Sz.
 
Phrasal Verbs.XXXXXXXXXXXXXXXXXXXXXXXXXX
Phrasal Verbs.XXXXXXXXXXXXXXXXXXXXXXXXXXPhrasal Verbs.XXXXXXXXXXXXXXXXXXXXXXXXXX
Phrasal Verbs.XXXXXXXXXXXXXXXXXXXXXXXXXX
MIRIAMSALINAS13
 
Model Attribute Check Company Auto Property
Model Attribute  Check Company Auto PropertyModel Attribute  Check Company Auto Property
Model Attribute Check Company Auto Property
Celine George
 
How libraries can support authors with open access requirements for UKRI fund...
How libraries can support authors with open access requirements for UKRI fund...How libraries can support authors with open access requirements for UKRI fund...
How libraries can support authors with open access requirements for UKRI fund...
Jisc
 
MARUTI SUZUKI- A Successful Joint Venture in India.pptx
MARUTI SUZUKI- A Successful Joint Venture in India.pptxMARUTI SUZUKI- A Successful Joint Venture in India.pptx
MARUTI SUZUKI- A Successful Joint Venture in India.pptx
bennyroshan06
 
Chapter 3 - Islamic Banking Products and Services.pptx
Chapter 3 - Islamic Banking Products and Services.pptxChapter 3 - Islamic Banking Products and Services.pptx
Chapter 3 - Islamic Banking Products and Services.pptx
Mohd Adib Abd Muin, Senior Lecturer at Universiti Utara Malaysia
 
Fish and Chips - have they had their chips
Fish and Chips - have they had their chipsFish and Chips - have they had their chips
Fish and Chips - have they had their chips
GeoBlogs
 
Operation Blue Star - Saka Neela Tara
Operation Blue Star   -  Saka Neela TaraOperation Blue Star   -  Saka Neela Tara
Operation Blue Star - Saka Neela Tara
Balvir Singh
 
Mule 4.6 & Java 17 Upgrade | MuleSoft Mysore Meetup #46
Mule 4.6 & Java 17 Upgrade | MuleSoft Mysore Meetup #46Mule 4.6 & Java 17 Upgrade | MuleSoft Mysore Meetup #46
Mule 4.6 & Java 17 Upgrade | MuleSoft Mysore Meetup #46
MysoreMuleSoftMeetup
 

Recently uploaded (20)

Students, digital devices and success - Andreas Schleicher - 27 May 2024..pptx
Students, digital devices and success - Andreas Schleicher - 27 May 2024..pptxStudents, digital devices and success - Andreas Schleicher - 27 May 2024..pptx
Students, digital devices and success - Andreas Schleicher - 27 May 2024..pptx
 
Palestine last event orientationfvgnh .pptx
Palestine last event orientationfvgnh .pptxPalestine last event orientationfvgnh .pptx
Palestine last event orientationfvgnh .pptx
 
Welcome to TechSoup New Member Orientation and Q&A (May 2024).pdf
Welcome to TechSoup   New Member Orientation and Q&A (May 2024).pdfWelcome to TechSoup   New Member Orientation and Q&A (May 2024).pdf
Welcome to TechSoup New Member Orientation and Q&A (May 2024).pdf
 
Language Across the Curriculm LAC B.Ed.
Language Across the  Curriculm LAC B.Ed.Language Across the  Curriculm LAC B.Ed.
Language Across the Curriculm LAC B.Ed.
 
1.4 modern child centered education - mahatma gandhi-2.pptx
1.4 modern child centered education - mahatma gandhi-2.pptx1.4 modern child centered education - mahatma gandhi-2.pptx
1.4 modern child centered education - mahatma gandhi-2.pptx
 
ESC Beyond Borders _From EU to You_ InfoPack general.pdf
ESC Beyond Borders _From EU to You_ InfoPack general.pdfESC Beyond Borders _From EU to You_ InfoPack general.pdf
ESC Beyond Borders _From EU to You_ InfoPack general.pdf
 
TESDA TM1 REVIEWER FOR NATIONAL ASSESSMENT WRITTEN AND ORAL QUESTIONS WITH A...
TESDA TM1 REVIEWER  FOR NATIONAL ASSESSMENT WRITTEN AND ORAL QUESTIONS WITH A...TESDA TM1 REVIEWER  FOR NATIONAL ASSESSMENT WRITTEN AND ORAL QUESTIONS WITH A...
TESDA TM1 REVIEWER FOR NATIONAL ASSESSMENT WRITTEN AND ORAL QUESTIONS WITH A...
 
Digital Tools and AI for Teaching Learning and Research
Digital Tools and AI for Teaching Learning and ResearchDigital Tools and AI for Teaching Learning and Research
Digital Tools and AI for Teaching Learning and Research
 
Overview on Edible Vaccine: Pros & Cons with Mechanism
Overview on Edible Vaccine: Pros & Cons with MechanismOverview on Edible Vaccine: Pros & Cons with Mechanism
Overview on Edible Vaccine: Pros & Cons with Mechanism
 
The approach at University of Liverpool.pptx
The approach at University of Liverpool.pptxThe approach at University of Liverpool.pptx
The approach at University of Liverpool.pptx
 
Additional Benefits for Employee Website.pdf
Additional Benefits for Employee Website.pdfAdditional Benefits for Employee Website.pdf
Additional Benefits for Employee Website.pdf
 
Polish students' mobility in the Czech Republic
Polish students' mobility in the Czech RepublicPolish students' mobility in the Czech Republic
Polish students' mobility in the Czech Republic
 
Phrasal Verbs.XXXXXXXXXXXXXXXXXXXXXXXXXX
Phrasal Verbs.XXXXXXXXXXXXXXXXXXXXXXXXXXPhrasal Verbs.XXXXXXXXXXXXXXXXXXXXXXXXXX
Phrasal Verbs.XXXXXXXXXXXXXXXXXXXXXXXXXX
 
Model Attribute Check Company Auto Property
Model Attribute  Check Company Auto PropertyModel Attribute  Check Company Auto Property
Model Attribute Check Company Auto Property
 
How libraries can support authors with open access requirements for UKRI fund...
How libraries can support authors with open access requirements for UKRI fund...How libraries can support authors with open access requirements for UKRI fund...
How libraries can support authors with open access requirements for UKRI fund...
 
MARUTI SUZUKI- A Successful Joint Venture in India.pptx
MARUTI SUZUKI- A Successful Joint Venture in India.pptxMARUTI SUZUKI- A Successful Joint Venture in India.pptx
MARUTI SUZUKI- A Successful Joint Venture in India.pptx
 
Chapter 3 - Islamic Banking Products and Services.pptx
Chapter 3 - Islamic Banking Products and Services.pptxChapter 3 - Islamic Banking Products and Services.pptx
Chapter 3 - Islamic Banking Products and Services.pptx
 
Fish and Chips - have they had their chips
Fish and Chips - have they had their chipsFish and Chips - have they had their chips
Fish and Chips - have they had their chips
 
Operation Blue Star - Saka Neela Tara
Operation Blue Star   -  Saka Neela TaraOperation Blue Star   -  Saka Neela Tara
Operation Blue Star - Saka Neela Tara
 
Mule 4.6 & Java 17 Upgrade | MuleSoft Mysore Meetup #46
Mule 4.6 & Java 17 Upgrade | MuleSoft Mysore Meetup #46Mule 4.6 & Java 17 Upgrade | MuleSoft Mysore Meetup #46
Mule 4.6 & Java 17 Upgrade | MuleSoft Mysore Meetup #46
 

02 history

  • 1. History of HCI Key people, events and ideas Paradigm shifts
  • 2. Fall 2002 CS 6750 2 History • Understanding where you’ve come from can help a lot in figuring out where you’re going • Knowledge of an area implies an appreciation of its history
  • 3. Fall 2002 CS 6750 3 Paradigms • Predominant theoretical frameworks or scientific world views − e.g., Aristotelian, Newtonian, Einsteinian (relativistic) paradigms in physics • Understanding HCI history is largely about understanding a series of paradigm shifts − Not all coming on next slides are really “paradigm” shifts, but you get the idea
  • 4. Fall 2002 CS 6750 4 Paradigm Shifts • Cards,tape -> VDU • Mainframe -> PC • Glass tty -> WIMP interface • Commands -> Direct manipulation • Direct manipulation -> Agents • Visual -> Multimedia • Linear -> Web-like • Desktop -> Ubiquitous, Mobile • Single user -> CSCW • Purposeful use -> Situated use
  • 5. Fall 2002 CS 6750 5 History of HCI • Digital computer grounded in ideas from 1700’s & 1800’s • Technology became available in the 1940’s and 1950’s
  • 6. Fall 2002 CS 6750 6 Vannevar Bush • “As We May Think” - 1945 Atlantic Monthly “…publication has been extended far beyond our present ability to make real use of the record.”
  • 7. Fall 2002 CS 6750 7 Bush • Postulated Memex device − Can store all records/articles/communications − Large memory − Items retrieved by indexing, keywords, cross references − Can make a trail of links through material − etc. • Envisioned as microfilm, not computer
  • 8. Fall 2002 CS 6750 8 J.R. Licklider • 1960 - Postulated “man-computer symbiosis” or (interaction) • Couple human brains and computing machines tightly to revolutionize information handling
  • 9. Fall 2002 CS 6750 9 Vision/Goals • Immed Intermed Long-term •Time sharing •Electronic I/O •Interactive, real- time system •Large scale information storage and retrieval •Combined speech recognition, character recognition, light- pen editing •Natural language understanding •Speech recognition of arbitrary users •Heuristic programming
  • 10. Fall 2002 CS 6750 10 Mid 1960’s • Computers too expensive for individuals -> timesharing − increased accessibility − interactive systems, not jobs − text processing, editing − email, shared file system Need for HCI
  • 11. Fall 2002 CS 6750 11 Ivan Sutherland • SketchPad - ‘63 PhD thesis at MIT − Hierarchy - pictures & subpictures − Master picture with instances (ie, OOP) − Constraints − Icons − Copying − Light pen as input device − Recursive operations
  • 12. Fall 2002 CS 6750 12 Video Display Units • More suitable medium than paper • Sutherland’s Sketchpad as landmark system • Computers used for visualizing and manipulating data
  • 13. Fall 2002 CS 6750 13 Douglas Engelbart • Landmark system/demo: − hierarchical hypertext, multimedia, mouse, high-res display, windows, shared files, electronic messaging, CSCW, teleconferencing, ... Inventor of mouse
  • 14. Fall 2002 CS 6750 14 Alan Kay • Dynabook - Notebook sized computer loaded with multimedia and can store everything Desktop interfacePersonal computing
  • 15. Fall 2002 CS 6750 15 Personal Computing • System is more powerful if it’s easier to use • Small, powerful machines dedicated to individual • Importance of networks and time-sharing • Kay’s Dynabook, IBM PC
  • 16. Fall 2002 CS 6750 16 Personal Computers • ‘70’s IBM PC − Text and command-based − Sold lots
  • 17. Fall 2002 CS 6750 17 PCs with GUIs • Xerox PARC - mid 1970’s − Alto local processor, bitmap display, mouse Precursor to modern GUI, windows, menus, scrollbars LAN - ethernet
  • 18. Fall 2002 CS 6750 18 Xerox Star - ‘81 • First commercial PC designed for “business professionals” − desktop metaphor, pointing, WYSIWYG, high degree of consistency and simplicity • First system based on usability engineering − Paper prototyping and analysis − Usability testing and iterative refinement
  • 19. Fall 2002 CS 6750 19 Star • Commercial flop − $15k cost − closed architecture − lacking key functionality (spreadsheet)
  • 20. Fall 2002 CS 6750 20 Apple Lisa - ‘82 • Based on ideas of Star • More personal rather than office tool − Still $$$ • Failure
  • 21. Fall 2002 CS 6750 21 Apple Macintosh - ‘84 • Aggressive pricing - $2500 • Not trailblazer, smart copier • Good interface guidelines • 3rd party applications • High quality graphics and laser printer
  • 22. Fall 2002 CS 6750 22 WIMP • Windows, Icons, Menus, Pointers • Can do several things simulataneously • Familiar GUI interface • Xerox Alto, Star; early Apples
  • 23. Fall 2002 CS 6750 23 Metaphor • All use is problem-solving or learning to some extent • Relating computing to real-world activity is effective learning mechanism − File management on office desktop − Financial analysis as spreadsheets
  • 24. Fall 2002 CS 6750 24 Ben Shneiderman • Coins and explores notion of direct manipulation of interface • Long-time Director of HCI Lab at Maryland
  • 25. Fall 2002 CS 6750 25 Direct Manipulation • ‘82 Shneiderman describes appeal of graphically-based interaction − object visibility − incremental action and rapid feedback − reversibility encourages exploration − replace language with action − syntactic correctness of all actions • WYSIWYG, Apple Mac
  • 26. Fall 2002 CS 6750 26 Multimodality • Mode is a human communication channel − Not just the senses, e.g., speech and non- speech audio are two modes • Emphasis on simultaneous use of multiple channels for I/O
  • 27. Fall 2002 CS 6750 27 Ted Nelson • Computers can help people, not just business • Coined term “hypertext”
  • 28. Fall 2002 CS 6750 28 Hypertext • Think of information not as linear flow but as interconnected nodes • Bush’s MEMEX, Nelson’s hypertext • Non-linear browsing structure • WWW ‘93
  • 29. Fall 2002 CS 6750 29 Nicholas Negroponte • MIT machine architecture & AI group ‘69-’80s • Ideas: − wall-sized displays, video disks, AI in interfaces (agents), speech recognition, multimedia with hypertext
  • 30. Fall 2002 CS 6750 30 Language (Agents) • Actions do not always speak louder than words • Interface as mediator or agent • Language paradigm
  • 31. Fall 2002 CS 6750 31 CSCW • Computer-Supported Cooperative Work • No longer single user/single system • Micro-social aspects are crucial • E-mail as prominent success but other groupware still not widely used
  • 32. Fall 2002 CS 6750 32 Mark Weiser • Introduced notion of “calm technology” − It’s everywhere, but recedes quietly into background • CTO of Xerox PARC
  • 33. Fall 2002 CS 6750 33 Ubiquity • Person is no longer user of virtual device but occupant of virtual, computationally- rich environment • Can no longer neglect macro-social aspects • Late ‘90s - PDAs, VEs, ...
  • 34. Fall 2002 CS 6750 34 Upcoming • Video on development of PC • Usability Principles • User-Centered Design Process