boomerang
DESCRIPTION
Boomerang: Suspendable Drag-and-Drop Interactions Based on a Throw-and-Catch Metaphor (presented at UIST 2007)TRANSCRIPT
![Page 1: Boomerang](https://reader033.vdocuments.site/reader033/viewer/2022051610/548797f4b4af9f5f388b5e0f/html5/thumbnails/1.jpg)
Boomerang: SuspendableDrag-and-Drop Interactions Basedon a Throw-and-Catch Metaphor
Masatomo Kobayashi
Takeo Igarashi
(The University of Tokyo)
![Page 2: Boomerang](https://reader033.vdocuments.site/reader033/viewer/2022051610/548797f4b4af9f5f388b5e0f/html5/thumbnails/2.jpg)
Outline
Background & Motivation
Our Approach
Early Feedback
Conclusion & Future Work
![Page 3: Boomerang](https://reader033.vdocuments.site/reader033/viewer/2022051610/548797f4b4af9f5f388b5e0f/html5/thumbnails/3.jpg)
Background
Drag & drop is versatile and easy to use.
Move
Copy
Create a shortcut
Open
(Application specific operations)
![Page 4: Boomerang](https://reader033.vdocuments.site/reader033/viewer/2022051610/548797f4b4af9f5f388b5e0f/html5/thumbnails/4.jpg)
Problems while dragging
Demo
![Page 5: Boomerang](https://reader033.vdocuments.site/reader033/viewer/2022051610/548797f4b4af9f5f388b5e0f/html5/thumbnails/5.jpg)
The drop target is often invisible:
hidden outside the scrolling rectangle
hidden by overlapping windows
hidden in a deep folder
hidden in another tab, page, slide, …
Problems while dragging
Window-scrolling, switching, etc. are difficult or impossible while dragging.
![Page 6: Boomerang](https://reader033.vdocuments.site/reader033/viewer/2022051610/548797f4b4af9f5f388b5e0f/html5/thumbnails/6.jpg)
Previous work
Window-switchingWindow-scrolling
hovering hovering
Hovering-based interactions are less efficient than clicking-based ones.
![Page 7: Boomerang](https://reader033.vdocuments.site/reader033/viewer/2022051610/548797f4b4af9f5f388b5e0f/html5/thumbnails/7.jpg)
Using heuristics/predictionWindow-switching
Previous work
Fold & Drop[Dragicevic 2004]
Drag & Guess[Nishida & Igarashi 2007]
Drag & Pop[Baudisch et al. 2003]
Many other operations are still difficult or impossible.
Rock & Roll[Chapuis & Roussel 2007]
![Page 8: Boomerang](https://reader033.vdocuments.site/reader033/viewer/2022051610/548797f4b4af9f5f388b5e0f/html5/thumbnails/8.jpg)
Outline
Background & Motivation
Our Approach
Early Feedback
Conclusion & Future Work
![Page 9: Boomerang](https://reader033.vdocuments.site/reader033/viewer/2022051610/548797f4b4af9f5f388b5e0f/html5/thumbnails/9.jpg)
Suspending a dragging operation
CatchThrow
Suspend dragging
Resume dragging
Any operation
![Page 10: Boomerang](https://reader033.vdocuments.site/reader033/viewer/2022051610/548797f4b4af9f5f388b5e0f/html5/thumbnails/10.jpg)
Suspending a dragging operation
Demo
![Page 11: Boomerang](https://reader033.vdocuments.site/reader033/viewer/2022051610/548797f4b4af9f5f388b5e0f/html5/thumbnails/11.jpg)
Demo summary
Throw: suspend a dragging operationCatch: resume the suspended operationSpinning animationAnimating, translucent marksSuspending multiple dragging operationsGroupingCopying, deleting
![Page 12: Boomerang](https://reader033.vdocuments.site/reader033/viewer/2022051610/548797f4b4af9f5f388b5e0f/html5/thumbnails/12.jpg)
Differences betweenboomerang and cut-and-paste
More versatile than cut-and-paste.Opening a file with a specific application.Application-specific operations.
‣embedding an object, opening a URL, …
Provides visual feedbacks while dragging.
Works without menus/shortcut keys.
Boomerang is an extension of drag-and-drop.
![Page 13: Boomerang](https://reader033.vdocuments.site/reader033/viewer/2022051610/548797f4b4af9f5f388b5e0f/html5/thumbnails/13.jpg)
Differences betweenboomerang and cut-and-paste
The user can also use it just like traditional drag-and-drop techniques.As long as the target is not hidden.
Boomerang is an extension of drag-and-drop.
![Page 14: Boomerang](https://reader033.vdocuments.site/reader033/viewer/2022051610/548797f4b4af9f5f388b5e0f/html5/thumbnails/14.jpg)
Outline
Background & Motivation
Our Approach
Early Feedback
Conclusion & Future Work
![Page 15: Boomerang](https://reader033.vdocuments.site/reader033/viewer/2022051610/548797f4b4af9f5f388b5e0f/html5/thumbnails/15.jpg)
Informal study
Asked four users to try the boomerang for 10-15 min.
Provided a set of files and folders.
![Page 16: Boomerang](https://reader033.vdocuments.site/reader033/viewer/2022051610/548797f4b4af9f5f388b5e0f/html5/thumbnails/16.jpg)
Early Feedback
Will be useful
Feature Feedback
Throw-and-catch
Grouping
Copying, deleting
Exciting
Maybe difficult for novices
Will be useful
Easy to use
Difficult to use
Likely causes errors
![Page 17: Boomerang](https://reader033.vdocuments.site/reader033/viewer/2022051610/548797f4b4af9f5f388b5e0f/html5/thumbnails/17.jpg)
Outline
Background & Motivation
Our Approach
Early Feedback
Conclusion & Future Work
![Page 18: Boomerang](https://reader033.vdocuments.site/reader033/viewer/2022051610/548797f4b4af9f5f388b5e0f/html5/thumbnails/18.jpg)
ConclusionThe throw-and-catch interaction makes dragging operations suspendable.
CatchThrow
Any operation
Boomerang supports grouping, copying, & deleting.
Grouping Copying Deleting
![Page 19: Boomerang](https://reader033.vdocuments.site/reader033/viewer/2022051610/548797f4b4af9f5f388b5e0f/html5/thumbnails/19.jpg)
Conclusion
Temporary Glass Pane
Gesture
![Page 20: Boomerang](https://reader033.vdocuments.site/reader033/viewer/2022051610/548797f4b4af9f5f388b5e0f/html5/thumbnails/20.jpg)
Conclusion
A simple gesture can enhance a common WIMP interface, preserving existing functionalities.
![Page 21: Boomerang](https://reader033.vdocuments.site/reader033/viewer/2022051610/548797f4b4af9f5f388b5e0f/html5/thumbnails/21.jpg)
Limitations
The throwing gesture will be difficult for novices and elders.Another gesture (or button, shortcut key)
might be preferable.
![Page 22: Boomerang](https://reader033.vdocuments.site/reader033/viewer/2022051610/548797f4b4af9f5f388b5e0f/html5/thumbnails/22.jpg)
Limitations
Failed gestures might cause serious errors.e.g., If the user failed to throw an item, the
item will be dropped unexpectedly.
![Page 23: Boomerang](https://reader033.vdocuments.site/reader033/viewer/2022051610/548797f4b4af9f5f388b5e0f/html5/thumbnails/23.jpg)
Future WorkPerform experiments to assess the advantages and disadvantages of the boomerang technique.
Window-switchingWindow-scrolling
?? Can it improve the performance?
?? How does the user fail to throw and catch?
![Page 24: Boomerang](https://reader033.vdocuments.site/reader033/viewer/2022051610/548797f4b4af9f5f388b5e0f/html5/thumbnails/24.jpg)
Thank you.