Draggables

UX experiment - An alternative way for a user to pass data between web sites

Bookmarklet

Being a new concept, one no has yet added draggables to their web site, so I have created a bookmarlet to show the possibilities of exchanging data. The bookmarklet wraps up all the functionality of draggables and injects it into a page.

Try it now, add this link to your bookmarks » Add Draggables

Add the bookmarklet to your browser. Navigate to a page containing microformats, click the bookmark and it will inject a panel at the top of the page with a drag item. A good example to try is a linked-in profile. This can be dragged into either Resumes, Events or the Friends drop pages.

How to install the draggables bookmarklet

Internet Explorer

  1. First make sure the Favorites Bar is visible. Click on any part of the menu bar and check "Favorites Bar".
  2. Using your mouse, right click on the "Add Draggables" link and select "Add to Favorites". You may be presented with a security alert. This is because the Draggables bookmarklet contains JavaScript, click "Yes".
  3. Select Favorites Bar folder in drop-down box and click the "Add" button.

Firefox

  1. First make sure the Bookmarks Toolbar is visible. Right click on any part of the menu bar and check "Bookmarks Toolbar"
  2. Drag the "Add Draggables" link onto the Bookmarks Toolbar.

Chrome

  1. First make sure the Bookmarks Toolbar is visible. Click the spanner button at the far right of the menu bar. Then in the tools menu check "Always show bookmark bar"
  2. Drag the "Add Draggables" link onto the Bookmarks Toolbar.

Safari

  1. First make sure the Bookmarks Toolbar is visible. Click the gear button at the far right of the menu bar. Then check "Show Bookmarks Bar"
  2. Drag the "Add Draggables" link onto the Bookmarks Toolbar.

Sorry but the bookmarklet does not work with Opera.