Adobe XD Plugin

Overview

We’ve updated the Adobe XD plugin to now empower design teams to optimize their prototypes by easily capturing customer feedback. In just a few steps you can test your prototypes directly from the XD platform and integrate human insights throughout your design process. 

This version of the Adobe XD plugin replaces the current Adobe XD plugin to provide simpler testing and a more streamlined experience. 

How it works

After connecting the UserTesting plugin from Adobe XD, it’s only three simple steps to run a “Validate a Prototype” Quick Answer—a professionally designed test—right from the Adobe XD platform. Once the results are in, usually within a few hours, you have the feedback you need to answer critical design questions and elevate customer experiences. 

Setup the UserTesting plugin in Adobe XD

From the Adobe XD plugin page, select the UserTesting plugin.

When the UserTesting plugin is displayed, click the Connect button to add the plugin to Adobe XD.

There is no need to have admin approval to install the plugin.

Image_of_the_UserTesting_set_up_Connect_button.png

Start using the UserTesting plugin

After connecting your UserTesting account, you can start using the plugin. 

Create a Shareable Link

To get started, you need to generate a shareable link to your prototype or design in Adobe XD. Each Adobe XD file you want to share needs its own link. You only need to generate the link once and it updates automatically after that. 

If you’ve already shared your file, you already have a link and can skip this step. 

Otherwise, follow these three steps:

  1. Go to the Share tab in Adobe XD.
  2. Give your Adobe XD file a title if you haven’t already.
  3. Set the Link Access permissions to ”Anyone with the link” and click Create Link.

For more information on this, please reference this Adobe XD Help Center article or watch this video on sharing prototypes and design specs.

Image_showing_how_to_create_a_shareable_link.png

Run a Quick Test

  1. After you’ve created a shareable link of your prototype within Adobe XD, it’s time to run a test. Click on Plugins from the menu toolbar, select the UserTesting plugin.

Image_showing_UserTesting_in_the_plugins_menu_at_Adobe.png

2. Next, complete the form to set up your test. The test is professionally designed to help validate a prototype, uncover usability issues, and determine if people find your design or prototype valuable for completing an activity. See the test questions at the bottom of this article. 

First, give your test a name so it’s easy to find. 

Then choose an activity that you want the participants to accomplish using your prototype. Write the single task as a phrase—don’t include step by step instructions, such as “Click this button. Then go to this link.”

Image_showing_test_set_up_form.png

Tips:  Start the task description with a simple verb in lowercase. The test template will convert your phrase into the test questions. So you want your wording to work with the question.

Some task examples include:

    • find a pair of shoes to buy becomes: Take as much time as you need to find a pair of shoes to buy.
    • book a hotel room for a weekend becomes: Take as much time as you need to book a hotel room for the weekend.
    • change your profile picture becomes: Take as much time as you need to change your profile picture.

3. Next, select your audience. You can get feedback in two ways:

  • Saved Audience A participant group with preset demographics and screener questions that has already been saved to your UserTesting account. 
  • My Recruit   We’ll generate a link to your study and provide you with an email template that you can use to share information about the test with your customers, employees, or anyone in your network. 

Note: Access to either of these audiences depends on your subscription type. Learn more about Saved Audiences and about My Recruit.

Image_showing_Audience_Selection_options.png

Feedback from a Saved Audience

Get feedback from preset audiences saved to your UserTesting account.

  1. Choose Saved Audience and then click Select Audience.
  2. Next, choose a saved audience from your account. 

If your account doesn’t have any Saved Audiences yet, go to UserTesting to create one or use My Recruit.

Image_showing_Saved_Audience_Choices.png

3. Click Launch Test and the test is sent to participants automatically. 

Feedback using My Recruit

Get feedback from anyone you send the invitation link to. 

  1. To use My Recruit, choose My Recruit and click Share Test.

Image_showing_My_Recruit_Audience_selection.png

2. Now all you need to do is invite people to take your test. You can do this in two ways:

  • Use the invitation template that we email you. 
  • Copy the link and share it with anyone you want to take your test.

Image_showing_My_Recruit_Link_Share_Options.png

Viewing your results

Once your test results are in, you’re notified by email. All updates will be available on your UserTesting dashboard.

  1. Click the test name on the dashboard to see the test results.
  2. Use the tabs across the top of the page to view the Results, Sessions, Metrics, Summary page, and test plan Details.
  3. Use the tabs down the side on the Results tab to view responses to individual questions.

Test_results_Adobe.png

4. When you watch session videos, you can make clips, take notes, and share clips with teammates and stakeholders.

Learn more about results in a Validate a Prototype test.

Validate a Prototype Test Plan Questions

Here are the questions participants answer when they take your test. Notice how the activity you describe completes question number 2.

Introduction

For this test, don't pretend to be someone else; we care about your needs and thoughts. What you will be looking at today is a prototype: a design that might not be completely finished yet, so some things may not work like expected. If something does not work, please explain what you would expect to happen and move on.

Tasks

  1. Launch URL: [link to your prototype or wireframe]
    You have been taken to a new page. When you see the page, move on to the next step.
  2. Take as much time as you need to [describe the task you want people to accomplish].
  3. Overall, how difficult or easy was it to complete the activity? Explain your answer. [5-point Rating Scale: Very difficult to Very easy]
  4. What made it **easy** to accomplish that activity? [Verbal Response]
  5. Summarize your previous answer in a few words; what made it **easy**? [Written Response]
  6. What part of the prototype made it **frustrating or hard** to accomplish that activity? [Verbal Response]
  7. Summarize your previous answer in a few words; what part of the prototype made it **frustrating or hard**? [Written Response]
  8. In one sentence describe the purpose of this solution. What problem does it solve or make easier? Describe it in your own words, not using language from the pages you saw. [Written Response]
  9. How valuable is this solution to you? Explain your answer. [5-point Rating Scale: Not at all valuable to Very valuable]
  10. Describe how you might benefit from using this. What will it help you do? [Verbal Response]
  11. Write 1-3 words that summarize your previous answer in the box below. How might you benefit? [Written Response]
  12. From this list select 1 word that describes the *biggest improvement* you would make to this prototype: [Multiple Choice: Appearance, Navigation, Trustworthiness, Understandability, Usefulness, none of the above]

Related Articles 

How to Analyze and Share Results

Mobile Prototype Testing with Other Tools

Quick Answers: Validate a Prototype

Was this article helpful?
17 out of 24 found this helpful