1. Knowledge Base Home
  2. UserZoom
  3. UserZoom Integrations

Testing and compatibility with prototyping tools

Learn about testing prototypes and compatibility with prototyping software. If the prototyping software you're using is not listed below, refer to the manufacturer's website for further assistance.

✅ Plan Availability: All Plans
👥 User roles: Owner, Admins, and Researchers
For more information, see our article on how to find your plan and user role.

 

On this page:

 

 

Testing prototypes

  • You can test desktop or mobile prototypes in UserZoom studies to:
    • Help you decide on the next prototype iteration
    • Compare one prototype version with another
    • Generate UX metrics to de-risk the launch of a new feature or journey.
  • The most common approaches are to run:
    • Basic Usability Tests to capture think out loud feedback
    • Advanced Studies to measure at scale
    • Moderated sessions to delve deeply into the experience
  • In a UserZoom study, you can:
    • Send participants to the prototype by adding it as the Initial URL for Navigation Tasks.
    • Set participant expectations with a preamble (For example, "You are about to use a site/app we are still working on, so not everything will work. Please read the task carefully.")

 

 

Adobe XD

Adobe XD is a prototyping tool made by Adobe Inc. Use prototypes created with Adobe XD for Navigation tasks in UserZoom studies.

 

Feature compatibility with Adobe XD

  • Compatible
    • Tracking with Add-on (Desktop)
    • UserZoom app (Mobile)
    • Clickstreams (When each page has its own URL.)
    • Video recording
  • Not Compatible
    • Heatmaps
    • Advanced Tracking (Prototypes can't be exported as HTML and Tracking code can't be added.)

 

Test Adobe XD prototypes in UserZoom

To get a shareable URL for your Adobe XD prototype to use with UserZoom:

  1. In Adobe XD, click the Share button in the prototype in question.
  2. Select Share for review.
  3. To create a public link, click the drop-down, and select Anyone with the link can view.
  4. Select Open in Full Screen for the prototype to open in full screen at 100% of the actual size.
  5. Add this link as initial URL in your Navigation task in UserZoom.

The above instructions are illustrative and shouldn't be considered as the official procedure. To ensure the latest process is being followed, please access the Adobe XD Help Center.

 

Axure

Axure allows you to share Axure RP prototypes with your team and clients.

 

Feature compatibility with Axure

  • Compatible
    • AxShare for prototype hosting
    • Different URLs per page capability
    • Clickstreams (configuration required)
      • Page changes will be tracked
      • Panel visualization will not
    • Heatmaps (configuration required)
      • When each page has its own URL, heatmaps are displayed as expected for desktop users.
      • Panels within the same URL have the same heatmap.
      • Heatmaps can't be generated for mobile users
    • Video Recording
    • Desktop and Mobile
  • Not Compatible
    • Static URL by default
    • Advanced Tracking (No easy way to create javascript events to the actions in the same page.)

 

Test Axure prototypes in UserZoom

