SlideShare a Scribd company logo
1 of 26
chapter 4

paradigms
why study paradigms
Concerns
– how can an interactive system be developed
to ensure its usability?
– how can the usability of an interactive
system be demonstrated or measured?

History of interactive system design
provides paradigms for usable designs
What are 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 listed here are necessarily “paradigm” shifts,
but are at least candidates
– History will judge which are true shifts
Paradigms of interaction
New computing technologies arrive,
creating a new perception of the
human—computer relationship.
We can trace some of these shifts in
the history of interactive technologies.
The initial paradigm
• Batch processing

Impersonal computing
Example Paradigm Shifts
• Batch processing
• Time-sharing

Interactive computing
Example Paradigm Shifts
• Batch processing
• Timesharing
• Networking

@#$% !

???

Community computing
Example Paradigm Shifts
•
•
•
•

Batch processingC…P… filename
dot star… or was
Timesharing
it R…M?
Networking
% foo.bar
Graphical displays

Move this file here,
and copy this to there.

ABORT
dumby!!!

Direct manipulation
Example Paradigm Shifts
•
•
•
•
•

Batch processing
Timesharing
Networking
Graphical display
Microprocessor

Personal computing
Example Paradigm Shifts
•
•
•
•
•
•

Batch processing
Timesharing
Networking
Graphical display
Microprocessor
WWW

Global information
Example Paradigm Shifts
•
•
•
•
•
•
•

Batch processing
Timesharing
Networking
Graphical display
Microprocessor
WWW
Ubiquitous
Computing

• A symbiosis of physical
and electronic worlds in
service of everyday
activities.
Time-sharing
• 1940s and 1950s – explosive technological
growth
• 1960s – need to channel the power
• J.C.R. Licklider at ARPA
• single computer supporting multiple users
Video Display Units
• more suitable medium than paper
• 1962 – Sutherland's Sketchpad
• computers for visualizing and manipulating
data
• one person's contribution could drastically
change the history of computing
Programming toolkits
• Engelbart at Stanford Research Institute
• 1963 – augmenting man's intellect
• 1968 NLS/Augment system demonstration
• the right programming toolkit provides
building blocks to producing complex
interactive systems
Personal computing
• 1970s – Papert's LOGO language for simple
graphics programming by children
• A system is more powerful as it becomes
easier to user
• Future of computing in small, powerful
machines dedicated to the individual
• Kay at Xerox PARC – the Dynabook as the
ultimate personal computer
Window systems and the
WIMP interface
• humans can pursue more than one task at a
time
• windows used for dialogue partitioning, to
“change the topic”
• 1981 – Xerox Star first commercial windowing
system
• windows, icons, menus and pointers now
familiar interaction mechanisms
Metaphor
• relating computing to other real-world activity
is effective teaching technique
–
–
–
–
–

LOGO's turtle dragging its tail
file management on an office desktop
word processing as typing
financial analysis on spreadsheets
virtual reality – user inside the metaphor

• Problems
– some tasks do not fit into a given metaphor
– cultural bias
Direct manipulation
• 1982 – Shneiderman describes appeal of
graphically-based interaction
–
–
–
–
–

visibility of objects
incremental action and rapid feedback
reversibility encourages exploration
syntactic correctness of all actions
replace language with action

• 1984 – Apple Macintosh
• the model-world metaphor
• What You See Is What You Get (WYSIWYG)
Language versus Action
• actions do not always speak louder than
words!
• DM – interface replaces underlying
system
• language paradigm
• interface as mediator
• interface acts as intelligent agent
• programming by example is both action
and language
Hypertext
• 1945 – Vannevar Bush and the memex
• key to success in managing explosion of
information
• mid 1960s – Nelson describes hypertext as
non-linear browsing structure
• hypermedia and multimedia
• Nelson's Xanadu project still a dream today
Multimodality
• a mode is a human communication
channel
• emphasis on simultaneous use of
multiple channels for input and output
Computer Supported
Cooperative Work (CSCW)
• CSCW removes bias of single user /
single computer system
• Can no longer neglect the social aspects
• Electronic mail is most prominent
success
The World Wide Web
• Hypertext, as originally realized, was a
closed system
• Simple, universal protocols (e.g. HTTP)
and mark-up languages (e.g. HTML)
made publishing and accessing easy
• Critical mass of users lead to a
complete transformation of our
information economy.
Agent-based Interfaces
• Original interfaces
– Commands given to computer
– Language-based

