Graphical > Tangible? What are their limitations? 93 94 - - PowerPoint PPT Presentation

graphical tangible
SMART_READER_LITE
LIVE PREVIEW

Graphical > Tangible? What are their limitations? 93 94 - - PowerPoint PPT Presentation

Tangible User Interfaces Graphical > Tangible? What are their limitations? 93 94 Graphical > Tangible? Graphical > Tangible? Dynamicity, Flexibility Reality based interaction Price Compromise with software when it


slide-1
SLIDE 1

Tangible User Interfaces
 What are their limitations?

93

Graphical > Tangible?

94

Graphical > Tangible?

  • Dynamicity, Flexibility
  • Price

95

Graphical > Tangible?

  • Reality based interaction
  • Compromise with software when it brings benefit

http://dl.acm.org/citation.cfm?doid=1357054.1357089

96

slide-2
SLIDE 2

Reality Based Interaction

  • Interface design
  • build on 4 themes (= human capabilities) from

the “real” world

  • compromise with 6 tradeoffs in order to reach

design goal

97

Reality Based Interaction

  • Four themes from the “real” world

98

Reality Based Interaction

E.g., gravity, friction, velocity Example of interfaces using users’ knowledge of naive physics?

99

Reality Based Interaction

E.g., relative position of body parts, range of motion, skills to coordinate movements (to walk, kick a ball) Example of interfaces using users’ body awareness and skills?

100

slide-3
SLIDE 3

Reality Based Interaction

E.g., horizon gives a sense of directional information, lighting and shadow provide depth cues Example of interfaces using users’ environment awareness and skills?

101

Reality Based Interaction

E.g., verbal and non-verbal communication, exchange objects, ability for collaboration Example of interfaces using users’ social awareness and skills?

102

Reality Based Interaction:
 Six tradeoffs

Expressive power
 ability to perform a variety of tasks within the application domain Efficiency
 ability to perform a task rapidly Versatility
 ability to perform many tasks from different application domains Ergonomics
 ability to perform a task without physical injury or fatigue Accessibility
 ability to perform a task when handicapped Practicality
 (designers) ability to produce the system

103

Reality Based Interaction

Case study: URP What themes does URP use?

  • Naive Physics
  • Body
  • Environment
  • Social Awareness

104

slide-4
SLIDE 4

Reality Based Interaction

What does URP sacrifice for which benefit?

  • Expressive power
  • Efficiency
  • Versatility
  • Ergonomics
  • Accessibility
  • Practicality

105

Graphical > Tangible?

  • Software mouse+touch GUI took over
  • Tangible might be coming back


E.g., induction hub
 with removable magnetic tangible knob

  • New and Open research areas 


that bring tangibles closer to software

106

How can we benefit again
 from Tangibility?

107

BREAK

  • Focus group

108

slide-5
SLIDE 5

Dynamicity & Flexibility:
 Shape

Illuminating Clay

109

Dynamicity & Flexibility:
 Shape

SandScape

110

Dynamicity & Flexibility:
 Shape

A Reconfigurable Ferromagnetic Input Device

111

Dynamicity & Flexibility:
 Shape

Dynamically changeable buttons: 
 http://www.youtube.com/watch?v=Smai_Z_galE

112

slide-6
SLIDE 6

Dynamicity & Flexibility:
 Shape

Shutters with shape memory alloy

113

Dynamicity & Flexibility:
 Shape

114

Dynamicity & Flexibility:
 Shape

115

Dynamicity & Flexibility:
 Shape

116

slide-7
SLIDE 7

Dynamicity & Flexibility:
 Shape

117

Dynamicity & Flexibility:
 Shape

118

Dynamicity & Flexibility:
 Shape

with nanoscopic cells

119

Dynamicity & Flexibility:
 2D location

Actuated workBench PICO

120

slide-8
SLIDE 8

Dynamicity & Flexibility:
 3D location

(several technologies)

121

Dynamicity & Flexibility:
 Stiffness

122

Dynamicity & Flexibility:
 Stiffness

3D Printing Pneumatic Device Controls
 with Variable Activation Force Capabilities https://youtu.be/-4gFYvhkz0Y

123

Dynamicity & Flexibility:
 Weight

124

slide-9
SLIDE 9

Dynamicity & Flexibility: What is is good for?

125 126

Prototype

127

127

Prototype

128

resolution: 2822 dpi

128

slide-10
SLIDE 10

Benefit of Multiple Sizes: Experiment 1

How much more efficient are users 
 with a large slider than a small slider?

129

129

Benefit of Multiple Sizes: Experiment 1

difficulty of the task scale of the slider movement time error rate

2cm/96px 4cm/192px 8cm/384px 2 (easy) 3 4 5 (difficult)

130

130

2 3 4 5 Index of Difficulty (easy to difficult) Movement time (s) 0.0 1.0 2.0 2cm/96px 4cm/192px 8cm/384px

131

  • 0.98s +6cm


+288px

131

Zoomed in is better not possible when workspace is restricted

132

132

slide-11
SLIDE 11

Drawback of resizing: Experiment 2

133

Impact of resizing on performance

133

Drawback of resizing: Experiment 2

134

resize resize resize

Need to measure
 the limit of usability

?

resize r e s i z e resize resize resize resize resize resize r e s i z e resize resize r e s i z e resize resize resize resize resize resize r e s i z e resize r e s i z e resize resize resize resize resize resize r e s i z e resize r e s i z e resize resize resize resize resize resize r e s i z e

134

Drawback of resizing: Experiment

interval of difficulty’s change (s) Slider device performance
 (pursuit error)

Small
 (2cm/96px) Resizable Large
 (8cm/384px) 3 (difficult) 9 18 30 (easy)

135

135

136

3 9 18 30 2% 6% Interval of difficulty change (s) Median error (% of slider's range) 4% 8% Resizable slider Small slider Large slider

if no room available, resize 


  • nly if less often 


than every ~9 seconds

136

slide-12
SLIDE 12

137

resize resize resize

~9s

resize r e s i z e resize resize resize resize resize resize r e s i z e resize resize r e s i z e resize resize resize resize resize resize r e s i z e resize r e s i z e resize resize resize resize resize resize r e s i z e resize r e s i z e resize resize resize resize resize resize r e s i z e

Resizing brings benefits If less often than every ~9 seconds

137

Future of Tangible Interaction

Flexibility will not be software’s monopoly 
 and will reach Tangibles Radical Atoms & Perfect Red
 https://vimeo.com/61141209 Claytronics


http://www.cs.cmu.edu/~claytronics/movies/carDesign_12_vo_H264.mov

138