user interfaces and interaction techniquesfor more details, please refer to papers and videos on our...
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](https://reader035.vdocuments.us/reader035/viewer/2022070822/5f24974f4699a102e848db47/html5/thumbnails/1.jpg)
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](https://reader035.vdocuments.us/reader035/viewer/2022070822/5f24974f4699a102e848db47/html5/thumbnails/2.jpg)
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](https://reader035.vdocuments.us/reader035/viewer/2022070822/5f24974f4699a102e848db47/html5/thumbnails/3.jpg)
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](https://reader035.vdocuments.us/reader035/viewer/2022070822/5f24974f4699a102e848db47/html5/thumbnails/4.jpg)
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](https://reader035.vdocuments.us/reader035/viewer/2022070822/5f24974f4699a102e848db47/html5/thumbnails/5.jpg)
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](https://reader035.vdocuments.us/reader035/viewer/2022070822/5f24974f4699a102e848db47/html5/thumbnails/6.jpg)
![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](https://reader035.vdocuments.us/reader035/viewer/2022070822/5f24974f4699a102e848db47/html5/thumbnails/7.jpg)
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](https://reader035.vdocuments.us/reader035/viewer/2022070822/5f24974f4699a102e848db47/html5/thumbnails/8.jpg)
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](https://reader035.vdocuments.us/reader035/viewer/2022070822/5f24974f4699a102e848db47/html5/thumbnails/9.jpg)
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](https://reader035.vdocuments.us/reader035/viewer/2022070822/5f24974f4699a102e848db47/html5/thumbnails/10.jpg)
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](https://reader035.vdocuments.us/reader035/viewer/2022070822/5f24974f4699a102e848db47/html5/thumbnails/11.jpg)
![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](https://reader035.vdocuments.us/reader035/viewer/2022070822/5f24974f4699a102e848db47/html5/thumbnails/12.jpg)
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](https://reader035.vdocuments.us/reader035/viewer/2022070822/5f24974f4699a102e848db47/html5/thumbnails/13.jpg)
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](https://reader035.vdocuments.us/reader035/viewer/2022070822/5f24974f4699a102e848db47/html5/thumbnails/14.jpg)
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](https://reader035.vdocuments.us/reader035/viewer/2022070822/5f24974f4699a102e848db47/html5/thumbnails/15.jpg)
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](https://reader035.vdocuments.us/reader035/viewer/2022070822/5f24974f4699a102e848db47/html5/thumbnails/16.jpg)
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](https://reader035.vdocuments.us/reader035/viewer/2022070822/5f24974f4699a102e848db47/html5/thumbnails/17.jpg)
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](https://reader035.vdocuments.us/reader035/viewer/2022070822/5f24974f4699a102e848db47/html5/thumbnails/18.jpg)
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](https://reader035.vdocuments.us/reader035/viewer/2022070822/5f24974f4699a102e848db47/html5/thumbnails/19.jpg)
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](https://reader035.vdocuments.us/reader035/viewer/2022070822/5f24974f4699a102e848db47/html5/thumbnails/20.jpg)
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](https://reader035.vdocuments.us/reader035/viewer/2022070822/5f24974f4699a102e848db47/html5/thumbnails/21.jpg)
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](https://reader035.vdocuments.us/reader035/viewer/2022070822/5f24974f4699a102e848db47/html5/thumbnails/22.jpg)
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](https://reader035.vdocuments.us/reader035/viewer/2022070822/5f24974f4699a102e848db47/html5/thumbnails/23.jpg)
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](https://reader035.vdocuments.us/reader035/viewer/2022070822/5f24974f4699a102e848db47/html5/thumbnails/24.jpg)
![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](https://reader035.vdocuments.us/reader035/viewer/2022070822/5f24974f4699a102e848db47/html5/thumbnails/25.jpg)
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](https://reader035.vdocuments.us/reader035/viewer/2022070822/5f24974f4699a102e848db47/html5/thumbnails/26.jpg)
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](https://reader035.vdocuments.us/reader035/viewer/2022070822/5f24974f4699a102e848db47/html5/thumbnails/27.jpg)
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](https://reader035.vdocuments.us/reader035/viewer/2022070822/5f24974f4699a102e848db47/html5/thumbnails/28.jpg)
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](https://reader035.vdocuments.us/reader035/viewer/2022070822/5f24974f4699a102e848db47/html5/thumbnails/29.jpg)
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](https://reader035.vdocuments.us/reader035/viewer/2022070822/5f24974f4699a102e848db47/html5/thumbnails/30.jpg)
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