drag-and-pop

up
patrick baudisch
  projects
      drag-and-pop
photos techfest '03
 
visitor counter
screenshot showing icons stretching towards a dragged icon Each valid target icon in the direction of the drag motion creates a linked tip icon that approaches the dragged object

Get the Flash Player to see this player.
download this video MPG (52.0M)  (or the video describing our first prototype AVI (50.0M))

 

Try out the Online Flash Demo

Drag-and-pop and drag-and-pick are interaction techniques designed for users of pen- and touch-operated display systems. They provide users with access to screen content that would otherwise be impossible or hard to reach, e.g., because it is located behind a bezel or far away from the user. Drag-and-pop is an extension of traditional drag-and-drop. As the user starts dragging an icon towards some target icon, drag-and-pop responds by temporarily moving potential target icons towards the user’s current cursor location, thereby allowing the user to interact with these icons using comparably small hand movements. Drag-and-Pick extends the drag-and-pop interaction style such that it allows activating icons, e.g., to open folders or launch applications. We conducted a user study comparing drag-and-pop with traditional drag-and-drop on a 15’ (4.50m) wide interactive display wall. Participants where able to file icons up to 3.7 times faster when using the drag-and-pop interface.

Baudisch, P., Cutrell, E., Robbins, D., Czerwinski, M., Tandler, P. Bederson, B., and Zierlinger, A.
Drag-and-Pop and Drag-and-Pick: Techniques for Accessing Remote Screen Content on Touch- and Pen-operated Systems.
In Proceedings of Interact 2003, Zurich Switzerland, August 2003, pp. 57-64.
PDF (0.4M) | PPT (5.4M) | MPG (50M) | citations


Push-and-pop is a follow-up technique that combines the strengths of drag-and-pop with the push-and-throw technique, which allows it to create a more stable layout of target icons. Download the demo from Maxime Collomb's page.
Collomb, M., Hascoet, M., Baudisch, P., and Lee, B.
Improving drag-and-drop on wall-size displays.
In Proceedings of GI 2005, Victoria, BC, May 2005, pp 25-32.
PDF (0.7M) | AVI (18M) | PPT (3.0M zip) | PPT and videos (4.3M zip)
 

Phosphor is a generalization of the theory behind the drag-and-pop rubber bands

Baudisch, P., Tan, D., Collomb, M., Robbins, D., Hinckley, K., Agrawala, M., Zhao, S., and Ramos, G.
Phosphor: Explaining Transitions in the User Interface Using Afterglow Effects.
In Proceedings of UIST 2006, Montreux, Switzerland, Oct 15-18, 2006, pp. 169-174.
PDF (2.8M) | PPT (10.5M) AVI/DIVX (1.0M)

  30min
presentation
 AVI/DIVX
 (197M)

More publications