By Dani Beaumont
In this last step, let's take a look at one additional trigger type and that's using voice commands to transition between artboards.
I'll start by zooming in here on these three artboards. So I'll select them and hit Command + 3 so I can see the detail a bit more. Once again I'm in Prototype mode and the first behaviour I want to implement is basically a tap gesture that takes the viewer to the second artboard. For that I can click this top nav area and confirm that I'm at the right place by looking here in the Layers panel. With that selected, I'm going to press and drag a wire to that second artboard and we'll leave this as a standard transition so a tap transition that takes you to that second artboard with a dissolve animation between it. From there I want to introduce the voice feature so I'll go ahead and click "Onboarding 03", this second artboard and I'm going to press and drag to the third artboard. Here in the Properties Inspector under Trigger what I want to select is Voice, so I want to use a voice trigger and I can then type in a command and I'll hit return.
I want the behaviour to be that it transitions to the "Monstera" artboard with a dissolve transition and a certain duration. So we'll leave the rest of those defaults. With that all set let's go take a look at this in the Desktop Preview app. I'm going to click "Browse Voice" and make sure I have that set as the initial artboard and then bring up that Desktop Preview app. Here on the first screen I'll click that top navigation area. Here in the second screen I can now use voice recognition to transition. In order to open up the microphone on a desktop computer you need to hold down the spacebar. For a touch-enabled device long pressing on the screen opens up that microphone, so I'll hold that spacebar " . . . Monstera" and I get that nice voice transition to that third artboard. Well that's it for this tutorial I hope you've enjoyed understanding some of the ways that you can interact with your prototypes.
I hope you'll join me for the next tutorial in this series.
There are several kinds of Adobe XD transitions that can be used in your prototypes, from simple disolves, to more complex animations, but did you know you can also use your voice to control a prototype? In this tutorial we'll explore how to use Adobe XD Voice commands as a trigger for transitioning between two artboards in a prototype. Voice Triggers and Speech Playback in Adobe XD help you to reach new mediums in prototyping and unlock new ways to create accessible designs and user flows, all within Adobe XD.