• Direct Manipulation/WIMP
– Commands performed on “world” representation
– Action based

• Agents - return to language by instilling
proactivity and “intelligence” in command
processor
– Avatars, natural language processing
Ubiquitous Computing
“The most profound technologies are those that
disappear.”
Mark Weiser, 1991
Late 1980’s: computer was very apparent
How to make it disappear?
– Shrink and embed/distribute it in the physical world
– Design interactions that don’t demand our intention
Sensor-based and Contextaware Interaction
• Humans are good at recognizing the
“context” of a situation and reacting
appropriately
• Automatically sensing physical
phenomena (e.g., light, temp, location,
identity) becoming easier
• How can we go from sensed physical
measures to interactions that behave as
if made “aware” of the surroundings?

More Related Content

What's hot (6)

Human-Computer Interaction
Human-Computer InteractionHuman-Computer Interaction
Human-Computer Interaction
 
Simon penny presentation
Simon penny presentationSimon penny presentation
Simon penny presentation
 
Place Making: A Theory Of Knowledge Work
Place Making:  A Theory Of Knowledge WorkPlace Making:  A Theory Of Knowledge Work
Place Making: A Theory Of Knowledge Work
 
Ubiquitous computing 1.0
Ubiquitous computing 1.0Ubiquitous computing 1.0
Ubiquitous computing 1.0
 
Office of the 21st century
Office of the 21st centuryOffice of the 21st century
Office of the 21st century
 
Body and the city
Body and the cityBody and the city
Body and the city
 

Viewers also liked (17)

Ch2 another design
Ch2 another designCh2 another design
Ch2 another design
 
App a
App aApp a
App a
 
E3 chap-09
E3 chap-09E3 chap-09
E3 chap-09
 
Ch9
Ch9Ch9
Ch9
 
Aries
AriesAries
Aries
 
Ddl
DdlDdl
Ddl
 
Ch3
Ch3Ch3
Ch3
 
Soal kombinatorik
Soal kombinatorikSoal kombinatorik
Soal kombinatorik
 
E3 chap-12
E3 chap-12E3 chap-12
E3 chap-12
 
Ch16
Ch16Ch16
Ch16
 
Ch1 introduction
Ch1   introductionCh1   introduction
Ch1 introduction
 
App b
App bApp b
App b
 
E3 chap-18
E3 chap-18E3 chap-18
E3 chap-18
 
Imk pertemuan-4
Imk pertemuan-4Imk pertemuan-4
Imk pertemuan-4
 
Uji hipotesis
Uji hipotesisUji hipotesis
Uji hipotesis
 
E3 chap-14
E3 chap-14E3 chap-14
E3 chap-14
 
Peubah acak
Peubah acakPeubah acak
Peubah acak
 

Similar to E3 chap-04

Bryan Alexander's: Emerging technologies for teaching and learning: a tour of...
Bryan Alexander's: Emerging technologies for teaching and learning: a tour of...Bryan Alexander's: Emerging technologies for teaching and learning: a tour of...
Bryan Alexander's: Emerging technologies for teaching and learning: a tour of...
Alexandra M. Pickett
 
cloudcomputingdistributedcomputing-171208050503 (1).pdf
cloudcomputingdistributedcomputing-171208050503 (1).pdfcloudcomputingdistributedcomputing-171208050503 (1).pdf
cloudcomputingdistributedcomputing-171208050503 (1).pdf
ArchanaPandiyan
 
Internet to web: The 40-year old Internet and the 20-year-old Web
Internet to web:  The 40-year old Internet and the 20-year-old WebInternet to web:  The 40-year old Internet and the 20-year-old Web
Internet to web: The 40-year old Internet and the 20-year-old Web
Johan Koren
 

Similar to E3 chap-04 (20)

a lecture of Human- computer interactive
a lecture of Human- computer interactivea lecture of Human- computer interactive
a lecture of Human- computer interactive
 
Lecture # 8.ppt
Lecture # 8.pptLecture # 8.ppt
Lecture # 8.ppt
 
HCI - Chapter 4
HCI - Chapter 4HCI - Chapter 4
HCI - Chapter 4
 
