Your SlideShare is downloading. ×
Boomerang
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Saving this for later?

Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime - even offline.

Text the download link to your phone

Standard text messaging rates apply

Boomerang

2,147
views

Published on

Boomerang: Suspendable Drag-and-Drop Interactions Based on a Throw-and-Catch Metaphor (presented at UIST 2007)

Boomerang: Suspendable Drag-and-Drop Interactions Based on a Throw-and-Catch Metaphor (presented at UIST 2007)

Published in: Technology

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
2,147
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
19
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide
  • Transcript

    • 1. Boomerang: Suspendable Drag-and-Drop Interactions Based on a Throw-and-Catch Metaphor Masatomo Kobayashi Takeo Igarashi (The University of Tokyo)
    • 2. Outline Background & Motivation Our Approach Early Feedback Conclusion & Future Work
    • 3. Background Drag & drop is versatile and easy to use. Move Copy Create a shortcut Open (Application specific operations)
    • 4. Problems while dragging Demo
    • 5.
      • 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.
    • 6. Problems while dragging  Difficult or impossible while dragging. Switching the active window Scrolling a window Opening a deep folder Switching the active view
    • 7. Previous work Window-switching Window-scrolling Hovering-based interactions are less efficient than clicking-based ones. hovering hovering
    • 8. Previous work Using heuristics/prediction Window-switching 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]
    • 9. How can we make it possible to perform various operations before dropping, without designing and learning alternative interactions for each operation?
    • 10. Outline Background & Motivation Our Approach Early Feedback Conclusion & Future Work
    • 11. Suspending a dragging operation Catch Throw Suspend dragging Resume dragging Any operation
    • 12. Suspending a dragging operation Demo
    • 13. Demo summary
      • Throw: suspend a dragging operation
      • Catch: resume the suspended operation
      • Spinning animation
      • Animating, translucent marks
      • Suspending multiple dragging operations
      • Grouping
      • Copying, deleting
    • 14. Differences between boomerang 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 .
    • 15. Differences between boomerang 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 .
    • 16. Differences between boomerang and flicking
      • Our main idea is to introduce a suspension interaction of dragging.
        • Other gestures will also be possible.
      Boomerang is an extension of drag-and-drop .
    • 17. How to throw an item & catch it Release the mouse button while dragging Throw Catch Spinning Mark Move the cursor near the mark and press the mouse button
    • 18. How to throw an item & catch it Release v > v 1 v < v 2 S 1 S 0 Tracking Dragging S 2 S 3 Tracking Dragging Release Press Drop Throw Press Catch
    • 19. How to manage a group Make a group Drop item(s) onto thrown item(s) Drag the group Drag the center of the group Separate an item Drag the item directly
    • 20. How to copy/delete item(s) Copy Throw item(s) upward Delete Throw item(s) downward
    • 21. How to copy/delete item(s) Copy Delete (Nothing) (Nothing) (Nothing) (Nothing) (Nothing) (Nothing)
    • 22. Outline Background & Motivation Our Approach Early Feedback Conclusion & Future Work
    • 23. Informal study
      • Asked four users to try the boomerang for 10-15 min.
      • Provided a set of files and folders.
    • 24. 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
    • 25. Early Feedback Boomerang will be useful. The throw-and-catch interaction is exiting…! Grouping is easy to use.   
    • 26. Early Feedback The throwing gesture is difficult for novices, isn’t it? 
    • 27. Early Feedback The copying/deleting feature likely interferes normal throwing gestures…!  I just wanted to throw, but the item was copied.
    • 28. Early Feedback A mark makes it impossible to interact with the item under the mark.  I cannot click this folder.
    • 29. Outline Background & Motivation Our Approach Early Feedback Conclusion & Future Work
    • 30. Conclusion The throw-and-catch interaction makes dragging operations suspendable. Catch Throw Any operation Boomerang supports grouping, copying, & deleting. Grouping Copying Deleting
    • 31. Conclusion Temporary Glass Pane Gesture
    • 32. Conclusion A simple gesture can enhance a common WIMP interface, preserving existing functionalities.
    • 33. Limitations
      • The throwing gesture will be difficult for novices and elders.
        • Another gesture (or button, shortcut key) might be preferable.
    • 34. Limitations
      • The flying-away animation might afford different results.
        • e.g., Passing the item to another person.
    • 35. Limitations
      • Failed gestures might cause serious errors.
        • e.g., If the user failed to throw an item, the item will be dropped unexpectedly.
    • 36. Future Work Perform experiments to assess the advantages and disadvantages of the boomerang technique. Window-switching Window-scrolling ? Can it improve the performance? ? How does the user fail to throw and catch?
    • 37. Thank you.