Boomerang
Upcoming SlideShare
Loading in...5
×
 

Boomerang

on

  • 3,492 views

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)

Statistics

Views

Total Views
3,492
Views on SlideShare
3,491
Embed Views
1

Actions

Likes
0
Downloads
16
Comments
0

1 Embed 1

http://www.slideshare.net 1

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

CC Attribution License

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Boomerang Boomerang Presentation Transcript

  • Boomerang: Suspendable Drag-and-Drop Interactions Based on a Throw-and-Catch Metaphor Masatomo Kobayashi Takeo Igarashi (The University of Tokyo)
  • Outline Background & Motivation Our Approach Early Feedback Conclusion & Future Work
  • Background Drag & drop is versatile and easy to use. Move Copy Create a shortcut Open (Application specific operations)
  • Problems while dragging Demo
    • 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.
  • Problems while dragging  Difficult or impossible while dragging. Switching the active window Scrolling a window Opening a deep folder Switching the active view
  • Previous work Window-switching Window-scrolling Hovering-based interactions are less efficient than clicking-based ones. hovering hovering
  • 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]
  • How can we make it possible to perform various operations before dropping, without designing and learning alternative interactions for each operation?
  • Outline Background & Motivation Our Approach Early Feedback Conclusion & Future Work
  • Suspending a dragging operation Catch Throw Suspend dragging Resume dragging Any operation
  • Suspending a dragging operation Demo
  • Demo summary
    • Throw: suspend a dragging operation
    • Catch: resume the suspended operation
    • Spinning animation
    • Animating, translucent marks
    • Suspending multiple dragging operations
    • Grouping
    • Copying, deleting
  • 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 .
  • 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 .
  • 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 .
  • 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
  • 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
  • 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
  • How to copy/delete item(s) Copy Throw item(s) upward Delete Throw item(s) downward
  • How to copy/delete item(s) Copy Delete (Nothing) (Nothing) (Nothing) (Nothing) (Nothing) (Nothing)
  • Outline Background & Motivation Our Approach Early Feedback Conclusion & Future Work
  • Informal study
    • Asked four users to try the boomerang for 10-15 min.
    • Provided a set of files and folders.
  • 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
  • Early Feedback Boomerang will be useful. The throw-and-catch interaction is exiting…! Grouping is easy to use.   
  • Early Feedback The throwing gesture is difficult for novices, isn’t it? 
  • Early Feedback The copying/deleting feature likely interferes normal throwing gestures…!  I just wanted to throw, but the item was copied.
  • Early Feedback A mark makes it impossible to interact with the item under the mark.  I cannot click this folder.
  • Outline Background & Motivation Our Approach Early Feedback Conclusion & Future Work
  • Conclusion The throw-and-catch interaction makes dragging operations suspendable. Catch Throw Any operation Boomerang supports grouping, copying, & deleting. Grouping Copying Deleting
  • Conclusion Temporary Glass Pane Gesture
  • Conclusion A simple gesture can enhance a common WIMP interface, preserving existing functionalities.
  • Limitations
    • The throwing gesture will be difficult for novices and elders.
      • Another gesture (or button, shortcut key) might be preferable.
  • Limitations
    • The flying-away animation might afford different results.
      • e.g., Passing the item to another person.
  • Limitations
    • Failed gestures might cause serious errors.
      • e.g., If the user failed to throw an item, the item will be dropped unexpectedly.
  • 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?
  • Thank you.