HCI 3e - Ch 4: Paradigms
HCI 3e - Ch 4:  ParadigmsHCI 3e - Ch 4:  Paradigms
HCI 3e - Ch 4: Paradigms
 
Introdction.pptx
Introdction.pptxIntrodction.pptx
Introdction.pptx
 
1.lecture_07_paradigms.ppt
1.lecture_07_paradigms.ppt1.lecture_07_paradigms.ppt
1.lecture_07_paradigms.ppt
 
Bringing the Unix Philosophy to Big Data
Bringing the Unix Philosophy to Big DataBringing the Unix Philosophy to Big Data
Bringing the Unix Philosophy to Big Data
 
IMD 203 - Ch01
IMD 203 - Ch01IMD 203 - Ch01
IMD 203 - Ch01
 
IT115 - U1L1.pptx
IT115 - U1L1.pptxIT115 - U1L1.pptx
IT115 - U1L1.pptx
 
Chapter one
Chapter oneChapter one
Chapter one
 
E3 chap-04-extra
E3 chap-04-extraE3 chap-04-extra
E3 chap-04-extra
 
No more BITS - Blind Insignificant Technologies ands Systems by Roger Roberts...
No more BITS - Blind Insignificant Technologies ands Systems by Roger Roberts...No more BITS - Blind Insignificant Technologies ands Systems by Roger Roberts...
No more BITS - Blind Insignificant Technologies ands Systems by Roger Roberts...
 
Bryan Alexander's: Emerging technologies for teaching and learning: a tour of...
Bryan Alexander's: Emerging technologies for teaching and learning: a tour of...Bryan Alexander's: Emerging technologies for teaching and learning: a tour of...
Bryan Alexander's: Emerging technologies for teaching and learning: a tour of...
 
Another history of the Web from its architecture
Another history of the Web from its architectureAnother history of the Web from its architecture
Another history of the Web from its architecture
 
HCI_01.ppt
HCI_01.pptHCI_01.ppt
HCI_01.ppt
 
cloudcomputingdistributedcomputing-171208050503 (1).pdf
cloudcomputingdistributedcomputing-171208050503 (1).pdfcloudcomputingdistributedcomputing-171208050503 (1).pdf
cloudcomputingdistributedcomputing-171208050503 (1).pdf
 
Cloud Computing & Distributed Computing
Cloud Computing & Distributed ComputingCloud Computing & Distributed Computing
Cloud Computing & Distributed Computing
 
Internet to web: The 40-year old Internet and the 20-year-old Web
Internet to web:  The 40-year old Internet and the 20-year-old WebInternet to web:  The 40-year old Internet and the 20-year-old Web
Internet to web: The 40-year old Internet and the 20-year-old Web
 
Hypertext, Hypermedia and Multimedia for improving the language skills,
Hypertext, Hypermedia and Multimedia for improving the language skills,Hypertext, Hypermedia and Multimedia for improving the language skills,
Hypertext, Hypermedia and Multimedia for improving the language skills,
 
Web History 101, or How the Future is Unwritten
Web History 101, or How the Future is UnwrittenWeb History 101, or How the Future is Unwritten
Web History 101, or How the Future is Unwritten
 

Recently uploaded

Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
Joaquim Jorge
 
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptxEIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
Earley Information Science
 

Recently uploaded (20)

08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men
 
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdfUnderstanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
 
presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century education
 
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a FresherStrategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
 
Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...
 
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
 
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonData Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
 
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationGenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day Presentation
 
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
 
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
 
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationFrom Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
 
Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)
 
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptxEIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
 
GenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdfGenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdf
 
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdfThe Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
 
Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed textsHandwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed texts
 
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps ScriptAutomating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
 
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
 

