Download - Simplicity by Metaphor - IASDR Tokyo 2013
![Page 1: Simplicity by Metaphor - IASDR Tokyo 2013](https://reader033.vdocuments.net/reader033/viewer/2022060119/558d1596d8b42a77248b4613/html5/thumbnails/1.jpg)
byMetaphor
Simplicity
Lixia Zhang, Heekyoung Jung
How to apply metaphorto achieve simplicityin interaction design
Experimental Design on:
![Page 2: Simplicity by Metaphor - IASDR Tokyo 2013](https://reader033.vdocuments.net/reader033/viewer/2022060119/558d1596d8b42a77248b4613/html5/thumbnails/2.jpg)
SIMPLICITY
Lixia Zhang, Heekyoung Jung
SimplicityWhat is
![Page 3: Simplicity by Metaphor - IASDR Tokyo 2013](https://reader033.vdocuments.net/reader033/viewer/2022060119/558d1596d8b42a77248b4613/html5/thumbnails/3.jpg)
SimplicityWhat is
Lixia Zhang, Heekyoung Jung
![Page 4: Simplicity by Metaphor - IASDR Tokyo 2013](https://reader033.vdocuments.net/reader033/viewer/2022060119/558d1596d8b42a77248b4613/html5/thumbnails/4.jpg)
SimplicityWhat is
Lixia Zhang, Heekyoung Jung
![Page 5: Simplicity by Metaphor - IASDR Tokyo 2013](https://reader033.vdocuments.net/reader033/viewer/2022060119/558d1596d8b42a77248b4613/html5/thumbnails/5.jpg)
SimplicityWhat is
Lixia Zhang, Heekyoung Jung
![Page 6: Simplicity by Metaphor - IASDR Tokyo 2013](https://reader033.vdocuments.net/reader033/viewer/2022060119/558d1596d8b42a77248b4613/html5/thumbnails/6.jpg)
SimplicityWhat is
Lixia Zhang, Heekyoung Jung
![Page 7: Simplicity by Metaphor - IASDR Tokyo 2013](https://reader033.vdocuments.net/reader033/viewer/2022060119/558d1596d8b42a77248b4613/html5/thumbnails/7.jpg)
Lixia Zhang, Heekyoung Jung
“Breakfast Maker”the
![Page 8: Simplicity by Metaphor - IASDR Tokyo 2013](https://reader033.vdocuments.net/reader033/viewer/2022060119/558d1596d8b42a77248b4613/html5/thumbnails/8.jpg)
Lixia Zhang, Heekyoung Jung
SimplicityWhat is
![Page 9: Simplicity by Metaphor - IASDR Tokyo 2013](https://reader033.vdocuments.net/reader033/viewer/2022060119/558d1596d8b42a77248b4613/html5/thumbnails/9.jpg)
Function Appearance
Lixia Zhang, Heekyoung Jung
SimplicityWhat is
![Page 10: Simplicity by Metaphor - IASDR Tokyo 2013](https://reader033.vdocuments.net/reader033/viewer/2022060119/558d1596d8b42a77248b4613/html5/thumbnails/10.jpg)
Lixia Zhang, Heekyoung Jung
SimplicityWhat is
![Page 11: Simplicity by Metaphor - IASDR Tokyo 2013](https://reader033.vdocuments.net/reader033/viewer/2022060119/558d1596d8b42a77248b4613/html5/thumbnails/11.jpg)
SUBTITLE
DIRECT NAVIGATOR
RETURNFUNCTIONS
TOP MENU MENU
ENTER
AUDIO ANGLE/PAGE SETUP
PLAY LIST
PLAYMODE PLAY SPEED ZOOM GROUP
PLAY
SLOW SEARCHSKIP
CANCEL QUICK REPLAY
MANUAL SKIP
DEPTH ENHANCER
MULTIRE-MASTER
ADVANCEDDISC REVIEW
AVENHANCER REPEAT
FL SELECTQUICK OSD OPEN/CLOSE
PAUSESTOP
100
7 8 9
4 5 6
1 2 3
MENU
Memorize
Don Norman The complexity of Simplicity
SimplicityWhat is
Lixia Zhang, Heekyoung Jung
![Page 12: Simplicity by Metaphor - IASDR Tokyo 2013](https://reader033.vdocuments.net/reader033/viewer/2022060119/558d1596d8b42a77248b4613/html5/thumbnails/12.jpg)
SUBTITLE
DIRECT NAVIGATOR
RETURNFUNCTIONS
TOP MENU MENU
ENTER
AUDIO ANGLE/PAGE SETUP
PLAY LIST
PLAYMODE PLAY SPEED ZOOM GROUP
PLAY
SLOW SEARCHSKIP
CANCEL QUICK REPLAY
MANUAL SKIP
DEPTH ENHANCER
MULTIRE-MASTER
ADVANCEDDISC REVIEW
AVENHANCER REPEAT
FL SELECTQUICK OSD OPEN/CLOSE
PAUSESTOP
100
7 8 9
4 5 6
1 2 3
MENU
SimplicityWhat is
Lixia Zhang, Heekyoung Jung
Don Norman The complexity of Simplicity
![Page 13: Simplicity by Metaphor - IASDR Tokyo 2013](https://reader033.vdocuments.net/reader033/viewer/2022060119/558d1596d8b42a77248b4613/html5/thumbnails/13.jpg)
SUBTITLE
DIRECT NAVIGATOR
RETURNFUNCTIONS
TOP MENU MENU
ENTER
AUDIO ANGLE/PAGE SETUP
PLAY LIST
PLAYMODE PLAY SPEED ZOOM GROUP
PLAY
SLOW SEARCHSKIP
CANCEL QUICK REPLAY
MANUAL SKIP
DEPTH ENHANCER
MULTIRE-MASTER
ADVANCEDDISC REVIEW
AVENHANCER REPEAT
FL SELECTQUICK OSD OPEN/CLOSE
PAUSESTOP
100
7 8 9
4 5 6
1 2 3
SimplicityWhat is
Lixia Zhang, Heekyoung Jung
PerceivedSimplicity
Don Norman The complexity of Simplicity
![Page 14: Simplicity by Metaphor - IASDR Tokyo 2013](https://reader033.vdocuments.net/reader033/viewer/2022060119/558d1596d8b42a77248b4613/html5/thumbnails/14.jpg)
SimplicityWhat is
Lixia Zhang, Heekyoung Jung
OperationalSimplicity
MENU
![Page 15: Simplicity by Metaphor - IASDR Tokyo 2013](https://reader033.vdocuments.net/reader033/viewer/2022060119/558d1596d8b42a77248b4613/html5/thumbnails/15.jpg)
PerceivedSimplicity
OperationalSimplicity
SimplicityWhat is
Lixia Zhang, Heekyoung Jung
Don Norman The complexity of Simplicity
![Page 16: Simplicity by Metaphor - IASDR Tokyo 2013](https://reader033.vdocuments.net/reader033/viewer/2022060119/558d1596d8b42a77248b4613/html5/thumbnails/16.jpg)
MENU
Gestalt PsychologyReduction Hierarchy(Hiding)
Lixia Zhang, Heekyoung Jung
MethodsDesign
![Page 17: Simplicity by Metaphor - IASDR Tokyo 2013](https://reader033.vdocuments.net/reader033/viewer/2022060119/558d1596d8b42a77248b4613/html5/thumbnails/17.jpg)
Metaphor was originally defined in linguistics as a figure of speech in which a word or phrase is applied to an object or action to which it is not literally applicable. The essence of metaphor is to understand and experience one kind of thing in terms of another.
MetaphorWhat is
Lixia Zhang, Heekyoung JungLixia Zhang, Heekyoung Jung
![Page 18: Simplicity by Metaphor - IASDR Tokyo 2013](https://reader033.vdocuments.net/reader033/viewer/2022060119/558d1596d8b42a77248b4613/html5/thumbnails/18.jpg)
MetaphorWhat is
Lixia Zhang, Heekyoung Jung
As Lakoff and Johnson have argued that metaphor is the foundation of the conceptual system. It is foundation of how we understand things around us.
![Page 19: Simplicity by Metaphor - IASDR Tokyo 2013](https://reader033.vdocuments.net/reader033/viewer/2022060119/558d1596d8b42a77248b4613/html5/thumbnails/19.jpg)
ColorGraphical
Shape
Digital
Display
Lixia Zhang, Heekyoung Jung
Applied to DesignMetaphor
![Page 20: Simplicity by Metaphor - IASDR Tokyo 2013](https://reader033.vdocuments.net/reader033/viewer/2022060119/558d1596d8b42a77248b4613/html5/thumbnails/20.jpg)
ColorGraphical
Shape
Digital
Display
Graphical Manipulation}
Lixia Zhang, Heekyoung Jung
Applied to DesignMetaphor
![Page 21: Simplicity by Metaphor - IASDR Tokyo 2013](https://reader033.vdocuments.net/reader033/viewer/2022060119/558d1596d8b42a77248b4613/html5/thumbnails/21.jpg)
TextureShape
&
Size
Operation Physical
Feedback
Applied to DesignMetaphor
Lixia Zhang, Heekyoung Jung
![Page 22: Simplicity by Metaphor - IASDR Tokyo 2013](https://reader033.vdocuments.net/reader033/viewer/2022060119/558d1596d8b42a77248b4613/html5/thumbnails/22.jpg)
TextureShape
&
Size
Operation
Physical Manipulation
Physical
Feedback}Applied to DesignMetaphor
Lixia Zhang, Heekyoung Jung
![Page 23: Simplicity by Metaphor - IASDR Tokyo 2013](https://reader033.vdocuments.net/reader033/viewer/2022060119/558d1596d8b42a77248b4613/html5/thumbnails/23.jpg)
Relationship: Abstract
Lixia Zhang, Heekyoung Jung
Applied to DesignMetaphor
![Page 24: Simplicity by Metaphor - IASDR Tokyo 2013](https://reader033.vdocuments.net/reader033/viewer/2022060119/558d1596d8b42a77248b4613/html5/thumbnails/24.jpg)
Relationship: Descriptive
Lixia Zhang, Heekyoung Jung
Applied to DesignMetaphor
![Page 25: Simplicity by Metaphor - IASDR Tokyo 2013](https://reader033.vdocuments.net/reader033/viewer/2022060119/558d1596d8b42a77248b4613/html5/thumbnails/25.jpg)
Relationship: Descriptive
Lixia Zhang, Heekyoung Jung
Applied to DesignMetaphor
![Page 26: Simplicity by Metaphor - IASDR Tokyo 2013](https://reader033.vdocuments.net/reader033/viewer/2022060119/558d1596d8b42a77248b4613/html5/thumbnails/26.jpg)
Me
tap
ho
r Ma
nip
ula
tion
Gra
ph
ica
l
Abstract Descriptive
Phys
ica
l
Metaphor Representation
Lixia Zhang, Heekyoung Jung
Applied to DesignMetaphor
1 2
3 4
![Page 27: Simplicity by Metaphor - IASDR Tokyo 2013](https://reader033.vdocuments.net/reader033/viewer/2022060119/558d1596d8b42a77248b4613/html5/thumbnails/27.jpg)
Lixia Zhang, Heekyoung Jung
MetaphorExperiment on
![Page 28: Simplicity by Metaphor - IASDR Tokyo 2013](https://reader033.vdocuments.net/reader033/viewer/2022060119/558d1596d8b42a77248b4613/html5/thumbnails/28.jpg)
Alarm
Clock
Radio
MetaphorExperiment on
Lixia Zhang, Heekyoung Jung
![Page 29: Simplicity by Metaphor - IASDR Tokyo 2013](https://reader033.vdocuments.net/reader033/viewer/2022060119/558d1596d8b42a77248b4613/html5/thumbnails/29.jpg)
Lixia Zhang, Heekyoung Jung
MetaphorExperiment on
![Page 30: Simplicity by Metaphor - IASDR Tokyo 2013](https://reader033.vdocuments.net/reader033/viewer/2022060119/558d1596d8b42a77248b4613/html5/thumbnails/30.jpg)
Me
tap
ho
r Ma
nip
ula
tion
Gra
ph
ica
l
Abstract
Face
Dial Phone
Analogue Clock
Bottle Cap
See Saw
Zipper
Descriptive
Phys
ica
l
Metaphor Representation
MetaphorExperiment on
Lixia Zhang, Heekyoung Jung
![Page 31: Simplicity by Metaphor - IASDR Tokyo 2013](https://reader033.vdocuments.net/reader033/viewer/2022060119/558d1596d8b42a77248b4613/html5/thumbnails/31.jpg)
Graphical
Abstract
Face Analogue Clock Dial Phone
MetaphorExperiment on
Lixia Zhang, Heekyoung Jung
![Page 32: Simplicity by Metaphor - IASDR Tokyo 2013](https://reader033.vdocuments.net/reader033/viewer/2022060119/558d1596d8b42a77248b4613/html5/thumbnails/32.jpg)
Graphical
Descriptive
Face Analogue Clock Dial Phone
MetaphorExperiment on
Lixia Zhang, Heekyoung Jung
![Page 33: Simplicity by Metaphor - IASDR Tokyo 2013](https://reader033.vdocuments.net/reader033/viewer/2022060119/558d1596d8b42a77248b4613/html5/thumbnails/33.jpg)
Physical
Bottle Cap See Saw Zipper
Abstract
MetaphorExperiment on
Lixia Zhang, Heekyoung Jung
![Page 34: Simplicity by Metaphor - IASDR Tokyo 2013](https://reader033.vdocuments.net/reader033/viewer/2022060119/558d1596d8b42a77248b4613/html5/thumbnails/34.jpg)
Physical
Bottle Cap See Saw Zipper
Descriptive
MetaphorExperiment on
Lixia Zhang, Heekyoung Jung
![Page 35: Simplicity by Metaphor - IASDR Tokyo 2013](https://reader033.vdocuments.net/reader033/viewer/2022060119/558d1596d8b42a77248b4613/html5/thumbnails/35.jpg)
The clock looks like analogue clock.
The clock looks like a face.
The clock looks like dial phone.
MetaphorExperiment on
Lixia Zhang, Heekyoung Jung
Noun
![Page 36: Simplicity by Metaphor - IASDR Tokyo 2013](https://reader033.vdocuments.net/reader033/viewer/2022060119/558d1596d8b42a77248b4613/html5/thumbnails/36.jpg)
The clock operates like seesaw.
The clock operates like bottle cap.
The clock operates like zipper.
MetaphorExperiment on
Lixia Zhang, Heekyoung Jung
Verb
![Page 37: Simplicity by Metaphor - IASDR Tokyo 2013](https://reader033.vdocuments.net/reader033/viewer/2022060119/558d1596d8b42a77248b4613/html5/thumbnails/37.jpg)
Overall perceptual simplicity
Representational efficiency
Engaging appearance
Perceived learnability
Perceived predictability
Perceived simplicity of alarm setting control
Accuracy in prediction ofworkflow
Confidence in prediction
Operational simplicity based on perception
Metaphoric implication
1. The model looks simple to use
8. The functional controls of the alarm are obvious
9. The alarm clock’s interface looks inviting
4. The alarm clock’s interface looks easy to learn
5. I know how to interact with the alarm by observing the model
2. The interaction of the alarm looks simple
6. Set alarm A to 9 o’clock in the morning and read what time is alarm B set
7. I am confident that my answer above would accomplish the task
3. How do you rate the simplicity of the workflow?
10. What does the model remind you of?
Lixia Zhang, Heekyoung Jung
MetaphorExperiment on
![Page 38: Simplicity by Metaphor - IASDR Tokyo 2013](https://reader033.vdocuments.net/reader033/viewer/2022060119/558d1596d8b42a77248b4613/html5/thumbnails/38.jpg)
1. Overall perceivedsimplicity
AbastractGraphical
DescriptiveGraphical
AbstractPhysical
DescriptivePhysical
ControlGroup
78%
77%
78%
82%
75%
81%
70%
78%
75%
65%
72%
80%
75%
73%
82%
72%
73%
72%
72%
69%
66%
79%
73%
73%
70%
74%
60%
77%
77%
78%
78%
80%
80%
73%
72%
75%
82%
87%
85%
83%
77%
80%
82%
85%
87%
2. Alarm control perceived simplicity
3. Operational simplicityby perception
4. Perceived learnability
5. Perceived predictability
6. Accuracy in predictedwork�ow
7. Con�dence
8. Representationale�ciency
9. Engaging appearance
Lixia Zhang, Heekyoung Jung
Findings
Gra
ph
ica
l
Abstract Descriptive
Phys
ica
l
1 2
3 4
![Page 39: Simplicity by Metaphor - IASDR Tokyo 2013](https://reader033.vdocuments.net/reader033/viewer/2022060119/558d1596d8b42a77248b4613/html5/thumbnails/39.jpg)
Tuck your chin into your chest, and then lift your chin upward as far as possible. 6-10 repetitions Lower your left ear toward your left shoulder and then your right ear toward your right shoulder. 6-10 repetitions.
Roller, C. (2011). How cognitive fluency affects decision making. UXmatters.
Tuck your chin into your chest, and then lift your chin upward as far as possible. 6-10 repetitions Lower your left ear toward your left shoulder and then your right ear toward your right shoulder. 6-10 repetitions.
Cognitive FluencyWhat is
Lixia Zhang, Heekyoung Jung
![Page 40: Simplicity by Metaphor - IASDR Tokyo 2013](https://reader033.vdocuments.net/reader033/viewer/2022060119/558d1596d8b42a77248b4613/html5/thumbnails/40.jpg)
1. Overall perceivedsimplicity
AbastractGraphical
DescriptiveGraphical
AbstractPhysical
DescriptivePhysical
ControlGroup
78%
77%
78%
82%
75%
81%
70%
78%
75%
65%
72%
80%
75%
73%
82%
72%
73%
72%
72%
69%
66%
79%
73%
73%
70%
74%
60%
77%
77%
78%
78%
80%
80%
73%
72%
75%
82%
87%
85%
83%
77%
80%
82%
85%
87%
2. Alarm control perceived simplicity
3. Operational simplicityby perception
4. Perceived learnability
5. Perceived predictability
6. Accuracy in predictedwork�ow
7. Con�dence
9. Engaging appearance
Descriptive metaphor could not help in distinguishing the alarm controls from rest of the functions.
8. The functional controls of the alarm are obvious
Lixia Zhang, Heekyoung Jung
Findings
Gra
ph
ica
l
Abstract Descriptive
Phys
ica
l
1 2
3 4
![Page 41: Simplicity by Metaphor - IASDR Tokyo 2013](https://reader033.vdocuments.net/reader033/viewer/2022060119/558d1596d8b42a77248b4613/html5/thumbnails/41.jpg)
1. Overall perceivedsimplicity
AbastractGraphical
DescriptiveGraphical
AbstractPhysical
DescriptivePhysical
ControlGroup
78%
77%
78%
82%
75%
81%
70%
78%
75%
65%
72%
80%
75%
73%
82%
72%
73%
72%
72%
69%
66%
79%
73%
73%
70%
74%
60%
77%
77%
78%
78%
80%
80%
73%
72%
75%
82%
87%
85%
83%
77%
80%
82%
85%
87%
2. Alarm control perceived simplicity
4. Perceived learnability
5. Perceived predictability
6. Accuracy in predictedwork�ow
7. Con�dence
8. Representationale�ciency
9. Engaging appearance
3. How do you rate the simplicity of the work�ow?
The control of all models contain 3 steps, their operational simplicity are the same, but people perceive them differently.
Lixia Zhang, Heekyoung Jung
Findings
Gra
ph
ica
l
Abstract Descriptive
Phys
ica
l
1 2
3 4
![Page 42: Simplicity by Metaphor - IASDR Tokyo 2013](https://reader033.vdocuments.net/reader033/viewer/2022060119/558d1596d8b42a77248b4613/html5/thumbnails/42.jpg)
Lixia Zhang, Heekyoung Jung
Findings
1. Overall perceivedsimplicity
AbastractGraphical
DescriptiveGraphical
AbstractPhysical
DescriptivePhysical
ControlGroup
78%
77%
78%
82%
75%
81%
78%
75%
65%
72%
80%
75%
73%
82%
72%
73%
72%
72%
69%
66%
79%
73%
70%
74%
60%
77%
77%
78%
78%
80%
80%
73%
72%
75%
82%
87%
85%
83%
77%
80%
85%
87%
2. Alarm control perceived simplicity
3. Operational simplicityby perception
4. Perceived learnability
5. Perceived predictability
6. Accuracy in predicted work�ow
8. Representationale�ciency
9. Engaging appearance
Accuracy in predicted workflow
1 2 3 41 2
34
Confidence in prediction
Tester’s acuracy were similar in all experiment groups. However, their confidence varies.
7. I am con�dent that my answer above would accomplish the task
70%
73%
82%
Gra
ph
ica
l
Abstract Descriptive
Phys
ica
l
1 2
3 4
![Page 43: Simplicity by Metaphor - IASDR Tokyo 2013](https://reader033.vdocuments.net/reader033/viewer/2022060119/558d1596d8b42a77248b4613/html5/thumbnails/43.jpg)
Findings
Lixia Zhang, Heekyoung Jung
1. Overall perceivedsimplicity
AbastractGraphical
DescriptiveGraphical
AbstractPhysical
DescriptivePhysical
ControlGroup
78%
77%
78%
82%
75%
81%
70%
78%
75%
65%
72%
80%
75%
73%
82%
72%
73%
72%
72%
69%
66%
79%
73%
73%
70%
74%
60%
77%
77%
78%
78%
80%
80%
73%
72%
75%
82%
87%
85%
83%
77%
80%
82%
85%
87%
2. Alarm control perceived simplicity
3. Operational simplicityby perception
4. Perceived learnability
5. Perceived predictability
6. Accuracy in predictedwork�ow
7. Con�dence
8. Representationale�ciency
9. Engaging appearance
Tester’s confidence dropped in most groups except for the Abstract Physical group.G
rap
hic
al
Abstract Descriptive
Phys
ica
l
1 2
3 4
![Page 44: Simplicity by Metaphor - IASDR Tokyo 2013](https://reader033.vdocuments.net/reader033/viewer/2022060119/558d1596d8b42a77248b4613/html5/thumbnails/44.jpg)
Conclusion
Me
tap
ho
r Ma
nip
ula
tion
Gra
ph
ica
l
Abstract Descriptive
Phys
ica
l
Metaphor Representation
![Page 45: Simplicity by Metaphor - IASDR Tokyo 2013](https://reader033.vdocuments.net/reader033/viewer/2022060119/558d1596d8b42a77248b4613/html5/thumbnails/45.jpg)
Overall perceptual simplicity
Representational efficiency
Engaging appearance
Perceived learnability
Perceived predictability
Perceived simplicity of alarm setting control
Accuracy in prediction ofworkflow
Confidence in prediction
Operational simplicity based on perception
Metaphoric implication
1. The model looks simple to use
8. The functional controls of the alarm are obvious
9. The alarm clock’s interface looks inviting
4. The alarm clock’s interface looks easy to learn
5. I know how to interact with the alarm by observing the model
2. The interaction of the alarm looks simple
6. Set alarm A to 9 o’clock in the morning and read what time is alarm B set
7. I am confident that my answer above would accomplish the task
3. How do you rate the simplicity of the workflow?
10. What does the model remind you of?
Lixia Zhang, Heekyoung Jung
MetaphorExperiment on
![Page 46: Simplicity by Metaphor - IASDR Tokyo 2013](https://reader033.vdocuments.net/reader033/viewer/2022060119/558d1596d8b42a77248b4613/html5/thumbnails/46.jpg)
Me
tap
ho
r Ma
nip
ula
tion
Gra
ph
ica
l
Abstract Descriptive
Phys
ica
l
Metaphor Representation
Noun
Verb
Lixia Zhang, Heekyoung Jung
Conclusion
![Page 47: Simplicity by Metaphor - IASDR Tokyo 2013](https://reader033.vdocuments.net/reader033/viewer/2022060119/558d1596d8b42a77248b4613/html5/thumbnails/47.jpg)
Lixia Zhang, Heekyoung Jung
Conclusion
Me
tap
ho
r Ma
nip
ula
tion
Gra
ph
ica
l
Abstract Descriptive
Phys
ica
l
Metaphor Representation