Need feedback on designs or prototypes that you’ve already built? Want to design a digital product you know your users will efficiently use? We recommend carrying out a prototype test with UserQ.
But what is a prototype test and what does it involve? How can prototype tests help you make data based decisions when designing the new experience of your digital products?
In this how-to guide, we take you through a step-by-step tutorial to create & run a prototype test using our platform.
Prototype texting is a valuable user research tool that helps evaluate the functionality, usability, and effectiveness of a product or design.
It is a critical part of the design process, as it can help designers and engineers refine and improve a product before it’s released to the market.
It can also allow for iterative design – which means designers can test and refine different design concepts and iterations. This process helps ensure that the final product meets user needs and is effective in fulfilling its intended purpose.
Now that we’ve explained exactly what a prototype test is, it’s time to create yours…
The UserQ prototype testing tool allows researchers to share a Figma link to the prototype and gather insights and feedback from the completion of specific task(s) or exploration of the prototype.
Here are a few key things to note while preparing your Figma prototype link for this test:
Now that you’re clear on how to prepare the prototype link, let’s look at a step-by-step tutorial on how to efficiently run a prototype test on the UserQ platform.
Click on the “Create a new test” button from your personal dashboard and then “Prototype Test” from the pop-up window.
Next, select your test language (English or Arabic) and name your new test.
While the researcher’s platform will not be displayed in Arabic, the participant’s experience will be fully compatible with Arabic (from right to left).
Tip: your test name will be visible to participants, so be sure to name it suitably.
Finally, you have the option to permit testers to take the test on either a mobile device, desktop, or both, as per your requirement.
This is a great opportunity to introduce testers to the prototype test they’re about to take. We have pre-populated a default title and description in this section. You can either proceed without making any changes to the generic text or choose to personalise your own.
You can also add a welcome page photo, that acts as a visual cue for the test content.
Please note that if the language is set to Arabic, the pre-populated text will be translated into Arabic too, so remember to write in Arabic if you want to make changes.
Tip: using a friendly tone of voice can make your testers feel at ease. This is a chance to clarify what your prototype test is about and what is expected of testers.
Before testers get into the prototype test, you have the option to write some pre-test introductory questions. Here you can create up to five pre-test questions in the form of Free text, Single choice, Multiple-choice, Likert scale or Ranking scale.
Depending on the type of prototype testing you want to carry out, you can choose between the task flow or the explore flow.
This test helps you track user behaviour as testers complete a specific task. Task flow tests can give you important information like average time spent on a page, average number of clicks, heatmaps, clickmaps and common paths taken by the testers. It is mostly used to understand how users navigate your product to reach a specific goal.
Testers will be asked to freely explore your prototype based on the instructions you provide. You can collect their feedback by asking specific questions during their journey. Explore flow tests can also give you information on average clicks, time spent on a page, heatmaps, clickmaps and common paths taken by testers.
To link your Figma prototype (for both task flows and explore flows), simply paste the Figma link into the input box (indicated below). Once done, click on the “Sync” button.
Next, you will be taken through a series of steps that will help you connect the Figma prototype to the UserQ platform, starting with Figma sign-in, granting the necessary permissions and finally, a confirmation screen.
Once your prototype is successfully linked, you also have the option to resync, preview the prototype or un-sync the link to start over. Please note that once you choose to resync the Figma prototype, the file will sync to the updated and existing version of your prototype.
In order to get the most out of your prototype test, set a clear task for the users to achieve or give them instructions that could help understand their role better.
The type of prototype test you choose will determine whether you need to define tasks for testers or provide instructions.
For Task Flow tests, you should give testers a clear and detailed task to complete.
For Explore Flow tests, you should provide clear instructions to guide testers as they freely explore the prototype.
This test type helps you create a task description for the tester, define the flow they are expected to take and ask follow-up questions once the task has been completed.
Provide the tester with instructions to complete the task on the prototype. For example, “How would you find the company contact information on this webpage?”
Navigate through the prototype by clicking the preview screen. When you reach the final screen you would like the tester to land on, after completing the task, click on the “Set as goal screen”. This will be your indicator that a tester has successfully completed the task.
You can also include a follow-up question related to your task by using the “Add question” button shown below. We recommend using open-ended questions to gauge what the tester retained or experienced while performing the task.
This test type helps you collect users feedback as they explore a prototype.
Here, you can guide the tester through your prototype or explain the reason for the test.
For explore Flows, at least one question is mandatory. This question will provide the main input that you receive from the participants. We recommend using open-ended questions to assess what the tester retained or experienced while performing the task.
You can add up to 5 tasks to both the task flow and explore flow test.
Once done, you can also reorder the tasks, by clicking the “Change order” button shown below. Drag the listed tasks up or down, to re-order them and click “Submit” to save the new order.
Depending on the device you have chosen to test on, one of the following icons will appear next to your task title:
If you would like to change the viewing device at this stage, you can hover over the device icon that appears next to the title, click on the link that appears in the toast message and change this to the best suitable option for you.
Conclusion questions are optional questions you can ask and appear just at the end of the test. They’re great for:
Here you can thank the participants for their time and show your appreciation for taking part.
You have two choices: you can either recruit from the UserQ panel or share the link with your own set of participants.
If you want to use your own participants, skip to step b.
You can share the link with your own testers panel at no extra cost. However, we recommend recruiting from our UserQ panel to get the full use of our wide-reaching tester demographic data, including: age, gender, nationality, residency, confidence with technology, employment status, and household status. By using this data, there’ll be no need for you to ask demographic questions in the test itself.
Review your order summary (including your total testers and required credits for recruitment and publishing fee).
In the case of an outstanding credit balance, you’ll need to process a payment.
Once everything’s set up the way you want it to, click ‘Publish’.
Tip: apply a promo code if you’ve got one.
Congratulations, your prototype test is now live!
You’ll get a shareable link to the test, whether you’ve selected a UserQ panel or have chosen your own participants only.
Are you ready to build your prototype test? Join as a researcher and you’ll get the feedback you need in just a few clicks.
Need help with building your prototype test? We can lend a hand.
Send us a message to: firstname.lastname@example.org to get in touch. We’re always here to answer any questions you might have.
Want to build a fully functional tree test the easy
You’ll have access to the results as soon as the
Want to build simple and easy-to-use card sorting tests? You
Leave a Comment