# Testing Prototypes

Testing prototypes is one of the main reasons to do prototyping in the first place. Just like prototyping, testing helps you reduce the risk of expensive changes down the line.

Prototyping is quickly becoming a best practice. But without putting what you're prototyping through at least one round of user tests, you're increasing the risk of developing processes that will ultimately have to rebuilt, engaging expensive developer time.

It doesn't have to be this way! SoundingBox makes user testing any prototype you're building a snap.

TIP

Check out our guide to prototyping as background. Also, take a look at our how-tos for study design and creating a user test.

# Working with Your Platform

Each prototyping platform has its approach to making your prototype available for testing. Still, each platform shares a common thread: you need to present your prototype via a publicly accessible URL. Don't worry, making it public won't mean that it will suddenly appear in Google search results. Think of it more as the share link you would create to share a Google doc—only the people who have the magic link can access it.

No matter your prototyping tool, what you're going to do is get a share link and paste it into your SoundingBox task.

You can test anything with a URL SoundingBox. When it's an app prototype, for example, for Android, we only distribute it to Android users so they can interact with it on their Android device.

# InVision

InVision is the go-to for many design teams for a good reason: it understands your workflows. One of those workflows is getting feedback on your designs.

When you're ready to see how real people experience what you've made, you want to take advantage of InVision's share link. The share link is how you do just that: share your designs with others—in this case, SoundingBox's extensive pool of people who are available to give you feedback on what you've made.

STEPS: CREATING AN INVISION SHARE LINK
  1. In SoundingBox, create a study and add a task on the Study step.
  2. In InVision, navigate to your InVision dashboard and open the prototype you'd like to share.
  3. Click the green Share button at the top right of your prototype dashboard.
  4. Click the public share link at the bottom of the modal. This will copy the link to your clipboard.
  5. Back in SoundingBox, paste your prototype's URL into your SoundingBox task.
  6. Edit the rest of your study until it's done. Initialize it. This will enable it for data collection and preview.

Going Public
First, click the big green button.

Copying to Clipboard
Next, click the option to copy it to your clipboard.

Here's InVision's documentation on how to create a public share link with more details on share settings here.

# Figma

Figma is quickly becoming the goto for many designers. And using SoundingBox to test a Figma prototype is a snap.

STEPS: CREATING A FIGMA SHARE LINK
  1. In SoundingBox, create a study and add a task in on the Study step.
  2. In Figma, from your File, click the play icon to enter presentation mode.
  3. Click the Share Prototype button in the menu bar. This will open the Sharing modal for the prototype.
  4. Adjust the Link Sharing Discovery settings to Anyone with the link.
  5. Click Copy link to copy the prototype's URL to your clipboard.
  6. Back in SoundingBox, paste your prototype's URL into your SoundingBox task.
  7. Edit the rest of your study until it's done. Initialize it. This will enable it for data collection and preview.

Creating a Figma Share Link
The InVision public sharing link is what you add to a Task in your SoundingBox study.

REMOVING THE PHONE IMAGE ON FIGMA

If you see an image of a phone around your prototype, you'll want to remove it. To do this, you may need to adjust the share settings. More info on that here.

# Adobe XD

Adobe XD a great way to create interactive prototypes while using Adobe's suite of design tools. And, like other prototyping platforms, XD makes it easy to create a share link that works great with SoudingBox.

STEPS: CREATING AN ADOBE XD SHARE LINK
  1. In SoundingBox, create a study and add a task on the Study step.
  2. In Figma, navigate to Share mode.
  3. In the right panel select User Testing.
  4. Click Create Link and copy the link to your clipboard.
  5. Back in SoundingBox, paste your prototype's URL into your SoundingBox task.
  6. Edit the rest of your study until it's done. Initialize it. This will enable it for data collection and preview.

Creating an XD Share Link
Adobe XD's Share mode in action.

You can read more about sharing and collaborating in XD here.

# Axure

As one of the first and most feature-filled prototyping tools, Axure is a great choice for any design team looking to build and test prototypes. Like others, it provides a workflow for getting your prototype into a form that can be tested.

STEPS: TESTING YOUR AXURE PROTOTYPE
  1. In SoundingBox, create a study and add a task on the Study step.
  2. In Axure, Look for the Share icon.
  3. In the dialog, name the project and choose the workspace to put it in.
  4. Don't set a password. You'll want your prototype to be available to our testers.
  5. Check your HTML generator settings.
  6. Click Publish.
  7. Once you've published, you'll get a URL to the prototype. Copy this to your clipboard.
  8. Back in SoundingBox, paste your prototype's URL into your SoundingBox task.
  9. Edit the rest of your study until it's done. Initialize it. This will enable it for data collection and preview.

Publishing to Axure Cloud
Publishing to Axure Cloud is how Axure handles sharing prototypes.

Getting the Link
After you publish, you'll get the link.

Here's Axure's doc on the topic of publishing prototypes to the Axure Cloud.

# Testing with other Platforms

Pretty much any platform that will let you create a prototype will provide a means of sharing it for testing. In all cases, the only thing you need to make it work in SoundingBox is a publicly available URL. Once you have it, copy it and paste it into your SoundingBox task. Remember to try it out as a participant to make sure everything is working correctly. And never hesitate to reach out to us with questions if you get stuck in any way.