I'm currently working on a pure drag and drop part of my applications UI.

There are certain tools the user can drop the items into, to do certain things (Remove, rename, move)

Are there any good 'standard' ways of visualizing that a field is droppable?

  • I was unsure if this should be in ux.SE, but I guess it fits better in GD – Bluewater May 20 '14 at 9:15
  • I'd say it's the same as a hover effect. Once you start dragging highlight the target areas. Or, since drag and drop is a bit less common, maybe even animate it with something like dotted borders. – Jonathan May 20 '14 at 9:48
  • "droppable" isn't really anything specific. what you want to do is show that an item can be moved or picked up (unless you can find me a physical object that looks droppable). – KMSTR May 20 '14 at 11:22
  • @KMSTR I guess this children's toy is a good example on a physical object with the same anticipated behavior: i.imgur.com/bLBHGIU.png – Bluewater Jun 2 '14 at 12:22
  • You can also look at video games, when an item can be picked up in some games the character reaches out. You see that simplified with a hand cursor as well, just look at the hand tool (H) in Illustrator. – KMSTR Jun 2 '14 at 14:32

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Browse other questions tagged or ask your own question.