Drag in multiple directions
Would love to drag an object both directions. Perhaps if we could add hot spots to the left and right of a container, then you can either drag it left or right.
Example: in g-mail, drag the message right to delete, left to archive. Would like to render this behavior.
Thought two, add these touch points or hot spots to and image so I can drag left or right from the image itself to go forwards or backwards.
Caitlyn Burke
shared this idea
2 comments
-
Brent Bisaillion
commented
Currently you can only set a single drag occurrence to an object. I would like to suggest being able to drag a single object in multiple directions, example up + down + left + right, and allow for tap.
XD is such a flexible prototyping tool that goes beyond designing for web, mobile, or watches. Something like this would be helpful for designing interactions on a wider set of object with different controls.
Thanks
-
R.Romero
commented
Description:
In prototype mode, I have a 5-card carousel that I need to be able to drag left and right (with exception of card 1 and 5 since those are the ends). I'm seeing two issues: 1) it seems as though I can only have one card/object with only one drag interaction. When I try to add another interaction, the drag option is unavailable. 2) The videos and examples of galleries or carousels that I've seen have only two artboards that simply go back and forth. I have 5 artboards with cards where if I am on card 2, I'd like to move either forward to card 3 or go back to card 2. Similarly if I'm on card 3, I'd like to drag back to card 2 or drag and move forward to card 4. Same with card 4. If I were to wish for a feature, it would be to use the same interaction (i.e. drag) more than once on a single object. I think this would allow me to cycle through the cards as I need.Why is this valuable to you?
It is a real scenario for a user to stop in the middle of carousel to move left or right. The current settings allows for a bad user experience having to cycle through all the cards in order to get to the card that user wants to stop, especially if it’s in the middle of the carousel.Image included.