Join Tom Green for an in-depth discussion in this video Using project previews, part of Adobe XD First Look.
- [Voiceover] With the intense focus on UX/UI design and development for everything from apps to sites, the testing phase of each iteration or milestone in the process has become critical. From a workflow point of view, rapid prototyping, agile atomic and other methodologies have also become extremely important, and require designers and developers to be both nimble and open to costs and change in the duration. The testing features of XD accommodate these requirements. I've got the preview open here, and it's opened just by clicking the Preview button here.
This project preview aspect of XD allows all stakeholders to test the project, and depending on your corporate policy, projects can be subject to a full range of UX testing. So if I want to explore this project, I'm just gonna make this bigger now because this window floats, I can basically test out the navigation, come back to the beginning, and if changes are made, I can make changes to any of the art boards and they will be instantly reflected inside the preview.
The other thing you can do is, if you take your preview and click the Full Screen button, you notice you can expand it to full screen, and what this does is give you the opportunity to have testers focus on tasks rather than being distracted by the XD interface. To get back, you press the Escape key. The other thing that you can do, which I think is really a brilliant idea, is you can record the test. You can click this Record button, and from there what happens is as you move, you can see that you've got a mouse button, so if I click through it, I can follow the user's path through it, and when I finish recording, I am asked where I want to save it, and it is saved as a QuickTime movie.
This is a great way of sharing the projects functionality with your team, and even the client. On top of that, you can use it for user testing and task analysis.
- Choosing an artboard style
- Adding content
- Formatting text
- Using shapes and masks
- Creating a repeat grid
- Linking artboards and content
- Testing, sharing, and exporting Experience Design projects