Drag and drop interaction paradigm with image swap

A computing device, comprising:

• storage for computer program instructions,
• a display device, and
• a computer processor configured to execute the computer instructions to:
• receive a touch-and-hold operation directed to the data object;
• determine whether a time period since beginning of the touch-and-hold operation reaches a predetermined threshold value,
• when the time period reaches the predetermined threshold value, create an image of the data object and hover the image of the data object on top of the data object to indicate it is draggable;
• and
• responsive to the image of the data object being dragged into a droppable display area on the user interface, swap the image of the data object with a user guidance indicating what the image of the data object will look like if released in the droppable display area.

A non-transitory computer readable storage medium having stored thereon computer instructions that, when executed by a computing device, cause the computing device to:

• receive a touch-and-hold operation directed to the data object;
• determine whether a time period since beginning of the touch-and-hold operation reaches a predetermined threshold value,
• when the time period reaches the predetermined threshold value, create an image of the data object and hover the image of the data object on top of the data object to indicate it is draggable;
• and
• responsive to the image of the data object being dragged into a droppable display area on the user interface, swap the image of the data object with a user guidance indicating what the image of the data object will look like if released in the droppable display area.

A method of manipulating a data object displayed on a user interface of a computing device, comprising:

• receiving a touch-and-hold operation directed to the data object, wherein the computing device is a touch-screen device and the touch-and hold operation including touching and holding the data object on the touch-screen device by a user's operation;
• determining whether a time period since beginning of the touch-and-hold operation reaches a predetermined threshold value;
• when the time period reaches the predetermined threshold value, creating an image of the data object and hovering the image of the data object on top of the data object to indicate it is draggable;
• responsive to the image of the data object being dragged into a droppable display area on the user interface, swapping the image of the data object with a user guidance indicating what the image of the data object will look like if released in the droppable display area;
• and
• displaying a full view of the data object after the image of the data object is dropped in the droppable display area.