At UserTesting, we believe bringing users into the design process early and often is critical to creating great experiences. Prototyping tools enable designers, researchers, and product managers to quickly and efficiently put concepts in front of users, incorporating user feedback at every design junction.
InVision, the cloud-based prototyping and design collaboration platform, is a favorite of UserTesting and of our customers. We love InVision so much that we recently launched a partnership to provide InVision customers with introductory 5-minute micro-tests to showcase the potential of user feedback throughout the design process.
This guide focuses on helping current customers of both UserTesting and InVision go beyond 5-minute micro-tests to get the most out of both services together. Harness the full power of UserTesting with specific target audiences, fully customized tasks and questions, and full test length.
InVision Share Settings
To get started, go to InVision and locate the prototype that needs feedback. To the upper right of your web or app prototype, locate the “SHARE” button (not the user test button).
Once you click Share, you’ll be presented with the “Share Prototype” screen. On the right above the “COPY” button, click “More Options” to expand the settings.
You should see an expanded set of sharing settings for your prototype’s URL.
To help get the best feedback and clearly share your design vision, we recommend disabling all settings other than:
- Hotspots enabled (on)
- Prevent hotspot hinting (optional - recommended on)
The configuration enables users to navigate between the screens based on your hotspots but removes potentially distracting elements like the comments and all screens navigation interface.
- If you think it’s necessary to have hotspot hinting, feel free to leave the “Prevent hotspot hinting” function off.
- Or if you have a prototype without hotspots but still want to obtain feedback from users, turn on “Allow access to all screens in prototype” and disable everything else. With this setup, users will be able to navigate between the prototype screens by clicking the right side (to go to forward) or left side (to go backward) of each prototype screen.
Once you have your settings ready, hit “COPY” and/or “Open in a new window” to have the share URL handy to input into UserTesting.
With your InVision share URL in hand, you’re ready to go to UserTesting to setup your test.
In the UserTesting dashboard, click on “Create A New Test” in the top right.
From there, select “Test a Prototype” at the test type selection screen.
At the “Choose Your Target Audience” screen, remember to set the appropriate device for your InVision prototype. In the example screenshot below, we’re setting up our user test with 5 participants on iPhones. So, we’ll need to select “Smartphone” as device AND iOS under Operating System. Adjust these settings as relevant to your prototype.
Finish setting up your demographics and screener questions as necessary. Then move to the “Select Tasks” part of test setup.
Within “Starting Instructions,” paste in the InVision prototype URL into the “Prototype URL (where users start the test)” field.
Next, think about your Introduction. We recommend tailoring your Introduction a bit more for your prototype by reminding the participant that some elements of your prototype may not be fully functional.
Here is a good reference Introduction for you to use and edit:
“You will be interacting with a prototype, an unfinished design. Tell us what you think. Some parts may be missing or unresponsive. If something doesn’t work as expected, tell us what you think should happen.”
Once your InVision URL and Introduction are setup, proceed to drafting your tasks and questions as you would normally.
Once you hit “Start Testing,” you’ll be on your way to getting user feedback and improving your designs!