Introducing Figma Prototype Tasks With UsabilityHub

You and your team have worked tirelessly to brainstorm and design, culminating in a snazzy Figma prototype. The next step is pretty obvious – get feedback from real users to make sure you haven’t missed anything.

If you’ve wished for this feature to be incorporated into UsabilityHub, we’re delighted to announce it’s finally a reality! Our new prototype task feature means that testing prototypes is fast, simple, and affordable.

How to do prototype testing with UsabilityHub and Figma

To get started with prototype testing, simply add a prototype task section to your UsabilityHub test.

Grab a flow link from your Figma prototype and add it to the test to get started. You’ll authenticate with Figma briefly and then we sync the prototype directly from your Figma account. You don’t have to leave UsabilityHub – just make sure you’re logged into Figma.

You’ll need to add a task so you can ask your testers to do something with your prototype, like “Try to check out an item” or “Add the red baseball cap to your favorites list”. If you don’t have a specific task you can also ask them to simply explore the prototype freely and they can answer follow-up questions later.

Adding follow-up questions is as simple as any other task. Follow-up questions allow you to ask what your participants thought about your designs with either verbatim or multiple choice style questions. You can also hide or show the prototype section based on logic, if you have appropriate conditions in your test to do so.

If it seems simple, that’s because the real insight and value comes at the results page, where you can dig deeper into the data you’ve collected.

Simple, no-fuss test-taking experience

Before we jump into the results, let’s take a look at the test-taking experience for prototype tasks. You can test both mobile and desktop assets, and take the test on both mobile devices and desktop computers, and the test-taking experience magically aligns everything to fit.

One huge benefit for testing with UsabilityHub is that there's nothing to install, download, or any prep for the test participant at all. They simply open the link in a browser and your prototype displays seamlessly.

For test participants who are used to UsabilityHub, the prototype task experience is very similar to existing task types. It’s simple and intuitive – all they need to do is click the screens and answer questions as normal.

‍

The task instructions are always available, and if your participant forgets what they’re doing, they can always reread the instructions.

Prototype task participants let you know when they’re done with the test or indicate that they’ve given up. Unlike navigation tasks, which end once the participant has clicked outside a hotspot/hitzone, prototype tasks continue unless the participant chooses to move on (even if they click on something unlinked). If they get distracted the test will time out, as usual. This allows for more free-form exploration of a prototype, as well as task-oriented testing.

Participants answer follow-up questions while observing the prototype, allowing them to browse it while they respond, but their behavior is no longer recorded after they’ve completed the task.

Prototype tests can of course be run with both your own audience and the UsabilityHub panel.

Powerful results and detailed insights

When your test is complete, review and analyze the various paths at the results screen. You can dig deep into the task completion time, where people clicked, and whether participants could successfully get to a certain screen.

To understand whether participants successfully completed a task, simply define the goal screen in your prototype to see whether the test participants were able to navigate to it successfully. Your results will then show you data about who made it to the goal screen and who didn’t.

To help you understand emerging patterns, we surface any common paths taken through your prototype. The more people who do the test, the more patterns you see emerging. This is particularly useful for complex prototypes where there’s more than one way to achieve a task. With UsabilityHub you can discover how people are getting from A to B, and then use that to refine your designs.

The real power comes from the advanced filtering options. Want to see the follow-up answers only from participants who got to the endpoint successfully? Easy. Want to see whether people who gave up answered other test questions differently? Simple.

The overview section provides a helpful summary of the top metrics, including who made it to the goal screen, who completed the task, how many dead clicks were made, and who gave up.

To go deep into an individual test response, you can view their answers in isolation, including the path they took through the prototype and their key stats (time to complete, clicks, etc.) You can click any screen from common paths or individual paths to see exactly where the clicks landed.

And for those who still want more, prototype results data are in the CSV export, so download and make Excel magic happen. ✨

Get started with prototype tasks today

It’s so simple – we have hundreds of thousands of panelists eagerly awaiting your prototypes and ready to give feedback. Once you’re ready to test your prototypes, simply:

• 🆕 Create a new test in UsabilityHub
• 🔗 Add a prototype task to your test
• 🎨 Paste the Flow link from Figma into the test
• 📝 Write your task and add any follow-up questions
• ✉️ Recruit from the panel or send to your own testers
• 🚀 Watch the results come through!

Get started today by either taking this quick Prototype test (🐼 there’s a little treat in there!), or you can head to UsabilityHub and create a prototype test of your own.

We hope you enjoy learning about your prototypes with UsabilityHub. Prototype tasks are available on all UsabilityHub plans.