Skill Level Appropriate for all
- [Dani] The February release of Adobe XD came just 11 days after the January release, and it includes a few enhancements to existing features. In this week's session, I'll show you how you can record your computer microphone along with your screen using the Desktop Preview feature in the application. This is something you could do on Windows in the past but never on a Macintosh. So I'm here in Adobe XD, and I have a prototype that I've been working on that supports speech recognition and voice playback. I want to send it over to my client, Olive, and get her comments that I know that she's not interacted with the Alexa Echo Show before, so I need to give her a little bit of help.
Using the Desktop Preview app and recording my voice will allow me to talk her through the prototype, so she knows how to navigate it and give me that feedback. I've already added both the voice playback and speech recognition elements. I'm now ready to capture the workflow. To do that, I'm going to come here into the application and switch over to Prototype mode. I then want to define the beginning of the flow. To do that, I'll click on this first artboard, then click just to the left of it to define that homepage with the starting point.
Next, I'm going to come to the upper right-hand corner and click on the Desktop Preview icon. Now, if you're familiar with the Desktop Preview interface, it looks pretty much the same. The difference is on the upper right-hand corner we now have a little dropdown field here, and in that field, you can come in and enable the microphone if you would like to add your narration to your recording. I'm going to go ahead and leave that checked and click Off. As I'm recording, I can see that that recording is taking place because this icon is going to fade in and out, letting me know that I am actively doing the recording.
So let me go ahead and begin the recording. Hi, Olive, this is Dani. I've made the changes to the prototype that you and I discussed. I thought I'd give you a couple tips about how to navigate through it, so that you can give me the feedback. As I navigate through the site, whenever I want the prototype to recognize my voice, I'm going to hit the Spacebar and speak my command. I've given you the commands that you'll want to use to test the interface at the bottom of each of these screens.
So let's go ahead and begin. Alexa, open Matcha Goodness. - [Alexa] Welcome to Matcha Goodness. You can search for Matcha lattes, smoothies, or breakfast balls. Which would you like? - [Dani] So Olive, on this screen, we can come in and add the Match logo if you'd like just to give it a little bit more branding. Alexa, search for Matcha smoothies. And it'll bring up the variety of smoothies we have available. From there, you can basically say the smoothie that you'd like the interface to bring up.
Alexa, select vanilla smoothie. The next screen will bring up the details. You can then go back if you'd like, or just say next step to go to the next step in the sequence. Alexa, next step. And at any time, as I mentioned, you can quit the experience by saying, quite Matcha Goodness. Alexa, quite Matcha Goodness. So when I'm done recording that out, let's go ahead and hit the Stop button.
I'll come in and save that for her. And I'll share that file along with the links to the prototype. Well, that wraps up this week's review of the latest XD features. I hope to see you again soon.