shape-change for zoomable tuis: opportunities and limits of a resizable slider
TRANSCRIPT
![Page 1: Shape-Change for Zoomable TUIs: Opportunities and Limits of a Resizable Slider](https://reader031.vdocuments.us/reader031/viewer/2022022412/58f30c671a28abe3448b45e9/html5/thumbnails/1.jpg)
Shape-Change for Zoomable TUIs: A Resizable Slider
Céline Coutrix Cédric Masclet
![Page 2: Shape-Change for Zoomable TUIs: Opportunities and Limits of a Resizable Slider](https://reader031.vdocuments.us/reader031/viewer/2022022412/58f30c671a28abe3448b45e9/html5/thumbnails/2.jpg)
2
Sliders for continuous adjustment of parameters
![Page 3: Shape-Change for Zoomable TUIs: Opportunities and Limits of a Resizable Slider](https://reader031.vdocuments.us/reader031/viewer/2022022412/58f30c671a28abe3448b45e9/html5/thumbnails/3.jpg)
graphical sliders
3
![Page 4: Shape-Change for Zoomable TUIs: Opportunities and Limits of a Resizable Slider](https://reader031.vdocuments.us/reader031/viewer/2022022412/58f30c671a28abe3448b45e9/html5/thumbnails/4.jpg)
graphical sliders
4
![Page 5: Shape-Change for Zoomable TUIs: Opportunities and Limits of a Resizable Slider](https://reader031.vdocuments.us/reader031/viewer/2022022412/58f30c671a28abe3448b45e9/html5/thumbnails/5.jpg)
graphical sliders
Zoom out: footprint
5
![Page 6: Shape-Change for Zoomable TUIs: Opportunities and Limits of a Resizable Slider](https://reader031.vdocuments.us/reader031/viewer/2022022412/58f30c671a28abe3448b45e9/html5/thumbnails/6.jpg)
graphical sliders
Zoom in: performance
6
![Page 7: Shape-Change for Zoomable TUIs: Opportunities and Limits of a Resizable Slider](https://reader031.vdocuments.us/reader031/viewer/2022022412/58f30c671a28abe3448b45e9/html5/thumbnails/7.jpg)
motor and visual zooming is the best
Chapuis and Dragicevic 20117
visual mag
![Page 8: Shape-Change for Zoomable TUIs: Opportunities and Limits of a Resizable Slider](https://reader031.vdocuments.us/reader031/viewer/2022022412/58f30c671a28abe3448b45e9/html5/thumbnails/8.jpg)
motor and visual zooming is the best
Chapuis and Dragicevic 20118
visual mag motor mag
![Page 9: Shape-Change for Zoomable TUIs: Opportunities and Limits of a Resizable Slider](https://reader031.vdocuments.us/reader031/viewer/2022022412/58f30c671a28abe3448b45e9/html5/thumbnails/9.jpg)
motor and visual zooming is the best
Chapuis and Dragicevic 20119
visual mag full magmotor mag
![Page 10: Shape-Change for Zoomable TUIs: Opportunities and Limits of a Resizable Slider](https://reader031.vdocuments.us/reader031/viewer/2022022412/58f30c671a28abe3448b45e9/html5/thumbnails/10.jpg)
motor and visual zooming is the best
Chapuis and Dragicevic 201110
visual mag full magmotor mag zoom
![Page 11: Shape-Change for Zoomable TUIs: Opportunities and Limits of a Resizable Slider](https://reader031.vdocuments.us/reader031/viewer/2022022412/58f30c671a28abe3448b45e9/html5/thumbnails/11.jpg)
motor and visual zooming is the best
Chapuis and Dragicevic 201111
visual mag full magmotor mag zoom
![Page 12: Shape-Change for Zoomable TUIs: Opportunities and Limits of a Resizable Slider](https://reader031.vdocuments.us/reader031/viewer/2022022412/58f30c671a28abe3448b45e9/html5/thumbnails/12.jpg)
motor and visual zooming is the best
Chapuis and Dragicevic 201112
visual mag full magmotor mag zoom
![Page 13: Shape-Change for Zoomable TUIs: Opportunities and Limits of a Resizable Slider](https://reader031.vdocuments.us/reader031/viewer/2022022412/58f30c671a28abe3448b45e9/html5/thumbnails/13.jpg)
motor and visual zooming for sliders
13
?
![Page 14: Shape-Change for Zoomable TUIs: Opportunities and Limits of a Resizable Slider](https://reader031.vdocuments.us/reader031/viewer/2022022412/58f30c671a28abe3448b45e9/html5/thumbnails/14.jpg)
resizable should be beneficial
Ability to compromise between footprint and performance
14
![Page 15: Shape-Change for Zoomable TUIs: Opportunities and Limits of a Resizable Slider](https://reader031.vdocuments.us/reader031/viewer/2022022412/58f30c671a28abe3448b45e9/html5/thumbnails/15.jpg)
15
tangible sliders bring performance
Jansen et al. 2012Tuddenham et al. 2010Weiss et al. 2009Fitzmaurice and Buxton 1997
![Page 16: Shape-Change for Zoomable TUIs: Opportunities and Limits of a Resizable Slider](https://reader031.vdocuments.us/reader031/viewer/2022022412/58f30c671a28abe3448b45e9/html5/thumbnails/16.jpg)
http://palettegear.com/
tangible sliders bring performance
16
![Page 17: Shape-Change for Zoomable TUIs: Opportunities and Limits of a Resizable Slider](https://reader031.vdocuments.us/reader031/viewer/2022022412/58f30c671a28abe3448b45e9/html5/thumbnails/17.jpg)
restricted workspace
17
![Page 18: Shape-Change for Zoomable TUIs: Opportunities and Limits of a Resizable Slider](https://reader031.vdocuments.us/reader031/viewer/2022022412/58f30c671a28abe3448b45e9/html5/thumbnails/18.jpg)
18
restricted workspace: output
![Page 19: Shape-Change for Zoomable TUIs: Opportunities and Limits of a Resizable Slider](https://reader031.vdocuments.us/reader031/viewer/2022022412/58f30c671a28abe3448b45e9/html5/thumbnails/19.jpg)
Khalilbeigi et al. 2011
varying workspace: continuously resizable display
19
![Page 20: Shape-Change for Zoomable TUIs: Opportunities and Limits of a Resizable Slider](https://reader031.vdocuments.us/reader031/viewer/2022022412/58f30c671a28abe3448b45e9/html5/thumbnails/20.jpg)
Resizable tangible sliders
20
![Page 21: Shape-Change for Zoomable TUIs: Opportunities and Limits of a Resizable Slider](https://reader031.vdocuments.us/reader031/viewer/2022022412/58f30c671a28abe3448b45e9/html5/thumbnails/21.jpg)
Motivation
resizability tangibility
graphical sliders
21
![Page 22: Shape-Change for Zoomable TUIs: Opportunities and Limits of a Resizable Slider](https://reader031.vdocuments.us/reader031/viewer/2022022412/58f30c671a28abe3448b45e9/html5/thumbnails/22.jpg)
Motivation
resizability tangibility
graphical sliders ✔ ✘
22
![Page 23: Shape-Change for Zoomable TUIs: Opportunities and Limits of a Resizable Slider](https://reader031.vdocuments.us/reader031/viewer/2022022412/58f30c671a28abe3448b45e9/html5/thumbnails/23.jpg)
Motivation
resizability tangibility
graphical sliders ✔ ✘
tangible sliders
23
![Page 24: Shape-Change for Zoomable TUIs: Opportunities and Limits of a Resizable Slider](https://reader031.vdocuments.us/reader031/viewer/2022022412/58f30c671a28abe3448b45e9/html5/thumbnails/24.jpg)
Motivation
resizability tangibility
graphical sliders ✔ ✘
tangible sliders ✘ ✔
24
![Page 25: Shape-Change for Zoomable TUIs: Opportunities and Limits of a Resizable Slider](https://reader031.vdocuments.us/reader031/viewer/2022022412/58f30c671a28abe3448b45e9/html5/thumbnails/25.jpg)
Motivation
resizability tangibility
graphical sliders ✔ ✘
tangible sliders ✘ ✔
resizable tangible sliders
25
![Page 26: Shape-Change for Zoomable TUIs: Opportunities and Limits of a Resizable Slider](https://reader031.vdocuments.us/reader031/viewer/2022022412/58f30c671a28abe3448b45e9/html5/thumbnails/26.jpg)
Motivation
resizability tangibility
graphical sliders ✔ ✘
tangible sliders ✘ ✔
resizable tangible sliders ✔ ✔
26
![Page 27: Shape-Change for Zoomable TUIs: Opportunities and Limits of a Resizable Slider](https://reader031.vdocuments.us/reader031/viewer/2022022412/58f30c671a28abe3448b45e9/html5/thumbnails/27.jpg)
Research questions
Resizable tangible sliders • Benefit ?
• Drawback ?
27
![Page 28: Shape-Change for Zoomable TUIs: Opportunities and Limits of a Resizable Slider](https://reader031.vdocuments.us/reader031/viewer/2022022412/58f30c671a28abe3448b45e9/html5/thumbnails/28.jpg)
Research questions
• Benefit of Multiple Sizes:
How much more efficient are users with a large slider than a small slider?
• Drawback of resizing:
What is the drawback of the additional manipulation for resizing?
28
![Page 29: Shape-Change for Zoomable TUIs: Opportunities and Limits of a Resizable Slider](https://reader031.vdocuments.us/reader031/viewer/2022022412/58f30c671a28abe3448b45e9/html5/thumbnails/29.jpg)
Research questions
• Benefit of Multiple Sizes:
How much more efficient are users with a large slider than a small slider?
• Drawback of resizing:
What is the drawback of the additional manipulation for resizing?
XP1
XP2
29
![Page 30: Shape-Change for Zoomable TUIs: Opportunities and Limits of a Resizable Slider](https://reader031.vdocuments.us/reader031/viewer/2022022412/58f30c671a28abe3448b45e9/html5/thumbnails/30.jpg)
experimental plan
pointing pursuing
mouse impact of M+V zooming
slider impact of M+V zooming impact of resizing
30
![Page 31: Shape-Change for Zoomable TUIs: Opportunities and Limits of a Resizable Slider](https://reader031.vdocuments.us/reader031/viewer/2022022412/58f30c671a28abe3448b45e9/html5/thumbnails/31.jpg)
experimental plan
pointing pursuing
mouse impact of M+V zooming
slider impact of M+V zooming impact of resizing
XP1
31
![Page 32: Shape-Change for Zoomable TUIs: Opportunities and Limits of a Resizable Slider](https://reader031.vdocuments.us/reader031/viewer/2022022412/58f30c671a28abe3448b45e9/html5/thumbnails/32.jpg)
experimental plan
pointing pursuing
mouse impact of M+V zooming
slider impact of M+V zooming impact of resizing
XP1 XP2
32
![Page 33: Shape-Change for Zoomable TUIs: Opportunities and Limits of a Resizable Slider](https://reader031.vdocuments.us/reader031/viewer/2022022412/58f30c671a28abe3448b45e9/html5/thumbnails/33.jpg)
experimental plan
pointing pursuing
mouse impact of M+V zooming
slider impact of M+V zooming impact of resizing
XP1 XP2same
prototype33
![Page 34: Shape-Change for Zoomable TUIs: Opportunities and Limits of a Resizable Slider](https://reader031.vdocuments.us/reader031/viewer/2022022412/58f30c671a28abe3448b45e9/html5/thumbnails/34.jpg)
Prototype
34
![Page 35: Shape-Change for Zoomable TUIs: Opportunities and Limits of a Resizable Slider](https://reader031.vdocuments.us/reader031/viewer/2022022412/58f30c671a28abe3448b45e9/html5/thumbnails/35.jpg)
Prototype
35
resolution: 2822 dpi
![Page 36: Shape-Change for Zoomable TUIs: Opportunities and Limits of a Resizable Slider](https://reader031.vdocuments.us/reader031/viewer/2022022412/58f30c671a28abe3448b45e9/html5/thumbnails/36.jpg)
Benefit of Multiple Sizes: Experiment 1
How much more efficient are users with a large slider than a small slider?
36
![Page 37: Shape-Change for Zoomable TUIs: Opportunities and Limits of a Resizable Slider](https://reader031.vdocuments.us/reader031/viewer/2022022412/58f30c671a28abe3448b45e9/html5/thumbnails/37.jpg)
37
cursor
target
Task: pointing with a tangible slider at a target displayed on a distant screen
![Page 38: Shape-Change for Zoomable TUIs: Opportunities and Limits of a Resizable Slider](https://reader031.vdocuments.us/reader031/viewer/2022022412/58f30c671a28abe3448b45e9/html5/thumbnails/38.jpg)
38
2 cm
96 px 24.64 mm
![Page 39: Shape-Change for Zoomable TUIs: Opportunities and Limits of a Resizable Slider](https://reader031.vdocuments.us/reader031/viewer/2022022412/58f30c671a28abe3448b45e9/html5/thumbnails/39.jpg)
39
4 cm
192 px 49.28 mm
×2
![Page 40: Shape-Change for Zoomable TUIs: Opportunities and Limits of a Resizable Slider](https://reader031.vdocuments.us/reader031/viewer/2022022412/58f30c671a28abe3448b45e9/html5/thumbnails/40.jpg)
40
8 cm
384 px 98.56 mm
×4
![Page 41: Shape-Change for Zoomable TUIs: Opportunities and Limits of a Resizable Slider](https://reader031.vdocuments.us/reader031/viewer/2022022412/58f30c671a28abe3448b45e9/html5/thumbnails/41.jpg)
41
Constant Control-Display gain
×1 ×2 ×4
2/96 = 4/192 = 8/384
![Page 42: Shape-Change for Zoomable TUIs: Opportunities and Limits of a Resizable Slider](https://reader031.vdocuments.us/reader031/viewer/2022022412/58f30c671a28abe3448b45e9/html5/thumbnails/42.jpg)
Benefit of Multiple Sizes: Experiment 1
difficulty of the task
scale of the slidermovement time error rate
2cm/96px
4cm/192px
8cm/384px
2 (easy)
3 4 5 (difficult)
42
![Page 43: Shape-Change for Zoomable TUIs: Opportunities and Limits of a Resizable Slider](https://reader031.vdocuments.us/reader031/viewer/2022022412/58f30c671a28abe3448b45e9/html5/thumbnails/43.jpg)
Benefit of Multiple Sizes: Experiment 1
D = 30 px,W = {10, 4, 2, 1} px
D = 60 px,W = {20, 9, 4, 2} pxdifficulty of the task
scale of the slidermovement time error rate
2cm/96px
4cm/192px
8cm/384px
2 (easy)
3 4 5 (difficult)
43
×2×4
![Page 44: Shape-Change for Zoomable TUIs: Opportunities and Limits of a Resizable Slider](https://reader031.vdocuments.us/reader031/viewer/2022022412/58f30c671a28abe3448b45e9/html5/thumbnails/44.jpg)
Benefit of Multiple Sizes: Experiment 1
44
• 12 right-handed participants (6 female) aged from 21 to 42 years old
mean = 30
stdev = 6
• 2880 trials 12 participants
3 scales
4 widths * 2 distances
10 repetitions of each task
![Page 45: Shape-Change for Zoomable TUIs: Opportunities and Limits of a Resizable Slider](https://reader031.vdocuments.us/reader031/viewer/2022022412/58f30c671a28abe3448b45e9/html5/thumbnails/45.jpg)
2 3 4 5
Index of Difficulty (easy to difficult)
Mov
emen
t tim
e (s
)
0.0
1.0
2.0 2cm/96px
4cm/192px8cm/384px
45
![Page 46: Shape-Change for Zoomable TUIs: Opportunities and Limits of a Resizable Slider](https://reader031.vdocuments.us/reader031/viewer/2022022412/58f30c671a28abe3448b45e9/html5/thumbnails/46.jpg)
2 3 4 5
Index of Difficulty (easy to difficult)
Mov
emen
t tim
e (s
)
0.0
1.0
2.0 2cm/96px
4cm/192px8cm/384px
46
-0.98s
![Page 47: Shape-Change for Zoomable TUIs: Opportunities and Limits of a Resizable Slider](https://reader031.vdocuments.us/reader031/viewer/2022022412/58f30c671a28abe3448b45e9/html5/thumbnails/47.jpg)
2 3 4 5
Index of Difficulty (easy to difficult)
Mov
emen
t tim
e (s
)
0.0
1.0
2.0 2cm/96px
4cm/192px8cm/384px
47
-0.98s +6cm +288px
![Page 48: Shape-Change for Zoomable TUIs: Opportunities and Limits of a Resizable Slider](https://reader031.vdocuments.us/reader031/viewer/2022022412/58f30c671a28abe3448b45e9/html5/thumbnails/48.jpg)
2 3 4 5
Index of Difficulty (easy to difficult)
Erro
r rat
e
0.0
0.2
0.4 2cm/96px
4cm/192px8cm/384px
48
![Page 49: Shape-Change for Zoomable TUIs: Opportunities and Limits of a Resizable Slider](https://reader031.vdocuments.us/reader031/viewer/2022022412/58f30c671a28abe3448b45e9/html5/thumbnails/49.jpg)
2 3 4 5
Index of Difficulty (easy to difficult)
Erro
r rat
e
0.0
0.2
0.4 2cm/96px
4cm/192px8cm/384px
49
-26%
![Page 50: Shape-Change for Zoomable TUIs: Opportunities and Limits of a Resizable Slider](https://reader031.vdocuments.us/reader031/viewer/2022022412/58f30c671a28abe3448b45e9/html5/thumbnails/50.jpg)
2 3 4 5
Index of Difficulty (easy to difficult)
Erro
r rat
e
0.0
0.2
0.4 2cm/96px
4cm/192px8cm/384px
50
-26% +6cm +288px
![Page 51: Shape-Change for Zoomable TUIs: Opportunities and Limits of a Resizable Slider](https://reader031.vdocuments.us/reader031/viewer/2022022412/58f30c671a28abe3448b45e9/html5/thumbnails/51.jpg)
51
2 3 4 5
Index of Difficulty (easy to difficult)
Mov
emen
t tim
e (s
)
0.0
1.0
2.0 2cm/96px
4cm/192px8cm/384px
Zoomed in is better
![Page 52: Shape-Change for Zoomable TUIs: Opportunities and Limits of a Resizable Slider](https://reader031.vdocuments.us/reader031/viewer/2022022412/58f30c671a28abe3448b45e9/html5/thumbnails/52.jpg)
Zoomed in is better
not possible when workspace is restricted
52
![Page 53: Shape-Change for Zoomable TUIs: Opportunities and Limits of a Resizable Slider](https://reader031.vdocuments.us/reader031/viewer/2022022412/58f30c671a28abe3448b45e9/html5/thumbnails/53.jpg)
Drawback of resizing: Experiment 2
53
Impact of resizing on performance
![Page 54: Shape-Change for Zoomable TUIs: Opportunities and Limits of a Resizable Slider](https://reader031.vdocuments.us/reader031/viewer/2022022412/58f30c671a28abe3448b45e9/html5/thumbnails/54.jpg)
Drawback of resizing: Experiment 2
54
resiz
eresizeresiz
e Need to measurethe limit of usability
?
resizeresizeresizeresizeresiz
e
resize
resiz
ere
size
resiz
ere
size
resizeresizeresizeresizeresize
resizeresizeresizeresize
resize resize resize resizeresize
resizeresizeresizeresize
resi
zere
size
resiz
ere
size
resize
resize
resizeresizeresize
![Page 55: Shape-Change for Zoomable TUIs: Opportunities and Limits of a Resizable Slider](https://reader031.vdocuments.us/reader031/viewer/2022022412/58f30c671a28abe3448b45e9/html5/thumbnails/55.jpg)
Task 1: pursuing
55
moving target
cursorpursuit error
![Page 56: Shape-Change for Zoomable TUIs: Opportunities and Limits of a Resizable Slider](https://reader031.vdocuments.us/reader031/viewer/2022022412/58f30c671a28abe3448b45e9/html5/thumbnails/56.jpg)
Task 1: pursuing moving target when difficulty changes
56
Small slider (2cm/96px)
1 px
2 px
4 px
easy
difficult
size of target changes
![Page 57: Shape-Change for Zoomable TUIs: Opportunities and Limits of a Resizable Slider](https://reader031.vdocuments.us/reader031/viewer/2022022412/58f30c671a28abe3448b45e9/html5/thumbnails/57.jpg)
Task 1: pursuing moving target when difficulty changes
57
4 px
Small slider (2cm/96px) Resizable slider
1 px
2 px
4 px
easy
difficult
size of target changes
resize so that size of targetis constant
![Page 58: Shape-Change for Zoomable TUIs: Opportunities and Limits of a Resizable Slider](https://reader031.vdocuments.us/reader031/viewer/2022022412/58f30c671a28abe3448b45e9/html5/thumbnails/58.jpg)
Task 1: pursuing moving target when difficulty changes
58
4 px
Small slider (2cm/96px) Resizable slider Large slider
(8cm/384px)
1 px
2 px
4 px 4 px
8 px
16 px
easy
difficult
size of target changes
size of targetchanges
resize so that size of targetis constant
![Page 59: Shape-Change for Zoomable TUIs: Opportunities and Limits of a Resizable Slider](https://reader031.vdocuments.us/reader031/viewer/2022022412/58f30c671a28abe3448b45e9/html5/thumbnails/59.jpg)
Task 1: pursuing moving target when difficulty changes
59
4 px
Small slider (2cm/96px) Resizable slider Large slider
(8cm/384px)
1 px
2 px
4 px 4 px
8 px
16 px
easy
difficult
size of target changes
size of targetchanges
resize so that size of targetis constant
![Page 60: Shape-Change for Zoomable TUIs: Opportunities and Limits of a Resizable Slider](https://reader031.vdocuments.us/reader031/viewer/2022022412/58f30c671a28abe3448b45e9/html5/thumbnails/60.jpg)
Task 2: resizing
60
target size
actual sizesize error
![Page 61: Shape-Change for Zoomable TUIs: Opportunities and Limits of a Resizable Slider](https://reader031.vdocuments.us/reader031/viewer/2022022412/58f30c671a28abe3448b45e9/html5/thumbnails/61.jpg)
Task 2: resizing
61
![Page 62: Shape-Change for Zoomable TUIs: Opportunities and Limits of a Resizable Slider](https://reader031.vdocuments.us/reader031/viewer/2022022412/58f30c671a28abe3448b45e9/html5/thumbnails/62.jpg)
Drawback of resizing: Experiment
interval of difficulty’s change (s)
Slider deviceperformance(pursuit error)
Small(2cm/96px)
Resizable
Large(8cm/384px)
3 (difficult)
9 18 30 (easy)
62
![Page 63: Shape-Change for Zoomable TUIs: Opportunities and Limits of a Resizable Slider](https://reader031.vdocuments.us/reader031/viewer/2022022412/58f30c671a28abe3448b45e9/html5/thumbnails/63.jpg)
Drawback of resizing: Experiment
63
• 9 right-handed participants (5 female) aged from 21 to 49 years old
mean = 31
stdev = 8
• Around 5h30 of trials 9 participants
3 sliders
4 intervals of difficulty’s change
2 repetitions of each 90 seconds trial
![Page 64: Shape-Change for Zoomable TUIs: Opportunities and Limits of a Resizable Slider](https://reader031.vdocuments.us/reader031/viewer/2022022412/58f30c671a28abe3448b45e9/html5/thumbnails/64.jpg)
Drawback of resizing: Experiment
interval of difficulty’s change (s)
performance (pursuit error)
3 (difficult)
9 18 30 (easy)
64
= median of each frame’s error
![Page 65: Shape-Change for Zoomable TUIs: Opportunities and Limits of a Resizable Slider](https://reader031.vdocuments.us/reader031/viewer/2022022412/58f30c671a28abe3448b45e9/html5/thumbnails/65.jpg)
65
3 9 18 30
Interval of difficulty change (s)
Med
ian
erro
r (%
of s
lider
's ra
nge)
04
8 Large sliderResizable sliderSmall slider
![Page 66: Shape-Change for Zoomable TUIs: Opportunities and Limits of a Resizable Slider](https://reader031.vdocuments.us/reader031/viewer/2022022412/58f30c671a28abe3448b45e9/html5/thumbnails/66.jpg)
66
3 9 18 30
Interval of difficulty change (s)
Med
ian
erro
r (%
of s
lider
's ra
nge)
04
8 Large sliderResizable sliderSmall slider
![Page 67: Shape-Change for Zoomable TUIs: Opportunities and Limits of a Resizable Slider](https://reader031.vdocuments.us/reader031/viewer/2022022412/58f30c671a28abe3448b45e9/html5/thumbnails/67.jpg)
67
3 9 18 30
Interval of difficulty change (s)
Med
ian
erro
r (%
of s
lider
's ra
nge)
04
8 Large sliderResizable sliderSmall slider
![Page 68: Shape-Change for Zoomable TUIs: Opportunities and Limits of a Resizable Slider](https://reader031.vdocuments.us/reader031/viewer/2022022412/58f30c671a28abe3448b45e9/html5/thumbnails/68.jpg)
68
3 9 18 30
Interval of difficulty change (s)
Med
ian
erro
r (%
of s
lider
's ra
nge)
04
8 Large sliderResizable sliderSmall slider
![Page 69: Shape-Change for Zoomable TUIs: Opportunities and Limits of a Resizable Slider](https://reader031.vdocuments.us/reader031/viewer/2022022412/58f30c671a28abe3448b45e9/html5/thumbnails/69.jpg)
69
3 9 18 30
2%
6%
Interval of difficulty change (s)
Med
ian
erro
r (%
of s
lider
's r
ange
)
4%
8%Resizable sliderSmall slider
Large slider
y = a × x + b ≃ bMedian error is constant
Regression
![Page 70: Shape-Change for Zoomable TUIs: Opportunities and Limits of a Resizable Slider](https://reader031.vdocuments.us/reader031/viewer/2022022412/58f30c671a28abe3448b45e9/html5/thumbnails/70.jpg)
70
3 9 18 30
2%
6%
Interval of difficulty change (s)
Med
ian
erro
r (%
of s
lider
's r
ange
)
4%
8%Resizable sliderSmall slider
Large slider
y = a×bx + c
Regression
![Page 71: Shape-Change for Zoomable TUIs: Opportunities and Limits of a Resizable Slider](https://reader031.vdocuments.us/reader031/viewer/2022022412/58f30c671a28abe3448b45e9/html5/thumbnails/71.jpg)
71
3 9 18 30
2%
6%
Interval of difficulty change (s)
Med
ian
erro
r (%
of s
lider
's r
ange
)
4%
8%Resizable sliderSmall slider
Large slider
The larger the slider, the better the performance
but the bigger the footprint
1.75 larger
![Page 72: Shape-Change for Zoomable TUIs: Opportunities and Limits of a Resizable Slider](https://reader031.vdocuments.us/reader031/viewer/2022022412/58f30c671a28abe3448b45e9/html5/thumbnails/72.jpg)
72
3 9 18 30
2%
6%
Interval of difficulty change (s)
Med
ian
erro
r (%
of s
lider
's r
ange
)
4%
8%Resizable sliderSmall slider
Large slider
if too often, small slider better
than resizable
![Page 73: Shape-Change for Zoomable TUIs: Opportunities and Limits of a Resizable Slider](https://reader031.vdocuments.us/reader031/viewer/2022022412/58f30c671a28abe3448b45e9/html5/thumbnails/73.jpg)
73
3 9 18 30
2%
6%
Interval of difficulty change (s)
Med
ian
erro
r (%
of s
lider
's r
ange
)
4%
8%Resizable sliderSmall slider
Large slider
if not too often, resizable better than small slider
![Page 74: Shape-Change for Zoomable TUIs: Opportunities and Limits of a Resizable Slider](https://reader031.vdocuments.us/reader031/viewer/2022022412/58f30c671a28abe3448b45e9/html5/thumbnails/74.jpg)
74
3 9 18 30
2%
6%
Interval of difficulty change (s)
Med
ian
erro
r (%
of s
lider
's r
ange
)
4%
8%Resizable sliderSmall slider
Large slider
if no room available,resize
only if less often than every ~9 seconds
![Page 75: Shape-Change for Zoomable TUIs: Opportunities and Limits of a Resizable Slider](https://reader031.vdocuments.us/reader031/viewer/2022022412/58f30c671a28abe3448b45e9/html5/thumbnails/75.jpg)
75
resiz
eresizeresiz
e
~9s
resizeresizeresizeresizeresiz
e
resize
resiz
ere
size
resiz
ere
size
resizeresizeresizeresizeresize
resizeresizeresizeresize
resize resize resize resizeresize
resizeresizeresizeresize
resi
zere
size
resiz
ere
size
resize
resize
resizeresizeresize
Resizing brings benefits If less often than every ~9 seconds
![Page 76: Shape-Change for Zoomable TUIs: Opportunities and Limits of a Resizable Slider](https://reader031.vdocuments.us/reader031/viewer/2022022412/58f30c671a28abe3448b45e9/html5/thumbnails/76.jpg)
76
from video analysis: mean resizing time = 0.7s 95%CI [0.6s, 0.8s] with no impact of amplitude
pointing pursuing
mouse impact of M+V zooming
slider impact of M+V zooming impact of resizing
![Page 77: Shape-Change for Zoomable TUIs: Opportunities and Limits of a Resizable Slider](https://reader031.vdocuments.us/reader031/viewer/2022022412/58f30c671a28abe3448b45e9/html5/thumbnails/77.jpg)
77
from video analysis: mean resizing time = 0.7s 95%CI [0.6s, 0.8s] with no impact of amplitude
mean movement times for each ID and size
pointing pursuing
mouse impact of M+V zooming
slider impact of M+V zooming impact of resizing
![Page 78: Shape-Change for Zoomable TUIs: Opportunities and Limits of a Resizable Slider](https://reader031.vdocuments.us/reader031/viewer/2022022412/58f30c671a28abe3448b45e9/html5/thumbnails/78.jpg)
2 3 4 5
Index of Difficulty (easy to difficult)
Mov
emen
t tim
e (s
)
0.0
1.0
2.0 2cm/96px
4cm/192px8cm/384px
2 3 4 5
Index of Difficulty (easy to difficult)
Mov
emen
t tim
e (s
)
0.0
1.0
2.0 2cm/96px
4cm/192px8cm/384px
2 3 4 5
Index of Difficulty (easy to difficult)
Mov
emen
t tim
e (s
)
0.0
1.0
2.0 2cm/96px
4cm/192px8cm/384px
2 3 4 5
Index of Difficulty (easy to difficult)
Mov
emen
t tim
e (s
)
0.0
1.0
2.0 2cm/96px
4cm/192px8cm/384px
78
0
0.5
1
1.5
2
2.5
Resizing time (s)
mean resizing timemean movement times for each ID and size
One pointing task
![Page 79: Shape-Change for Zoomable TUIs: Opportunities and Limits of a Resizable Slider](https://reader031.vdocuments.us/reader031/viewer/2022022412/58f30c671a28abe3448b45e9/html5/thumbnails/79.jpg)
2 3 4 5
Index of Difficulty (easy to difficult)
Mov
emen
t tim
e (s
)
0.0
1.0
2.0 2cm/96px
4cm/192px8cm/384px
2 3 4 5
Index of Difficulty (easy to difficult)
Mov
emen
t tim
e (s
)
0.0
1.0
2.0 2cm/96px
4cm/192px8cm/384px
2 3 4 5
Index of Difficulty (easy to difficult)
Mov
emen
t tim
e (s
)
0.0
1.0
2.0 2cm/96px
4cm/192px8cm/384px
2 3 4 5
Index of Difficulty (easy to difficult)
Mov
emen
t tim
e (s
)
0.0
1.0
2.0 2cm/96px
4cm/192px8cm/384px
79
0
0.5
1
1.5
2
2.5
Resizing time (s)
One pointing task: Point with small?
mean resizing timemean movement times for each ID and size
![Page 80: Shape-Change for Zoomable TUIs: Opportunities and Limits of a Resizable Slider](https://reader031.vdocuments.us/reader031/viewer/2022022412/58f30c671a28abe3448b45e9/html5/thumbnails/80.jpg)
2 3 4 5
Index of Difficulty (easy to difficult)
Mov
emen
t tim
e (s
)
0.0
1.0
2.0 2cm/96px
4cm/192px8cm/384px
2 3 4 5
Index of Difficulty (easy to difficult)
Mov
emen
t tim
e (s
)
0.0
1.0
2.0 2cm/96px
4cm/192px8cm/384px
2 3 4 5
Index of Difficulty (easy to difficult)
Mov
emen
t tim
e (s
)
0.0
1.0
2.0 2cm/96px
4cm/192px8cm/384px
2 3 4 5
Index of Difficulty (easy to difficult)
Mov
emen
t tim
e (s
)
0.0
1.0
2.0 2cm/96px
4cm/192px8cm/384px
80
0
0.5
1
1.5
2
2.5
Resizing time (s)
One pointing task: Point with small? Enlarge, then point?
mean resizing timemean movement times for each ID and size
![Page 81: Shape-Change for Zoomable TUIs: Opportunities and Limits of a Resizable Slider](https://reader031.vdocuments.us/reader031/viewer/2022022412/58f30c671a28abe3448b45e9/html5/thumbnails/81.jpg)
2 3 4 5
Index of Difficulty (easy to difficult)
Mov
emen
t tim
e (s
)
0.0
1.0
2.0 2cm/96px
4cm/192px8cm/384px
2 3 4 5
Index of Difficulty (easy to difficult)
Mov
emen
t tim
e (s
)
0.0
1.0
2.0 2cm/96px
4cm/192px8cm/384px
2 3 4 5
Index of Difficulty (easy to difficult)
Mov
emen
t tim
e (s
)
0.0
1.0
2.0 2cm/96px
4cm/192px8cm/384px
2 3 4 5
Index of Difficulty (easy to difficult)
Mov
emen
t tim
e (s
)
0.0
1.0
2.0 2cm/96px
4cm/192px8cm/384px
81
2 3 4 5
Index of Difficulty (easy to difficult)
Mov
emen
t tim
e (s
)
0.0
1.0
2.0 2cm/96px
4cm/192px8cm/384px
2 3 4 5
Index of Difficulty (easy to difficult)
Mov
emen
t tim
e (s
)
0.0
1.0
2.0 2cm/96px
4cm/192px8cm/384px
Two pointing tasks:
![Page 82: Shape-Change for Zoomable TUIs: Opportunities and Limits of a Resizable Slider](https://reader031.vdocuments.us/reader031/viewer/2022022412/58f30c671a28abe3448b45e9/html5/thumbnails/82.jpg)
2 3 4 5
Index of Difficulty (easy to difficult)
Mov
emen
t tim
e (s
)
0.0
1.0
2.0 2cm/96px
4cm/192px8cm/384px
2 3 4 5
Index of Difficulty (easy to difficult)
Mov
emen
t tim
e (s
)
0.0
1.0
2.0 2cm/96px
4cm/192px8cm/384px
2 3 4 5
Index of Difficulty (easy to difficult)
Mov
emen
t tim
e (s
)
0.0
1.0
2.0 2cm/96px
4cm/192px8cm/384px
2 3 4 5
Index of Difficulty (easy to difficult)
Mov
emen
t tim
e (s
)
0.0
1.0
2.0 2cm/96px
4cm/192px8cm/384px
82
2 3 4 5
Index of Difficulty (easy to difficult)
Mov
emen
t tim
e (s
)
0.0
1.0
2.0 2cm/96px
4cm/192px8cm/384px
2 3 4 5
Index of Difficulty (easy to difficult)
Mov
emen
t tim
e (s
)
0.0
1.0
2.0 2cm/96px
4cm/192px8cm/384px
Two pointing tasks: Point with small?
![Page 83: Shape-Change for Zoomable TUIs: Opportunities and Limits of a Resizable Slider](https://reader031.vdocuments.us/reader031/viewer/2022022412/58f30c671a28abe3448b45e9/html5/thumbnails/83.jpg)
2 3 4 5
Index of Difficulty (easy to difficult)
Mov
emen
t tim
e (s
)
0.0
1.0
2.0 2cm/96px
4cm/192px8cm/384px
2 3 4 5
Index of Difficulty (easy to difficult)
Mov
emen
t tim
e (s
)
0.0
1.0
2.0 2cm/96px
4cm/192px8cm/384px
2 3 4 5
Index of Difficulty (easy to difficult)
Mov
emen
t tim
e (s
)
0.0
1.0
2.0 2cm/96px
4cm/192px8cm/384px
2 3 4 5
Index of Difficulty (easy to difficult)
Mov
emen
t tim
e (s
)
0.0
1.0
2.0 2cm/96px
4cm/192px8cm/384px
83
0
0.5
1
1.5
2
2.5
Resizing time (s)
2 3 4 5
Index of Difficulty (easy to difficult)
Mov
emen
t tim
e (s
)
0.0
1.0
2.0 2cm/96px
4cm/192px8cm/384px
2 3 4 5
Index of Difficulty (easy to difficult)
Mov
emen
t tim
e (s
)
0.0
1.0
2.0 2cm/96px
4cm/192px8cm/384px
Two pointing tasks: Point with small? Enlarge, then point?
![Page 84: Shape-Change for Zoomable TUIs: Opportunities and Limits of a Resizable Slider](https://reader031.vdocuments.us/reader031/viewer/2022022412/58f30c671a28abe3448b45e9/html5/thumbnails/84.jpg)
2 3 4 5
Index of Difficulty (easy to difficult)
Mov
emen
t tim
e (s
)
0.0
1.0
2.0 2cm/96px
4cm/192px8cm/384px
2 3 4 5
Index of Difficulty (easy to difficult)
Mov
emen
t tim
e (s
)
0.0
1.0
2.0 2cm/96px
4cm/192px8cm/384px
2 3 4 5
Index of Difficulty (easy to difficult)
Mov
emen
t tim
e (s
)
0.0
1.0
2.0 2cm/96px
4cm/192px8cm/384px
2 3 4 5
Index of Difficulty (easy to difficult)
Mov
emen
t tim
e (s
)
0.0
1.0
2.0 2cm/96px
4cm/192px8cm/384px
84
Resize before several difficult pointing tasks
2 3 4 5
Index of Difficulty (easy to difficult)
Mov
emen
t tim
e (s
)
0.0
1.0
2.0 2cm/96px
4cm/192px8cm/384px
2 3 4 5
Index of Difficulty (easy to difficult)
Mov
emen
t tim
e (s
)
0.0
1.0
2.0 2cm/96px
4cm/192px8cm/384px 0
0.5
1
1.5
Resizing time (s)
![Page 85: Shape-Change for Zoomable TUIs: Opportunities and Limits of a Resizable Slider](https://reader031.vdocuments.us/reader031/viewer/2022022412/58f30c671a28abe3448b45e9/html5/thumbnails/85.jpg)
Zoomable tangible sliders
Bring both benefits of performance+footprint (if not resized too often)
85
![Page 86: Shape-Change for Zoomable TUIs: Opportunities and Limits of a Resizable Slider](https://reader031.vdocuments.us/reader031/viewer/2022022412/58f30c671a28abe3448b45e9/html5/thumbnails/86.jpg)
Future WorkForm-factor
Other tangible controllers
Impact on current HCI models
86
![Page 87: Shape-Change for Zoomable TUIs: Opportunities and Limits of a Resizable Slider](https://reader031.vdocuments.us/reader031/viewer/2022022412/58f30c671a28abe3448b45e9/html5/thumbnails/87.jpg)
Shape-Change for Zoomable TUIs: A Resizable Slider
with C. Masclet
Céline Coutrix http://iihm.imag.fr/coutrix/