People click the selected item on the first artboard, it will take them to this one. 5. In the Interaction menu on the right side of the screen, select Play as your Trigger, set Transition as your Action, and verify that the Target is the correct artboard. 6. You can continue to repeat this process on more items leading to different artboards. Adobe XD will remember your interaction settings, so you won't have to manually adjust them each time. This will be especially useful when you have to create many interactions on the same page; for example, in an electronic commerce with several products. You can select a content block or a single image and then drag the wire to the corresponding product's artboard.
This process can be repeated for the rest of the content blocks. Adobe XD Tutorial: Basic Interactions with Prototypes 9 7. Another interaction that is important to include is a back button. To do that, you have to switch to Design mode in the top menu bar. You can then add a back button or symbol to your artboard. 8. Go back to Prototype jewelry retouching service mode and click on your new button. A small blue arrow will appear on its edge, which you can use to drag a wire to the artboard you want the button to return to. Another solution would be to click on the arrow, go to the Interaction menu and under Action select Previous Artboard. Adobe XD Tutorial: Basic Interactions with Prototypes 11 9.
To remove an interaction, simply select it and use the backspace key on your keyboard. 10. If you want to create a time-based interaction, where users don't have to perform an action to move to a different page, select the entire artboard and click on the Interaction menu. Next, select Time as the Trigger and choose the desired delay. Adobe XD Tutorial: Basic Interactions with Prototypes 13 11. Go to the preview in the upper right corner of the screen to test your interactions and see if your prototype works as you want; then make adjustments as necessary. If you want to learn more about how to use Adobe XD to design and prototype UX designs, join Ethan Parry's online course, Introduction to Adobe XD . It may interest you: -
Elevate your cloud computing skills with AWS Cloud Training in PuneĀ at WebAsha Technologies. Learn from certified experts, gain hands-on experience, and prepare for globally recognized AWS certifications to boost your career.