cs 3724 introduction to human computer interaction
TRANSCRIPT
![Page 1: CS 3724 Introduction to Human Computer Interaction](https://reader035.vdocuments.site/reader035/viewer/2022062320/56649f465503460f94c67ca9/html5/thumbnails/1.jpg)
CS 3724Introduction to Human Computer Interaction
![Page 2: CS 3724 Introduction to Human Computer Interaction](https://reader035.vdocuments.site/reader035/viewer/2022062320/56649f465503460f94c67ca9/html5/thumbnails/2.jpg)
What is incomplete about this picture of HCI?
![Page 3: CS 3724 Introduction to Human Computer Interaction](https://reader035.vdocuments.site/reader035/viewer/2022062320/56649f465503460f94c67ca9/html5/thumbnails/3.jpg)
From 1 to many
One Brain, One ComputerThe Social Realm
Beyond the information processing model
CSCW, CSCW or CSW?Computers Everywhere
Ubiquitous computingAugmented reality
![Page 4: CS 3724 Introduction to Human Computer Interaction](https://reader035.vdocuments.site/reader035/viewer/2022062320/56649f465503460f94c67ca9/html5/thumbnails/4.jpg)
From 1 to many
One Brain, One ComputerThe Social Realm
Beyond the information processing model
CSCW, CSCW or CSW?Computers Everywhere
Ubiquitous computingAugmented reality
![Page 5: CS 3724 Introduction to Human Computer Interaction](https://reader035.vdocuments.site/reader035/viewer/2022062320/56649f465503460f94c67ca9/html5/thumbnails/5.jpg)
Information Processing Model of Cognition
![Page 6: CS 3724 Introduction to Human Computer Interaction](https://reader035.vdocuments.site/reader035/viewer/2022062320/56649f465503460f94c67ca9/html5/thumbnails/6.jpg)
What does this imply?
Personal computing: empowering the individual --> interface designed and optimized for the individual.
But we live and work with other people. Our computers are connected to other
computers.
![Page 7: CS 3724 Introduction to Human Computer Interaction](https://reader035.vdocuments.site/reader035/viewer/2022062320/56649f465503460f94c67ca9/html5/thumbnails/7.jpg)
From 1 to many
One Brain, One ComputerThe Social Realm
Beyond the information processing model
CSCW, CSCW or CSW?Computers Everywhere
Ubiquitous computingAugmented reality
![Page 8: CS 3724 Introduction to Human Computer Interaction](https://reader035.vdocuments.site/reader035/viewer/2022062320/56649f465503460f94c67ca9/html5/thumbnails/8.jpg)
Beyond the information processing model
Social conventions (effect on individual users)
Human to Human activityWorking on joint projectsSharing (passing around) stuffCommunicating
![Page 9: CS 3724 Introduction to Human Computer Interaction](https://reader035.vdocuments.site/reader035/viewer/2022062320/56649f465503460f94c67ca9/html5/thumbnails/9.jpg)
Beyond the information processing model
Social conventions (effect on individual users)
Human to Human activityWorking on joint projectsSharing (passing around) stuffCommunicating
![Page 10: CS 3724 Introduction to Human Computer Interaction](https://reader035.vdocuments.site/reader035/viewer/2022062320/56649f465503460f94c67ca9/html5/thumbnails/10.jpg)
Where do you look for traffic signals?
In the US?
![Page 11: CS 3724 Introduction to Human Computer Interaction](https://reader035.vdocuments.site/reader035/viewer/2022062320/56649f465503460f94c67ca9/html5/thumbnails/11.jpg)
Where do you look for traffic signals?
In the US? In France?
![Page 12: CS 3724 Introduction to Human Computer Interaction](https://reader035.vdocuments.site/reader035/viewer/2022062320/56649f465503460f94c67ca9/html5/thumbnails/12.jpg)
Where do you look for traffic signals?
In the US? In France? ANSWER: Off to the right at
eye level
![Page 13: CS 3724 Introduction to Human Computer Interaction](https://reader035.vdocuments.site/reader035/viewer/2022062320/56649f465503460f94c67ca9/html5/thumbnails/13.jpg)
What are some other concepts that are driven
by social convention?
![Page 14: CS 3724 Introduction to Human Computer Interaction](https://reader035.vdocuments.site/reader035/viewer/2022062320/56649f465503460f94c67ca9/html5/thumbnails/14.jpg)
What are some other concepts that are driven
by social convention?LanguagePolitenessPrivacyGesturesMoney
![Page 15: CS 3724 Introduction to Human Computer Interaction](https://reader035.vdocuments.site/reader035/viewer/2022062320/56649f465503460f94c67ca9/html5/thumbnails/15.jpg)
Beyond the information processing model
Social conventions (effect on individual users)
Human to Human activityWorking on joint projectsSharing (passing around) stuffCommunicating
![Page 16: CS 3724 Introduction to Human Computer Interaction](https://reader035.vdocuments.site/reader035/viewer/2022062320/56649f465503460f94c67ca9/html5/thumbnails/16.jpg)
Beyond the information processing model
Social conventions (effect on individual users)
Human to Human activityWorking on joint projectsSharing (passing around) stuffCommunicating
![Page 17: CS 3724 Introduction to Human Computer Interaction](https://reader035.vdocuments.site/reader035/viewer/2022062320/56649f465503460f94c67ca9/html5/thumbnails/17.jpg)
Beyond the information processing model
Social conventions (effect on individual users)
Human to Human activityWorking on joint projectsSharing (passing around) stuffCommunicating
![Page 18: CS 3724 Introduction to Human Computer Interaction](https://reader035.vdocuments.site/reader035/viewer/2022062320/56649f465503460f94c67ca9/html5/thumbnails/18.jpg)
From 1 to many
One Brain, One ComputerThe Social Realm
Beyond the information processing model
CSCW, CSCW or CSW?Computers Everywhere
Ubiquitous computingAugmented reality
![Page 19: CS 3724 Introduction to Human Computer Interaction](https://reader035.vdocuments.site/reader035/viewer/2022062320/56649f465503460f94c67ca9/html5/thumbnails/19.jpg)
CSCW, CSCW or CSW?
Computer Supported Collaborative WorkNorth American
Computer Supported Cooperative WorkEuropean (and ACM)Often uses “participatory design” method
Computer Supported WorkAka “Knowledge work”“Do you want fries with that?”
![Page 20: CS 3724 Introduction to Human Computer Interaction](https://reader035.vdocuments.site/reader035/viewer/2022062320/56649f465503460f94c67ca9/html5/thumbnails/20.jpg)
A few terms:
Synchronous IM, chat Asynchronous e-mail Remote Colocated “in the
same physical space” Flow “really getting
into it” Work flow “the passing
of artifacts from one person to another for different processing”
Participatory design getting users to actively design with designers
Seamlessness integrating control into activity of application
Deictic reference resolving “this” and “that” e.g. pointing
![Page 21: CS 3724 Introduction to Human Computer Interaction](https://reader035.vdocuments.site/reader035/viewer/2022062320/56649f465503460f94c67ca9/html5/thumbnails/21.jpg)
From 1 to many
One Brain, One ComputerThe Social Realm
Beyond the information processing model
CSCW, CSCW or CSW?Computers Everywhere
Ubiquitous computingAugmented reality
![Page 22: CS 3724 Introduction to Human Computer Interaction](https://reader035.vdocuments.site/reader035/viewer/2022062320/56649f465503460f94c67ca9/html5/thumbnails/22.jpg)
Ubiquitous Computingaka “Pervasive Computing”
Mark Weiser / PARC (also Roy Want, Rich Gold, me, others)
Instead of 1 computer / person, 100’s / person
HCI consequence:100’s of interfaces / personEach one does single taskEach can be simple interfaceEmbedded in environment
![Page 23: CS 3724 Introduction to Human Computer Interaction](https://reader035.vdocuments.site/reader035/viewer/2022062320/56649f465503460f94c67ca9/html5/thumbnails/23.jpg)
Ubiquitous Computing
![Page 24: CS 3724 Introduction to Human Computer Interaction](https://reader035.vdocuments.site/reader035/viewer/2022062320/56649f465503460f94c67ca9/html5/thumbnails/24.jpg)
From Ubiquitous Computing
to “Pervasive Computing”Analogs of writing surfaces:
Whiteboard/wallsize --> “Liveboard/Smartboard”
Notepad size --> laptops and notepad
Scrap paper --> PDA’s
![Page 25: CS 3724 Introduction to Human Computer Interaction](https://reader035.vdocuments.site/reader035/viewer/2022062320/56649f465503460f94c67ca9/html5/thumbnails/25.jpg)
From Ubiquitous Computing
to “Pervasive Computing”Video: iLand (Dr. Dr. N. Strietz)
![Page 26: CS 3724 Introduction to Human Computer Interaction](https://reader035.vdocuments.site/reader035/viewer/2022062320/56649f465503460f94c67ca9/html5/thumbnails/26.jpg)
From Ubiquitous Computing
to “Pervasive Computing”McCullough’s Three Milestones of
Interaction Design:1. People and Machines (1920-1960) designers reduce “friction”, make safer, sell more products
2. Personal Computing or HCI (1960-2000) designers help people participate in computing, make useable, and create tools that match cognition
3. Interaction Design (2000- ????) Information technology is the ambient social infrastructure; designers create context a well as content.
![Page 27: CS 3724 Introduction to Human Computer Interaction](https://reader035.vdocuments.site/reader035/viewer/2022062320/56649f465503460f94c67ca9/html5/thumbnails/27.jpg)
From Ubiquitous Computing
to “Pervasive Computing”McCullough’s Three Milestones of
Interaction Design:1. People and Machines (1920-1960) designers reduce “friction”, make safer, sell more products
2. Personal Computing or HCI (1960-2000) designers help people participate in computing, make useable, and create tools that match cognition
3. Interaction Design (2000- ????) Information technology is the ambient social infrastructure; designers create context a well as content.
You (CS 3624) are here
![Page 28: CS 3724 Introduction to Human Computer Interaction](https://reader035.vdocuments.site/reader035/viewer/2022062320/56649f465503460f94c67ca9/html5/thumbnails/28.jpg)
From Ubiquitous Computing
to “Pervasive Computing”McCullough’s Three Milestones of
Interaction Design:1. People and Machines (1920-1960) designers reduce “friction”, make safer, sell more products
2. Personal Computing or HCI (1960-2000) designers help people participate in computing, make useable, and create tools that match cognition
3. Interaction Design (2000- ????) Information technology is the ambient social infrastructure; designers create context a well as content.
![Page 29: CS 3724 Introduction to Human Computer Interaction](https://reader035.vdocuments.site/reader035/viewer/2022062320/56649f465503460f94c67ca9/html5/thumbnails/29.jpg)
From 1 to many
One Brain, One ComputerThe Social Realm
Beyond the information processing model
CSCW, CSCW or CSW?Computers Everywhere
Ubiquitous computingAugmented reality
![Page 30: CS 3724 Introduction to Human Computer Interaction](https://reader035.vdocuments.site/reader035/viewer/2022062320/56649f465503460f94c67ca9/html5/thumbnails/30.jpg)
Virtual and Augmented Reality
Embedded computing and “smart” environments
Communicative surfacesVirtual RealityWearable computing
![Page 31: CS 3724 Introduction to Human Computer Interaction](https://reader035.vdocuments.site/reader035/viewer/2022062320/56649f465503460f94c67ca9/html5/thumbnails/31.jpg)
Smart environments
![Page 32: CS 3724 Introduction to Human Computer Interaction](https://reader035.vdocuments.site/reader035/viewer/2022062320/56649f465503460f94c67ca9/html5/thumbnails/32.jpg)
Smart environments
![Page 33: CS 3724 Introduction to Human Computer Interaction](https://reader035.vdocuments.site/reader035/viewer/2022062320/56649f465503460f94c67ca9/html5/thumbnails/33.jpg)
Video: DigitalDesk (P. Wellner)
Smart environments
![Page 34: CS 3724 Introduction to Human Computer Interaction](https://reader035.vdocuments.site/reader035/viewer/2022062320/56649f465503460f94c67ca9/html5/thumbnails/34.jpg)
Communicative surfaces
![Page 35: CS 3724 Introduction to Human Computer Interaction](https://reader035.vdocuments.site/reader035/viewer/2022062320/56649f465503460f94c67ca9/html5/thumbnails/35.jpg)
Communicative surfaces
MediaSpace Video: TeamWorkstation (H.
Ishii)
![Page 36: CS 3724 Introduction to Human Computer Interaction](https://reader035.vdocuments.site/reader035/viewer/2022062320/56649f465503460f94c67ca9/html5/thumbnails/36.jpg)
Virtual Reality
![Page 37: CS 3724 Introduction to Human Computer Interaction](https://reader035.vdocuments.site/reader035/viewer/2022062320/56649f465503460f94c67ca9/html5/thumbnails/37.jpg)
Wearable computing
![Page 38: CS 3724 Introduction to Human Computer Interaction](https://reader035.vdocuments.site/reader035/viewer/2022062320/56649f465503460f94c67ca9/html5/thumbnails/38.jpg)
Design Consequences
Design everything -- hardware, software, use, social setting
Highly contextual -- in fact, context is part of the design
Requires added design skills and experience
![Page 39: CS 3724 Introduction to Human Computer Interaction](https://reader035.vdocuments.site/reader035/viewer/2022062320/56649f465503460f94c67ca9/html5/thumbnails/39.jpg)
From 1 to many
One Brain, One ComputerThe Social Realm
Beyond the information processing model
CSCW, CSCW or CSW?Computers Everywhere
Ubiquitous computingAugmented reality
![Page 40: CS 3724 Introduction to Human Computer Interaction](https://reader035.vdocuments.site/reader035/viewer/2022062320/56649f465503460f94c67ca9/html5/thumbnails/40.jpg)
![Page 41: CS 3724 Introduction to Human Computer Interaction](https://reader035.vdocuments.site/reader035/viewer/2022062320/56649f465503460f94c67ca9/html5/thumbnails/41.jpg)
How smart does your bed have to be to make you
afraid to go to sleep?
![Page 42: CS 3724 Introduction to Human Computer Interaction](https://reader035.vdocuments.site/reader035/viewer/2022062320/56649f465503460f94c67ca9/html5/thumbnails/42.jpg)
For next time…
Read Chapter 9 (9.1 - 9.4)
Homework, due next class:Kid+
Team Project, due next week:User testing FIND USERS NOW
Next lecture: universal design