To test your Axure RP prototypes shared with Axure Share using UserZoom:

  1. In Axure, click Publish.
  2. Select Publish to Axure Share.
  3. In the open window, check Create a new project.
  4. Add a name.
  5. Create a password (Optional). 
  6. Log in to the tool (if you're not already).
  7. Choose to publish the prototype with or without sidebar. Using a link without sidebar gives a more true experience for participants.
  8. Go to the My Projects page.
  9. Right click on the link and select Copy Link Address.
  10. In UserZoom, create an Advanced UX Research
  11. Create as many Navigation tasks as needed.
  12. Add a starting URL for each task.
  13. Optional: To improve the data collection with Axure Share Prototypes to show clickstreams as clearly as possible, configure:
    • Page Name(s)
    • Page Title(s)
    • Pretty URL(s)

 

The above instructions are illustrative and shouldn't be considered as the official procedure. To ensure the latest process is being followed, please access the Axure Help Center.

 

 

InVision

InVision allows you to create fully interactive prototypes that can look and work exactly like your website. Use these prototypes for Navigation tasks in UserZoom.

 

Feature compatibility with InVision

  • Tracking with Add-on (Desktop)
  • UserZoom app (Mobile)
  • Clickstreams (Each page needs its own URL.)
  • Heatmaps
    • Each page needs its own URL.
    • Desktop only
  • Video Recording
  • Advanced Tracking (After the prototype is exported to HTML.)

 

Test InVision prototypes in UserZoom

To test your InVision prototypes using UserZoom:

  1. In InVision choose the prototype and click Share.
  2. Select share this project via a public share link to get the prototype URL.
  3. Add this link as initial URL in your Navigation task in UserZoom.

 

Tips and Tricks

Hotspot hinting highlights the clickable areas of your prototype and makes it easier for participants to know which parts are configured or clickable. To disable this feature

  1. Go to Share.
  2. Select Link Settings.
  3. Activate Prevent hotspot hinting.

 

The above instructions are illustrative and shouldn't be considered as the official procedure. To ensure the latest process is being followed, please access the InVision Help Center.

 

 

Figma

Figma is a collaborative prototyping tool. Use prototypes created with Figma for Navigation tasks in UserZoom. Learn some Best practices for testing Figma prototypes.

 

Feature compatibility with Figma

  • Compatible
    • Tracking with Add-on (Desktop)
    • UserZoom app (Mobile)
    • Clickstreams (Each page needs its own URL.)
    • Video Recording
    • Advanced Tracking (Only when the Figma prototype is exported as HTML)
  • Not Compatible
    • Heatmaps

 

Test Figma prototypes in UserZoom

To get a shareable URL for your Figma prototype to use in UserZoom:

  1. In Figma, open your prototype.
  2. Click the Share button at the top right.
  3. In the modal window, set the permissions to Anyone with the link can view.
  4. Leave the Share modal window.
  5. Click the Play icon at the top right.
  6. Navigate around the prototype to get the URLs for where participants should start each task.
  7. Add these link as initial URL in your Navigation task in UserZoom.

 

The above instructions are illustrative and shouldn't be considered as the official procedure. To ensure the latest process is being followed, please access the Figma Help Center.

 

 

Framer

Framer lets you create fully interactive prototypes that look and work exactly like your website or native app. Use these prototypes for Navigation tasks in UserZoom.

 

Feature compatibility with Framer

  • Compatible
    • Tracking with Add-on (Desktop)
    • UserZoom app (Mobile)
    • Clickstreams (Each page needs its own URL.)
    • Video Recording
  • Not Compatible
    • Heatmaps
    • Advanced Tracking

 

Test Framer prototypes in UserZoom

To get a shareable URL for your Framer prototype to use in UserZoom:

  1. In Framer, click the Share button in the upper right. 
  2. In the modal, make the appropriate settings changes for your prototype. Information on these settings can be found here. 
  3. Click Open Prototype and verify it's as you expect.
  4. Navigate around the prototype to get the URLs for where participants should start each task.
  5. Click Copy Link.
  6. Add this link as the initial URL in your Navigation task in UserZoom.

 

The above instructions are illustrative and shouldn't be considered as the official procedure. To ensure the latest process is being followed, please access the Framer Help Center.

 

 

iRise

iRise allows you to prototype new products, features, and enhancements without any code or scripting to test in UserZoom.

 

Feature compatibility with iRise

  • Desktop and Mobile
  • Clickstreams
    • Page changes are tracked
    • Panel visualization is not tracked
  • Heatmaps
    • Each page needs its own URL.
    • Desktop only
  • Video Recording
  • Advanced Tracking (After the prototype is exported to HTML.)

 

Test iRise prototypes in UserZoom

To test your iRise prototypes using UserZoom:

  1. In iRise, click Share in the top-left area of the page.
  2. Change the project to Public.
  3. Click Get Link.
  4. Copy the link.
  5. In UserZoom, create an Advanced UX Research study.
  6. Add as many Navigation tasks as needed.
  7. Add a starting URL for each task.

 

The above instructions are illustrative and shouldn't be considered as the official procedure. To ensure the latest process is being followed, please access the iRise Help Center.

 

 

Justinmind

Jutinmind allows you to create interactive wireframes for your web and mobile apps to test in UserZoom.

 

Feature compatibility with Justinmind

  • Compatible
    • Desktop and Mobile
    • Clickstreams
      • Page changes are tracked
      • Panel visualization is not tracked
    • Heatmaps
      • Each page needs its own URL.
      • Desktop only
    • Video Recording
    • Prototype hosting (Tracking Add-On required)
  • Not Compatible
    • Advanced Tracking

 

Test Justinmind prototypes in UserZoom

To test your Justinmind prototypes using UserZoom:

  1. In Justinmind, go to the prototype.
  2. Click Share,  then click Share again.
  3. Select View in my account.
  4. Choose Publish a new prototype.
  5. Under Select file, choose the correct .vp file. .vp is the file extension used for Justinmind prototypes.
  6. Click Publish the prototype.
  7. After publishing, change it to Public.
  8. In UserZoom, create an Advanced UX Research study.
  9. Add as many Navigation tasks as needed.
  10. Add a starting URL for each task.

 

The above instructions are illustrative and shouldn't be considered as the official procedure. To ensure the latest process is being followed, please access the Justinmind Help Center.

 

 

Marvel

Marvel allows you to create fully interactive prototypes without coding that look and work exactly like your website to test in UserZoom. 

 

Feature compatibility with Marvel

  • Compatible
    • Desktop and Mobile
    • Clickstreams (URL changes are collected as long as the prototype is uploaded to Marvelapp prototype hosting.)
    • Video Recording
    • Prototype hosting (Tracking Add-On required)
  • Not Compatible
    • Heatmaps
    • Static URL by default
    • Advanced Tracking

 

Test Marvel prototypes in UserZoom

To test your Marvel prototypes using UserZoom:

  1. In Marvel, go to All Projects. 
  2. Place the mouse over the prototype and click View Project.
  3. Click Share on the right side to get a public link. For mobile testing, click the QR icon to get a QR Code.
  4. In UserZoom, create an Advanced UX Research study.
  5. Add as many Navigation tasks as needed.
  6. Add a starting URL for each task.

 

Tips and Tricks

When opening the sharing URL on mobile, participants see a screen that asks them to add the Marvel app to their home screen. This is not necessary and can be ignored by tapping Close (Android) or X (iOS).

 

The above instructions are illustrative and shouldn't be considered as the official procedure. To ensure the latest process is being followed, please access the Marvel Help Center.

 

 

Proto.io

Proto.io allows you to create prototypes that look and work exactly like your app should, without the need for any code.

 

Feature compatibility with Proto.io

  • Tracking with Add-on (Desktop)
  • UserZoom app (Mobile)
  • Clickstreams (Each page needs its own URL.)
  • Heatmaps 
    • Each page needs its own URL
    • Desktop only
  • Video Recording
  • Advanced Tracking (When using Public share link)

 

Test Proto.io prototypes in UserZoom

To get a shareable URL for your Proto.io prototype to use in UserZoom:

  1. Go to Share (either in the Editor or in the Dashboard under More > Manage Share links).
  2. Create a new Share link (shared with everyone, not password protected).
  3. Go to the User Testing tab.
  4. Copy the generated link to use in UserZoom.
  5. Open the link in a browser tab to get the page URL that you want participants to start the task on.
  6. Add these links as initial URL in your Navigation task in UserZoom.

 

The above instructions are illustrative and shouldn't be considered as the official procedure. To ensure the latest process is being followed, please access the Proto.io Help Center.

 

 

Protopie

Protopie allows you to test your prototype as long as you have a public shareable link. For more information, refer to this article on the Protopie blog.

To open the Share with Display Options, follow these steps:

  1. In Protopie, click the three dots Options menu next to your name.
  2. Select Share with Display Options.
  3. In the new window, choose you display options.

 

The above instructions are illustrative and shouldn't be considered as the official procedure. To ensure the latest process is being followed, please access the Protopie Help Center.

 

 

UXPin

UXPin allows you to create interactive wireframes for your web and mobile apps to test in UserZoom.

 

Feature compatibility with UXPin

  • Compatible
    • Desktop and Mobile
    • Clickstreams
      • Page changes are tracked
      • Panel visualization is not tracked
    • Video Recording
    • Prototype hosting (Tracking Add-On required)
  • Not Compatible
    • Heatmaps
    • Advanced Tracking
    • Static URL by default

 

Test UXPin prototypes in UserZoom

To test your UXPin prototypes using UserZoom:

  1. In UXPin, click Share to get the URL of the prototype.
  2. On the URL tab, copy the URL.
  3. Click Export.
  4. Select HTML.
  5. Choose Export as HTML.
  6. Click Download HTML.

 

The above instructions are illustrative and shouldn't be considered as the official procedure. To ensure the latest process is being followed, please access the UXPin Help Center.

 

Please provide any feedback you have on this article. Your feedback will be used to improve the article and should take no more than 5 minutes to complete. Article evaluations will remain completely confidential unless you request a follow-up. 

Was this article helpful?
1 out of 4 found this helpful

Articles in this section

See more