direct manipulation
DESCRIPTION
Direct Manipulation. Solve the problems of. How do people learn interactive systems? What makes an interface easy or hard? Why do people make errors? What makes an interface “natural”?. Direct Manipulation. http://www.uic.edu.hk/~amyzhang/teaching/COMP3050/videos/dimp-short.avi. - PowerPoint PPT PresentationTRANSCRIPT
![Page 1: Direct Manipulation](https://reader035.vdocuments.mx/reader035/viewer/2022062423/56814e54550346895dbbe642/html5/thumbnails/1.jpg)
Direct Manipulation
![Page 2: Direct Manipulation](https://reader035.vdocuments.mx/reader035/viewer/2022062423/56814e54550346895dbbe642/html5/thumbnails/2.jpg)
Solve the problems of
How do people learn interactive systems?
What makes an interface easy or hard?
Why do people make errors? What makes an interface “natural”?
![Page 3: Direct Manipulation](https://reader035.vdocuments.mx/reader035/viewer/2022062423/56814e54550346895dbbe642/html5/thumbnails/3.jpg)
Direct Manipulation It describes interactive systems where
the user physically interacts with their system.
So that people feel they are controlling something tangible, not abstract: Visibility of object and actions Rapid, reversible, incremental actions Replacement of complex command-
language syntax with direct, visual manipulation of the object of interest.
http://www.uic.edu.hk/~amyzhang/teaching/COMP3050/videos/dimp-short.avi
![Page 4: Direct Manipulation](https://reader035.vdocuments.mx/reader035/viewer/2022062423/56814e54550346895dbbe642/html5/thumbnails/4.jpg)
Examples (Bad) : Old Refrigerator
Problem: freezer too cold, but fresh food just right
What is your conceptual model?
![Page 5: Direct Manipulation](https://reader035.vdocuments.mx/reader035/viewer/2022062423/56814e54550346895dbbe642/html5/thumbnails/5.jpg)
The aim of a conceptual model is to express the meaning of terms and concepts used by domain experts to discuss the problem, and to find the correct relationships between different concepts.
![Page 6: Direct Manipulation](https://reader035.vdocuments.mx/reader035/viewer/2022062423/56814e54550346895dbbe642/html5/thumbnails/6.jpg)
Example (bad): Most LikelyConceptual Model
i.e., independent controls
![Page 7: Direct Manipulation](https://reader035.vdocuments.mx/reader035/viewer/2022062423/56814e54550346895dbbe642/html5/thumbnails/7.jpg)
Example (bad): RefrigeratorControls
Normal Settings C and 4 Colder Fresh Food C and 5-6 Coldest Fresh Food B and 7 Colder Freezer D and 6-7 Warmer Fresh Food C and 3-1 OFF (both) 0
What is your conceptual model?
![Page 8: Direct Manipulation](https://reader035.vdocuments.mx/reader035/viewer/2022062423/56814e54550346895dbbe642/html5/thumbnails/8.jpg)
Example (bad): ActualConceptual Model
![Page 9: Direct Manipulation](https://reader035.vdocuments.mx/reader035/viewer/2022062423/56814e54550346895dbbe642/html5/thumbnails/9.jpg)
The gulfs of execution &evaluation
Go through a mock conversation How do I know what the system has done? How do I know what I can do?
![Page 10: Direct Manipulation](https://reader035.vdocuments.mx/reader035/viewer/2022062423/56814e54550346895dbbe642/html5/thumbnails/10.jpg)
Good design reduces the gulfs
How easily can one: Determine the function of the device? Tell what actions are possible? Determine mapping from intention to physical
movement? Perform the action? Tell if system is in desired state? Determine mapping from system state to
interpretation? Tell what state the system is in?
Good conceptual model; good mappings; good feedback.
![Page 11: Direct Manipulation](https://reader035.vdocuments.mx/reader035/viewer/2022062423/56814e54550346895dbbe642/html5/thumbnails/11.jpg)
Direct manipulation
Immediate feedback on actions Continuous representations of objects Real world metaphors / mental models Directness: reduces the information
processing distance Two kinds of directness:
Semantic: WYSIWYG. Semantic distance and mental models are the same thing
Articulatory: WYDIWYS
![Page 12: Direct Manipulation](https://reader035.vdocuments.mx/reader035/viewer/2022062423/56814e54550346895dbbe642/html5/thumbnails/12.jpg)
A mental model is an explanation of someone's thought process about how something works in the real world. It is a representation of the surrounding world. Our mental models help shape our behavior and define our approach to solving problems and carrying out tasks.
Articulatory directness has to do with how an action has to be performed and how a system communicates its state.
semantic directness is the degree of translation required from a user’s conceived goal to the action needed to achieve the goal.
![Page 13: Direct Manipulation](https://reader035.vdocuments.mx/reader035/viewer/2022062423/56814e54550346895dbbe642/html5/thumbnails/13.jpg)
Human error - Slips vs. Mistakes
slip understand system and goal correct formulation of action incorrect action
mistake may not even have right goal!
Fixing things?slip – better interface designmistake – better understanding of system
![Page 14: Direct Manipulation](https://reader035.vdocuments.mx/reader035/viewer/2022062423/56814e54550346895dbbe642/html5/thumbnails/14.jpg)
Butterfly Ballot
![Page 15: Direct Manipulation](https://reader035.vdocuments.mx/reader035/viewer/2022062423/56814e54550346895dbbe642/html5/thumbnails/15.jpg)
E-Voting
![Page 16: Direct Manipulation](https://reader035.vdocuments.mx/reader035/viewer/2022062423/56814e54550346895dbbe642/html5/thumbnails/16.jpg)
Verified Voting Foundation the only acceptable voting method
is one that leaves a paper record. electronic voting machines “pose
an unacceptable risk that errors or deliberate election-rigging will go undetected”.
![Page 17: Direct Manipulation](https://reader035.vdocuments.mx/reader035/viewer/2022062423/56814e54550346895dbbe642/html5/thumbnails/17.jpg)
What kinds of mental models?
A mental model is an explanation of someone's thought process about how something works in the real world My own behavior Someone else’s behavior A software application …or any information process that’s
mediated
![Page 18: Direct Manipulation](https://reader035.vdocuments.mx/reader035/viewer/2022062423/56814e54550346895dbbe642/html5/thumbnails/18.jpg)
Learning Mental Models
“A text processor is a typewriter” “Indeed, the models that learners
spontaneously form are incomplete, inconsistent, unstable in time, and often rife with superstition” -- Olson and Carroll
![Page 19: Direct Manipulation](https://reader035.vdocuments.mx/reader035/viewer/2022062423/56814e54550346895dbbe642/html5/thumbnails/19.jpg)
Users / designers communicatethrough their mental models
Designer’s model = mental/conceptual model of the system
User’s model = mental model developed through interaction with the system
Designer expects user’s model to be the same as the designer’s model
But often it isn’t!
![Page 20: Direct Manipulation](https://reader035.vdocuments.mx/reader035/viewer/2022062423/56814e54550346895dbbe642/html5/thumbnails/20.jpg)
Conceptual Model Mismatch
Mismatch between designer’s & user’s conceptual models leads to… Slow performance Errors Frustration ...
![Page 21: Direct Manipulation](https://reader035.vdocuments.mx/reader035/viewer/2022062423/56814e54550346895dbbe642/html5/thumbnails/21.jpg)
Principles of mental models
controls mapped to actions in an understandable way
affordances disclose how to performing an action
sense making: user problem solving allows the user to make sense of the interface
analogies / examples play a key role in communicating how a design works
![Page 22: Direct Manipulation](https://reader035.vdocuments.mx/reader035/viewer/2022062423/56814e54550346895dbbe642/html5/thumbnails/22.jpg)
What happens in good designs
Good idea of how each object works and how to control it
Interface itself discloses how it is used
The art in design is to translate users cognitive capabilities and existing mental models into interfaces that work!
![Page 23: Direct Manipulation](https://reader035.vdocuments.mx/reader035/viewer/2022062423/56814e54550346895dbbe642/html5/thumbnails/23.jpg)
Example (good)
Mercedes S500 Car Seat Controller
![Page 24: Direct Manipulation](https://reader035.vdocuments.mx/reader035/viewer/2022062423/56814e54550346895dbbe642/html5/thumbnails/24.jpg)
Map Interface Controls
Control should mirror real-world Which is better for dashboard
speaker front / back control?
![Page 25: Direct Manipulation](https://reader035.vdocuments.mx/reader035/viewer/2022062423/56814e54550346895dbbe642/html5/thumbnails/25.jpg)
Map Interface Controls
Gas-oven:
![Page 26: Direct Manipulation](https://reader035.vdocuments.mx/reader035/viewer/2022062423/56814e54550346895dbbe642/html5/thumbnails/26.jpg)
Map Interface Controls
![Page 27: Direct Manipulation](https://reader035.vdocuments.mx/reader035/viewer/2022062423/56814e54550346895dbbe642/html5/thumbnails/27.jpg)
“If technology is to provide an advantage, the correspondence to the real world must break down at some point.” Jonathan Grudin
![Page 28: Direct Manipulation](https://reader035.vdocuments.mx/reader035/viewer/2022062423/56814e54550346895dbbe642/html5/thumbnails/28.jpg)
![Page 29: Direct Manipulation](https://reader035.vdocuments.mx/reader035/viewer/2022062423/56814e54550346895dbbe642/html5/thumbnails/29.jpg)
There exist two (related) arguments for minimizing that distance:
1. Leverage existing learned bodily intuitions and social practices
2. Don’t run into the danger of modeling the wrong thing (or forgetting to model the right thing)
![Page 30: Direct Manipulation](https://reader035.vdocuments.mx/reader035/viewer/2022062423/56814e54550346895dbbe642/html5/thumbnails/30.jpg)
References
http://www.uic.edu.hk/~amyzhang/teaching/COMP3050/readings/direct-manip.pdf