Multiple Interactions on a Single Element
Allow for multiple interactions on a single elements. Aka, be able to drag multiple wires from a single object.
Use case 1: When designing a carousel, a user should be able to swipe on an object left or right and navigate to the next or previous slide.
Use case 2: When designing an app with similar interactions to Bumble or Tinder, the test subject should be allowed multiple interactions on the same object. Swipe up, down, left, or right.
We introduced the ability to add multiple interactions on a single element in the most recent version of XD. You can select an object and select the + button on the wire or in the prototype mode property inspector to add an interaction!
The second use case is not addressed. As mentioned below:
> clicking a check box both switches that box to "checked" and shows an overlay with "select all" and other controls at the top of the screen.
We want more of the same interactions on one element. So two tabs or four swipes for different directions.
Would be great if we can have more than one of the same type of interaction on a component. For example on a button we have a default state, a hover state and a pressed state that I would like to show briefly before taking the user to the next page. It would be great if I could do this by having two actions happen on a "tap".
Or in the example in the original post, more than one drag action per component. 4 "drag" interactions (up, down, left, right) on one component.
Souheil Mechlawi commented
That will not solve for the mentioned use cases since only one interaction type is allowed per object. Cannot assign two swipes to an object.
Also, being able to have multiple things happen with one click (changing states for multiple objects when clicking on an object). For example: clicking a check box both switches that box to "checked" and shows an overlay with "select all" and other controls at the top of the screen.
Fixed :-) with v24
Lana Jones commented
I also need to associate a specific artboard with multiple keyboard triggers. For instance, by being able to press the left and right directional arrows to navigate forward or backward. Thanks!
Needed! Then it would be possible to have an additional key event on the same element. And more than ONE keyevent on the whole artboard.
I want to associate a specific artboard with multiple keyboard triggers. let's say I have artboard A; I want to link it with artboard B by clicking Tab and artboard C by clicking Enter instead of duplicating the artboards to achieve such a goal.
Thank you XD Team 😍
Shayan Naqvi commented
Guys if you want this to be then VOTE!
Shayan Naqvi commented
If an object could have multiple triggers, like a drag and tap at the same time, this would definitely help improve prototyping mode. It is, confined to one trigger, which means, say if i wanted one button to take me to the, say, landing page of a website if i tapped it, but if i dragged it, it would show me all of the webpages of that website
Currently it is only possible to have one interaction per element. However there are some interactions that can coexist, like for example click, hover and drag. It would be nice if I were able add a mix of such interactions for an element.
Michiel Neelen commented
Currently we have a few options to trigger something in prototype mode. But I need to be able to combine these triggers to simulate real world usage.
Also currently you can have only 1 trigger per element, with leaves me to pick random elements to set up the triggers for multiple keypresses. It would be helpful if I can set up unlimited triggers on the artboard itself. So that I can map each controller button without needing a new element for each button.
An example of what I want to do,
A key combination (for example R1 + circle button) on a gamepad(or keyboard) is triggering the voice trigger that will trigger an audio playback (confirming the user action) which then triggers a transition to a certain art board.
This without setting up multiple identical art boards to create this flow.
Ian Armstrong commented
At the moment I can only assign one action to an object in prototyping mode. In the case of something like a cover flow I need a tap to zoom, but also left and right swipes to change the focus state.
As things stand, I have to make a choice between which interaction is most important. That makes XD prototypes too liner for actual user testing in this context.
I've attached a silly screen shot to illustrate how this might look on-screen.
David Nevers commented
This would be very helpful!
Joseph Gray commented
I am trying to implement a swipe card that would bring you to a different screen depending on which direction you swipe (think Tinder). Unfortunately the drag transition only allows for one direction.
If there was an option to link each swipe direction to a different screen, each with it's own independent auto-animation, I would be very happy. Please make me very happy.
An other use case : When designing a form, when a user is clicking on "save" btn, I would like to go back to the previous artboard (current interaction with transition or auto-animate) AND shown a alert bar in overlay to notify that the action is complete.