E3 chap-04

  • 2. why study paradigms Concerns – how can an interactive system be developed to ensure its usability? – how can the usability of an interactive system be demonstrated or measured? History of interactive system design provides paradigms for usable designs
  • 3. What are 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 listed here are necessarily “paradigm” shifts, but are at least candidates – History will judge which are true shifts
  • 4. Paradigms of interaction New computing technologies arrive, creating a new perception of the human—computer relationship. We can trace some of these shifts in the history of interactive technologies.
  • 5. The initial paradigm • Batch processing Impersonal computing
  • 6. Example Paradigm Shifts • Batch processing • Time-sharing Interactive computing
  • 7. Example Paradigm Shifts • Batch processing • Timesharing • Networking @#$% ! ??? Community computing
  • 8. Example Paradigm Shifts • • • • Batch processingC…P… filename dot star… or was Timesharing it R…M? Networking % foo.bar Graphical displays Move this file here, and copy this to there. ABORT dumby!!! Direct manipulation
  • 9. Example Paradigm Shifts • • • • • Batch processing Timesharing Networking Graphical display Microprocessor Personal computing
  • 10. Example Paradigm Shifts • • • • • • Batch processing Timesharing Networking Graphical display Microprocessor WWW Global information
  • 11. Example Paradigm Shifts • • • • • • • Batch processing Timesharing Networking Graphical display Microprocessor WWW Ubiquitous Computing • A symbiosis of physical and electronic worlds in service of everyday activities.
  • 12. Time-sharing • 1940s and 1950s – explosive technological growth • 1960s – need to channel the power • J.C.R. Licklider at ARPA • single computer supporting multiple users
  • 13. Video Display Units • more suitable medium than paper • 1962 – Sutherland's Sketchpad • computers for visualizing and manipulating data • one person's contribution could drastically change the history of computing
  • 14. Programming toolkits • Engelbart at Stanford Research Institute • 1963 – augmenting man's intellect • 1968 NLS/Augment system demonstration • the right programming toolkit provides building blocks to producing complex interactive systems
  • 15. Personal computing • 1970s – Papert's LOGO language for simple graphics programming by children • A system is more powerful as it becomes easier to user • Future of computing in small, powerful machines dedicated to the individual • Kay at Xerox PARC – the Dynabook as the ultimate personal computer
  • 16. Window systems and the WIMP interface • humans can pursue more than one task at a time • windows used for dialogue partitioning, to “change the topic” • 1981 – Xerox Star first commercial windowing system • windows, icons, menus and pointers now familiar interaction mechanisms
  • 17. Metaphor • relating computing to other real-world activity is effective teaching technique – – – – – LOGO's turtle dragging its tail file management on an office desktop word processing as typing financial analysis on spreadsheets virtual reality – user inside the metaphor • Problems – some tasks do not fit into a given metaphor – cultural bias
  • 18. Direct manipulation • 1982 – Shneiderman describes appeal of graphically-based interaction – – – – – visibility of objects incremental action and rapid feedback reversibility encourages exploration syntactic correctness of all actions replace language with action • 1984 – Apple Macintosh • the model-world metaphor • What You See Is What You Get (WYSIWYG)
  • 19. Language versus Action • actions do not always speak louder than words! • DM – interface replaces underlying system • language paradigm • interface as mediator • interface acts as intelligent agent • programming by example is both action and language
  • 20. Hypertext • 1945 – Vannevar Bush and the memex • key to success in managing explosion of information • mid 1960s – Nelson describes hypertext as non-linear browsing structure • hypermedia and multimedia • Nelson's Xanadu project still a dream today
  • 21. Multimodality • a mode is a human communication channel • emphasis on simultaneous use of multiple channels for input and output
  • 22. Computer Supported Cooperative Work (CSCW) • CSCW removes bias of single user / single computer system • Can no longer neglect the social aspects • Electronic mail is most prominent success
  • 23. The World Wide Web • Hypertext, as originally realized, was a closed system • Simple, universal protocols (e.g. HTTP) and mark-up languages (e.g. HTML) made publishing and accessing easy • Critical mass of users lead to a complete transformation of our information economy.
  • 24. Agent-based Interfaces • Original interfaces – Commands given to computer – Language-based • Direct Manipulation/WIMP – Commands performed on “world” representation – Action based • Agents - return to language by instilling proactivity and “intelligence” in command processor – Avatars, natural language processing
  • 25. Ubiquitous Computing “The most profound technologies are those that disappear.” Mark Weiser, 1991 Late 1980’s: computer was very apparent How to make it disappear? – Shrink and embed/distribute it in the physical world – Design interactions that don’t demand our intention
  • 26. Sensor-based and Contextaware Interaction • Humans are good at recognizing the “context” of a situation and reacting appropriately • Automatically sensing physical phenomena (e.g., light, temp, location, identity) becoming easier • How can we go from sensed physical measures to interactions that behave as if made “aware” of the surroundings?