A mission is a task for testers to complete. Create missions to learn what actions users perform in your prototype. For every mission tested, Maze will give you usability metrics and data you can analyze.
In missions, you can test either a prototype or a live website. This article teaches you how to set up a prototype test. To learn more about website tests, check out this article.
In this article:
- Add a prototype block
- Define your task
- Add a prototype
- Set the expected path
- Enable session recordings
- Define conditional paths
- Preview & publish
Step 1: Add a prototype block
To create a new prototype test, open your draft maze, or create a new maze.
In the blocks list, click Add block, then select a Prototype test block from the drop-down.
Step 2: Define your task
Type the Task and add an optional Description. The task should set the mission goal: what you want your testers to do. The description should offer details and set the task scenario.
Step 3: Add a prototype
Adding a prototype
Prototypes live at the maze level. This means that you will import your prototype when creating the first mission block in a maze. If you create other mazes within the same project, you can import other prototypes.
To import a prototype into Maze, add a new prototype block and click Add Prototype.
Maze currently supports Adobe XD, Figma, InVision, Marvel, and Sketch prototypes. Maze supports prototypes designed for desktop, tablet, or mobile. When you have a prototype ready in a tool we support, follow the instructions below to import your prototype into Maze.
- Importing a Figma prototype
- Importing a Sketch prototype
- Importing an Adobe XD prototype
- Importing an InVision prototype
- Importing a Marvel prototype
Refreshing a linked prototype
You should refresh the prototype in your draft maze every time you change your prototype.
This will fetch the latest version of the prototype, while maintaining all blocks and paths in the draft maze.
Unlinking a prototype from a maze
You can unlink your prototype from the maze. This allows you to use a different prototype on that maze.
To unlink a prototype, click the ••• menu next to the imported prototype. This will open the prototype settings.
Under 'Prototype options', click Unlink prototype.
Step 4: Set the expected path
Set the expected Path you think testers will take. You can set more than one expected path, if necessary.
Step 5: Enable session recordings (optional)
If needed, enable Clips to capture your testers' cues as they go through the mission. Learn more here: Getting started with Clips
Step 6: Define conditional paths (optional)
If needed, enable Conditions to apply logical routes based on actions your testers take during the mission. Learn more here: Conditional logic
Step 7: Preview & publish
You can see how this block will appear to testers on the right-side Preview panel.
Please note that, when you hover over a hotspot on the screen, the cursor will change from the default cursor to a pointer showing that it's clickable. At the moment, it's not possible to disable this behavior. If this is something you would be interested in, please let us know!
Once you're ready, send the maze live to start testing it.
Occasionally, you might run into errors that prevent you from publishing your maze. Learn more:
- Why am I getting an "Invalid mission path" error when I try to launch my maze live?
- Why am I getting a "Duplicated pages" error when I try to launch my maze live?
- Why am I getting a "Missing page" error when I try to launch my maze live?
- Why am I getting an "Invalid blocks" error when I try to launch my maze live?
Still need help?
If you have any questions or concerns, please let our Support team know — we'll be happy to help!