user interfaces and interaction techniquesfor more details, please refer to papers and videos on our...

30
User Interfaces and Interaction Techniques Chiew-Lan Tai

Upload: others

Post on 06-Jul-2020

4 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: User Interfaces and Interaction TechniquesFor more details, please refer to papers and videos on our project pages Acknowledgement: thank my students for their nice conference presentation

User Interfacesand

Interaction Techniques

Chiew-Lan Tai

Page 2: User Interfaces and Interaction TechniquesFor more details, please refer to papers and videos on our project pages Acknowledgement: thank my students for their nice conference presentation

Multi-touch gestures for

constrained transformations of

3D objects[Eurographics 2012]

Scaling

RotationRotation

Page 3: User Interfaces and Interaction TechniquesFor more details, please refer to papers and videos on our project pages Acknowledgement: thank my students for their nice conference presentation

Axis-based Manipulation

• Video example

Page 4: User Interfaces and Interaction TechniquesFor more details, please refer to papers and videos on our project pages Acknowledgement: thank my students for their nice conference presentation

Active Snapping

Page 5: User Interfaces and Interaction TechniquesFor more details, please refer to papers and videos on our project pages Acknowledgement: thank my students for their nice conference presentation

User study

Page 6: User Interfaces and Interaction TechniquesFor more details, please refer to papers and videos on our project pages Acknowledgement: thank my students for their nice conference presentation
Page 7: User Interfaces and Interaction TechniquesFor more details, please refer to papers and videos on our project pages Acknowledgement: thank my students for their nice conference presentation

Lazy Selection [SIGGRAPH Asia 2012]

Page 8: User Interfaces and Interaction TechniquesFor more details, please refer to papers and videos on our project pages Acknowledgement: thank my students for their nice conference presentation

Traditional UIs: clicks or lasso

Click selection

Page 9: User Interfaces and Interaction TechniquesFor more details, please refer to papers and videos on our project pages Acknowledgement: thank my students for their nice conference presentation

Challenge: automatically reveals user’s intention is nontrivial

.

Page 10: User Interfaces and Interaction TechniquesFor more details, please refer to papers and videos on our project pages Acknowledgement: thank my students for their nice conference presentation

Applicable to different types of shape elements

Vector graphics imagesBitmap images with well-defined regions

3D models with segmentation

Page 11: User Interfaces and Interaction TechniquesFor more details, please refer to papers and videos on our project pages Acknowledgement: thank my students for their nice conference presentation
Page 12: User Interfaces and Interaction TechniquesFor more details, please refer to papers and videos on our project pages Acknowledgement: thank my students for their nice conference presentation

Selection of 3D Elements

Page 13: User Interfaces and Interaction TechniquesFor more details, please refer to papers and videos on our project pages Acknowledgement: thank my students for their nice conference presentation

Group-Aware Command-Based Arrangement Tool

(GACA)

[CHI 2015]

13

Page 14: User Interfaces and Interaction TechniquesFor more details, please refer to papers and videos on our project pages Acknowledgement: thank my students for their nice conference presentation

14

Page 15: User Interfaces and Interaction TechniquesFor more details, please refer to papers and videos on our project pages Acknowledgement: thank my students for their nice conference presentation

15

Align top

Page 16: User Interfaces and Interaction TechniquesFor more details, please refer to papers and videos on our project pages Acknowledgement: thank my students for their nice conference presentation

16

Align top

Page 17: User Interfaces and Interaction TechniquesFor more details, please refer to papers and videos on our project pages Acknowledgement: thank my students for their nice conference presentation

17

Align topNo pushpin

Page 18: User Interfaces and Interaction TechniquesFor more details, please refer to papers and videos on our project pages Acknowledgement: thank my students for their nice conference presentation

18

Align topOne pushpin

Page 19: User Interfaces and Interaction TechniquesFor more details, please refer to papers and videos on our project pages Acknowledgement: thank my students for their nice conference presentation

19

Align topTwo pushpins

Page 20: User Interfaces and Interaction TechniquesFor more details, please refer to papers and videos on our project pages Acknowledgement: thank my students for their nice conference presentation

20

Page 21: User Interfaces and Interaction TechniquesFor more details, please refer to papers and videos on our project pages Acknowledgement: thank my students for their nice conference presentation

Global Beautification of Layouts with Interactive Ambiguity Resolution

[UIST 2014]

rough layout target layout

Page 22: User Interfaces and Interaction TechniquesFor more details, please refer to papers and videos on our project pages Acknowledgement: thank my students for their nice conference presentation

22

input window preview window

Page 23: User Interfaces and Interaction TechniquesFor more details, please refer to papers and videos on our project pages Acknowledgement: thank my students for their nice conference presentation

23

input window preview window

Page 24: User Interfaces and Interaction TechniquesFor more details, please refer to papers and videos on our project pages Acknowledgement: thank my students for their nice conference presentation
Page 25: User Interfaces and Interaction TechniquesFor more details, please refer to papers and videos on our project pages Acknowledgement: thank my students for their nice conference presentation

Potential interfaceApply beautification after each operation

25

Page 26: User Interfaces and Interaction TechniquesFor more details, please refer to papers and videos on our project pages Acknowledgement: thank my students for their nice conference presentation

26

Difficult to form global patterns

Page 27: User Interfaces and Interaction TechniquesFor more details, please refer to papers and videos on our project pages Acknowledgement: thank my students for their nice conference presentation

27

Difficult to resolve ambiguities

Page 28: User Interfaces and Interaction TechniquesFor more details, please refer to papers and videos on our project pages Acknowledgement: thank my students for their nice conference presentation

Comparison with traditional tools

28

Page 29: User Interfaces and Interaction TechniquesFor more details, please refer to papers and videos on our project pages Acknowledgement: thank my students for their nice conference presentation

Comparison with traditional tools

29

Page 30: User Interfaces and Interaction TechniquesFor more details, please refer to papers and videos on our project pages Acknowledgement: thank my students for their nice conference presentation

For more details, please refer to papers and videos on our project pages

Acknowledgement: thank my students for their nice conference presentation video clips.

30