In this video we take a rather deep dive into how the Preview panel lets you find issues before testing but also to discover the pain points when used for user testing.
- [Instructor] Now that you have the interactivity in place, it would be a good time to test the project to see if everything is working. And where you test is right here, this little play button that you see up here, it's called Desktop Preview. If you click it, you'll notice that, when I roll over the sign-in button, I get the interactivity and I click, and there's that slide. And if I click on that it slides back. And I've got a repeat grid here, so if I scroll, you can see that I've got my cards that were created earlier.
Now this preview window is a little bit more than you may think. At first glance you think well, that's interesting, well, one of the things you can do, is you can take it out to full screen. That's first off. So if I just pull this window over and take it out to full screen, I can test it again, without being disturbed by the content in the back. I can make any changes I need to the prototype, open up the test, and the changes will be reflected in it.
Now there's one thing that you may have noticed, right here, this little record button. This is pretty neat. Now what you can do with this, is you can actually record how a user goes through your application. So if I click this little recording button here, you can see that I've got a little disc here that shows me the most movements. So I'm going to come to sign-in, I'm going to click, you see how it changes? And then I'm going to click here, then I got to click here, and I'm going to scroll, and come back, and you'll notice that it's recording everything I do.
Okay, I'm going to stop the recording, and watch what happens here. It's going to ask me where do you want the recording to go? So I'm just going to save it to the Chapter 2 download folder on my desktop, and it's an .mov file, so that means it's QuickTime. And the beauty of this whole thing is, is if you go to this view, you can actually record a user test. The other thing you can do is take that recording, and send it to all your stakeholders, so that they have an idea of how the application works.
And if you have user testing, your whole team can take a look at it, and figure out where some of the pain points where, identify them, and make the fixes. So this is a very valuable little feature here. And it's not just one of those areas where you think, okay, fine, I'll just click through, and you know, see how the thing works. Uh-uh. It is an integral part of this application, and it makes your life so much easier.
- Navigating the XD interface
- Using artboards and grids
- Adding content to layers
- Using the Repeat Grid feature
- Adding interactivity to a project
- Exporting content
- Sharing your work
Skill Level Beginner
Q: This course was updated on 11/29/2017. What changed?
A: New videos were added that cover the XD Assets panel, Experience Design symbols, Creative Cloud Libraries, and pinning comments.