Teo Tokis Co-founder at useberry

How to test your Adobe XD prototypes

3 min read

Adobe XD is one of the most used tools for UI/UX design and prototyping in the modern design world. As a part of the Adobe Creative Cloud, XD offers many options and an intuitive interface to help you create digital experiences.

source: unDraw

As for that, we are excited to announce that Useberry now supports Adobe XD prototypes! Our native integration into Adobe XD is accompanied by the 5 different test types and a series of other handy features, each one addressing a unique need and a UX design problem seeking a solution in the process of building digital products.

Test your Adobe XD prototypes on the spot

Useberry helps you test prototypes that you’ve created on Adobe XD, collect actionable user feedback, and swiftly optimize your UX ideas, uninterrupted! With Useberry, you can now integrate user testing into your design workflow by creating tests right on your artboard! 😉

Features?

The list is long. Our plugin supports various Adobe XD’s features, such as fixed elements, and time-based transitions between screens; anything you need to build beloved digital experiences. 🙃

So, if your Adobe XD prototype features the above elements, we’ve got you covered!  

Let’s start, shall we?

First things first! Before anything, make sure that you have successfully installed the new version of the Useberry plugin on your Adobe XD environment. Alternatively, go to your Workspace’s Library, click on “New prototype”, locate the Adobe XD section and click the “Get plugin” button.

Ready to go! 🚀

Directly through Adobe XD, you can now launch the user testing process as soon as possible through a brief and simplified flow.

  1. Create your design prototype in Adobe XD.
  2. Go to Plugins > useberry.
  3. Select test type and create your test on the spot.

Extra tip: As soon as you’re all set, you can also preview your test by visiting your dashboard at useberry to see how testers will actually view it, as well as double-check final details and user testing instructions before sharing it!

Upload a prototype to useberry

Select the layers you want to upload, add a prototype name, and set the device viewport.

Create a new test

You can create a test either from Useberry (since you’ve uploaded your prototype there) either right from the plugin.

Selecting the plugin option, you can choose between 5 types of tests (Single Task, Multiple Tasks, Open Analytics, First Click & 5 Second Test) and create it without leaving Adobe XD.

ex. How to create a Single Task test

  1. Create a new test & choose the Single Task.
  2. Set the task title & add some instructions.
  3. Select the screen where the task starts.
  4. Select the screen where the task is successfully completed.
  5. Congratulations! The test created successfully!

Sync prototype

With Useberry you have all of your collected feedback beautifully visualized on your dashboard. Because, after all, that’s what Useberry is; a tool that allows arguing your designs based on actual user feedback, by keeping at hand valuable insights such as heatmaps, video recordings, user flows, time bars and answers to your follow-up questions.

All blocks connected with this prototype will be synced with the new version. Tasks, instructions, completions, and results won’t be affected.

Select the layers you want to sync (for example a single layer).

Optionally:
1) you can upload again all the prototype flow by clicking the “Flow” button in your artboard
2) delete all previously uploaded screens.

Share test

Share your tests with your users, community, or teammates, and start collecting results for your tests.

What about the results?

With Useberry you have all of your collected feedback beautifully visualized on your dashboard or directly in the Adobe XD workspace.

Because, after all, that’s what Useberry is; a tool that allows arguing your designs based on actual user feedback, by keeping at hand valuable insights such as heatmaps, video recordings, user flows, time bars, and answers to your follow-up questions.

View results directly on Adobe XD

Heatmaps

The plugin generates Heatmaps that graphically represented right on the design so that you can promptly get feedback and swiftly optimize your product by adjusting colors, typography, and other elements based on the project’s style guides.

User Flow

The plugin creates a graphical representation of the testers’ journey while they’re interacting with the prototype.

View Heatmaps on User Flow.

Optionally enables all Heatmaps collected on each screen right on the User Flow, so that all feedback is collected in one place for further analysis.

More about user testing with Useberry is available in our documentation. 📖


We’d love to know your experience with Useberry and we will be excited to hear your thoughts and ideas. Drop us a line on our social media or send us an email directly to contact@useberry.com.

If you ever feel stuck or have any kind of questions, feel free to contact Useberry Support – we’d be happy to straighten everything out for you as soon as possible.

Teo Tokis Co-founder at useberry
UX Curated newsletter.
Do you want cool stuff sent to your inbox?