I have a selection object (with the text
SELECTED on it) that floats around on a background. The selection object is draggable and is used to drag it onto a furniture to make a selection. The user is supposed to be able to drag the object to, for example, the sofa to select it. In the mockup picture, the round table is selected.
So far I have:
- Added a shadow behind to make it float above the background
- Added 6 dots to the left and right to make it look graspable
- Changed cursor to a hand when hovering the selection object
The obvious way of just clicking on the sofa to select it is not an option in this case, since clicking on objects has another function!
The main problem is that it's a floating object on top of real world objects so my thought was to make the selection object look like it's floating (like a balloon) by using an animation to make it feel moveable. This can cause irritation if the object is constantly moving around though.
How can I increase the awareness of the selection object being draggable, e.g. it's floating and it's not stuck in the background.