terry winograd cs247 - human-computer interaction design ...cs247 - terry winograd - 3 three...
TRANSCRIPT
![Page 1: Terry Winograd CS247 - Human-Computer Interaction Design ...CS247 - Terry Winograd - 3 Three Paradigms [Cooper • Technology paradigm – To use the device (or program) you need to](https://reader030.vdocuments.mx/reader030/viewer/2022040914/5e8a9c73951b9c026e4ae74a/html5/thumbnails/1.jpg)
CS247 - Terry Winograd - 1
Models and Metaphors
Terry Winograd CS247 - Human-Computer Interaction
Design Studio Computer Science Department
Stanford University Winter 2010
![Page 2: Terry Winograd CS247 - Human-Computer Interaction Design ...CS247 - Terry Winograd - 3 Three Paradigms [Cooper • Technology paradigm – To use the device (or program) you need to](https://reader030.vdocuments.mx/reader030/viewer/2022040914/5e8a9c73951b9c026e4ae74a/html5/thumbnails/2.jpg)
CS247 - Terry Winograd - 2
Three models of the same system
• Designer’s model • User's model • System image
![Page 3: Terry Winograd CS247 - Human-Computer Interaction Design ...CS247 - Terry Winograd - 3 Three Paradigms [Cooper • Technology paradigm – To use the device (or program) you need to](https://reader030.vdocuments.mx/reader030/viewer/2022040914/5e8a9c73951b9c026e4ae74a/html5/thumbnails/3.jpg)
CS247 - Terry Winograd - 3
Three Paradigms [Cooper]
• Technology paradigm – To use the device (or program) you need to
understand the mechanism • Metaphor paradigm
– Let users apply what they know from some familiar part of life in understanding the interface
• Idiomatic Paradigm – Design simple interactions and imbue them
with meaning
![Page 4: Terry Winograd CS247 - Human-Computer Interaction Design ...CS247 - Terry Winograd - 3 Three Paradigms [Cooper • Technology paradigm – To use the device (or program) you need to](https://reader030.vdocuments.mx/reader030/viewer/2022040914/5e8a9c73951b9c026e4ae74a/html5/thumbnails/4.jpg)
CS247 - Terry Winograd - 4
Technology
![Page 5: Terry Winograd CS247 - Human-Computer Interaction Design ...CS247 - Terry Winograd - 3 Three Paradigms [Cooper • Technology paradigm – To use the device (or program) you need to](https://reader030.vdocuments.mx/reader030/viewer/2022040914/5e8a9c73951b9c026e4ae74a/html5/thumbnails/5.jpg)
CS247 - Terry Winograd - 5
The Desktop Metaphor – Xerox Star, 1981
![Page 6: Terry Winograd CS247 - Human-Computer Interaction Design ...CS247 - Terry Winograd - 3 Three Paradigms [Cooper • Technology paradigm – To use the device (or program) you need to](https://reader030.vdocuments.mx/reader030/viewer/2022040914/5e8a9c73951b9c026e4ae74a/html5/thumbnails/6.jpg)
CS247 - Terry Winograd - 6
Icons for Familiar Office Objects
![Page 7: Terry Winograd CS247 - Human-Computer Interaction Design ...CS247 - Terry Winograd - 3 Three Paradigms [Cooper • Technology paradigm – To use the device (or program) you need to](https://reader030.vdocuments.mx/reader030/viewer/2022040914/5e8a9c73951b9c026e4ae74a/html5/thumbnails/7.jpg)
CS247 - Terry Winograd - 7
Notebook Metaphor – Penpoint, 1991
![Page 8: Terry Winograd CS247 - Human-Computer Interaction Design ...CS247 - Terry Winograd - 3 Three Paradigms [Cooper • Technology paradigm – To use the device (or program) you need to](https://reader030.vdocuments.mx/reader030/viewer/2022040914/5e8a9c73951b9c026e4ae74a/html5/thumbnails/8.jpg)
CS247 - Terry Winograd - 8
Timeline Metaphor - Lifestreams, 1997
![Page 9: Terry Winograd CS247 - Human-Computer Interaction Design ...CS247 - Terry Winograd - 3 Three Paradigms [Cooper • Technology paradigm – To use the device (or program) you need to](https://reader030.vdocuments.mx/reader030/viewer/2022040914/5e8a9c73951b9c026e4ae74a/html5/thumbnails/9.jpg)
CS247 - Terry Winograd - 9
The House Metaphor – Microsoft Bob, 1995
![Page 10: Terry Winograd CS247 - Human-Computer Interaction Design ...CS247 - Terry Winograd - 3 Three Paradigms [Cooper • Technology paradigm – To use the device (or program) you need to](https://reader030.vdocuments.mx/reader030/viewer/2022040914/5e8a9c73951b9c026e4ae74a/html5/thumbnails/10.jpg)
CS247 - Terry Winograd - 10
The House Metaphor – Microsoft Bob, 1995
![Page 11: Terry Winograd CS247 - Human-Computer Interaction Design ...CS247 - Terry Winograd - 3 Three Paradigms [Cooper • Technology paradigm – To use the device (or program) you need to](https://reader030.vdocuments.mx/reader030/viewer/2022040914/5e8a9c73951b9c026e4ae74a/html5/thumbnails/11.jpg)
CS247 - Terry Winograd - 11
Virtual World metaphor
There.com Secondlife.com
![Page 12: Terry Winograd CS247 - Human-Computer Interaction Design ...CS247 - Terry Winograd - 3 Three Paradigms [Cooper • Technology paradigm – To use the device (or program) you need to](https://reader030.vdocuments.mx/reader030/viewer/2022040914/5e8a9c73951b9c026e4ae74a/html5/thumbnails/12.jpg)
CS247 - Terry Winograd - 12
Bookshelf Metaphor
![Page 13: Terry Winograd CS247 - Human-Computer Interaction Design ...CS247 - Terry Winograd - 3 Three Paradigms [Cooper • Technology paradigm – To use the device (or program) you need to](https://reader030.vdocuments.mx/reader030/viewer/2022040914/5e8a9c73951b9c026e4ae74a/html5/thumbnails/13.jpg)
CS247 - Terry Winograd - 13
Physical Device Metaphors
Apple Quicktime 4.0
![Page 14: Terry Winograd CS247 - Human-Computer Interaction Design ...CS247 - Terry Winograd - 3 Three Paradigms [Cooper • Technology paradigm – To use the device (or program) you need to](https://reader030.vdocuments.mx/reader030/viewer/2022040914/5e8a9c73951b9c026e4ae74a/html5/thumbnails/14.jpg)
CS247 - Terry Winograd - 14
Conversational Agents
![Page 15: Terry Winograd CS247 - Human-Computer Interaction Design ...CS247 - Terry Winograd - 3 Three Paradigms [Cooper • Technology paradigm – To use the device (or program) you need to](https://reader030.vdocuments.mx/reader030/viewer/2022040914/5e8a9c73951b9c026e4ae74a/html5/thumbnails/15.jpg)
CS247 - Terry Winograd - 15
Clippy - Microsoft
![Page 16: Terry Winograd CS247 - Human-Computer Interaction Design ...CS247 - Terry Winograd - 3 Three Paradigms [Cooper • Technology paradigm – To use the device (or program) you need to](https://reader030.vdocuments.mx/reader030/viewer/2022040914/5e8a9c73951b9c026e4ae74a/html5/thumbnails/16.jpg)
CS247 - Terry Winograd - 16
Three basic physical interaction metaphors
• Manipulation: – Desktop, notebook,…
• Navigation: – WWW, virtual spaces…
• Conversation: – Speech, agents…
![Page 17: Terry Winograd CS247 - Human-Computer Interaction Design ...CS247 - Terry Winograd - 3 Three Paradigms [Cooper • Technology paradigm – To use the device (or program) you need to](https://reader030.vdocuments.mx/reader030/viewer/2022040914/5e8a9c73951b9c026e4ae74a/html5/thumbnails/17.jpg)
CS247 - Terry Winograd - 17
Three design aspects [Liddle]
• Conceptual model • Information display • Control mechanism
![Page 18: Terry Winograd CS247 - Human-Computer Interaction Design ...CS247 - Terry Winograd - 3 Three Paradigms [Cooper • Technology paradigm – To use the device (or program) you need to](https://reader030.vdocuments.mx/reader030/viewer/2022040914/5e8a9c73951b9c026e4ae74a/html5/thumbnails/18.jpg)
CS247 - Terry Winograd - 18
Conceptual Model Metaphors
• Bucket catching drops
• Racket bouncing pingpong ball
• Bomb killing diving invaders
• …
![Page 19: Terry Winograd CS247 - Human-Computer Interaction Design ...CS247 - Terry Winograd - 3 Three Paradigms [Cooper • Technology paradigm – To use the device (or program) you need to](https://reader030.vdocuments.mx/reader030/viewer/2022040914/5e8a9c73951b9c026e4ae74a/html5/thumbnails/19.jpg)
CS247 - Terry Winograd - 19
Control Metaphors
• Dragging a screen element
• Sliding a brick
• Steering a car
• Pointing to a destination
• Attracting/repelling
• Blowing air
• …
![Page 20: Terry Winograd CS247 - Human-Computer Interaction Design ...CS247 - Terry Winograd - 3 Three Paradigms [Cooper • Technology paradigm – To use the device (or program) you need to](https://reader030.vdocuments.mx/reader030/viewer/2022040914/5e8a9c73951b9c026e4ae74a/html5/thumbnails/20.jpg)
CS247 - Terry Winograd - 20
Potential problems with metaphors
• Don’t scale well • Too constraining • Conflict with design principles • Makes true functionality invisible • Overly literal translations • Can limit the designer's imagination