Website Test is the primary mission block for running usability tests to understand how participants interact with live websites. This block offers flexible testing modes, including the ability to test any URL without requiring a code snippet.
Previewing your mazes is a great way to ensure everything flows nicely, and that your participants see what you want them to see. Testing your maze beforehand proactively prevents issues with content and performance.
Learn more about previewing your Maze before publishing
Understanding Mission Blocks by Stimulus
Maze organizes testing based on the stimulus or asset you are testing. When building your maze, first identify which stimulus block is appropriate:
| Mission Block | Purpose | Stimulus | Device |
|---|---|---|---|
| Prototype Test | Figma prototypes | Figma Prototype Link | All devices |
| Website Test | Testing any website, including competitor sites or AI-generated links (e.g., Figma Make, Lovable) | Any public URL. This also includes links to AI-generated prototypes such as Lovable or Figma Make | All devices |
| App Test | Testing mobile applications on a participant’s mobile device | A link to the mobile app | Mobile only |
Website Test Capabilities
The Website Test block is designed for flexibility, supporting two modes of testing based on your needs:
1. Snippet-less Testing
In this mode, you can test any public URL without installing the Maze code snippet.
- How it Works: You simply paste the URL into the Website Test block.
- Data Collected: Data is primarily collected via Clips recordings (screen, audio, and participant face/voice, if enabled), allowing you to observe user behavior.
- Best For: Competitive analysis, testing external sites.
2. Snippet-Based Testing (with Data)
This is an optional step when you need granular quantitative data on your own website.
- How it Works: You paste your website's URL and use the optional "Add snippet" feature to confirm the Maze code snippet is installed.
- Data Collected: Unlocks advanced quantitative data, including heatmaps and goal-based success metrics, in addition to Clips recordings.
- Best For: Deep-dive analysis on your product's live site where detailed metrics are essential.
Please note that for AI generated prototypes such as Figma Make or Lovable, it is possible to apply both approaches. See how to install code snippet on your AI prototyping tools here.
Participant Experience & Technical Considerations
Several factors govern the participant experience across all mission blocks, particularly concerning device, screen size, access and data privacy.
Supported Languages
You can test websites in any region and language. However, at the moment, the task interface for website testing blocks will only display in English.
Device Configuration (Study Settings)
When setting up a Website Test, you will select a device type (Desktop, Tablet, Mobile). This is configured in the main Study Settings.
-
Screen Dimensions: Maze enforces screen dimension limitations to ensure accurate click registration. The browser window must remain within the specified range:
- Desktop tasks: The task window must range between 1180 px and 1380 px.
- Mobile tasks: The maximum size for the task window is 580 px.
- Participants may encounter the following warning messages on their device if it does not match the screen size range. We've put these limitations in place to make sure that clicks register correctly in the results.
This page needs a larger screenWindow size too smallCurrent limitation: Maze editors or participants using Safari with the setting 'Open pages in tabs instead of windows' set to 'Always' may see the website automatically opening in a separate tab. As a result, they may run into the "Window size too large" error when building paths or completing a website test. To address this, we recommend manually resizing the screen, adjusting your settings, or using a different browser.
Access
Depending on the type of site being tested, the participant experience could be challenging if the participant doesn't already have an account with the site being tested or if the account requires logging in to access.
For cases where a specific login is necessary, we recommend utilizing a general login shown in the instructions that could be used by multiple users simultaneously or using URLs that enable automatic participant login. This will help ensure a seamless, but secure testing experience for your participants.
Sensitive Data
Depending on the selected anonymization option chosen by the creator of the maze test (Relaxed, Balanced, or Strict), personally identifying information (PII) displayed or input by testers (ie: requesting login) may be visible in the results (e.g. Heatmap). Please note that this requires the Maze snippet to be installed and does not apply to the recording. If there is concern about exposing PII, we suggest utilizing the anonymization feature by toggling Anonymize participant data to on.
If you set screenshot anonymization to Relaxed or Balanced, testers will be warned at the start of the maze that personal data may be visible to the maze creator:
All personal data shown on-screen and data you enter will be viewable by the test creator.
If you enable Clips recordings (screen, audio, or video), the anonymization option is disabled, since anonymization does not apply to Clips recordings. Testers will always see the same warning, regardless of the anonymization option selected.
Ad Blockers
Many popular ad blockers disable content loaded via tag management systems (namely Google Tag Manager). This means that if you've installed the Maze snippet using Google Tag Manager, it's likely that testers using an ad blocker won't be able to load the website test correctly.
To avoid this issue, in these cases, we display an additional warning to testers:
It looks like you're using an ad blockerBefore continuing the test, they should either:
- Open the test link in an incognito browsing window, or
- Pause the ad blocker on all sites until they are done with the testing.
To prevent users from going through this additional step, we recommend installing the code snippet directly on your website, if possible.
If the tester returns to the maze before completing the task, they’ll see a reminder to finish the task:
Task opened in a new window
Go back to the task window to complete the taskInstructions
During a course of a website test, the instructions modal will appear by default in the bottom left corner.
It's possible to drag the instructions to a different part of the screen by clicking the Drag () icon.
Ending the Test
Unlike prototype tests, the mission doesn't end automatically when the tester reaches the success screen (i.e. the final screen in a path), and a success message won't be displayed.
When the tester believes they've completed the task, they should click End task in the bottom-left modal of the task window to end the mission and return to the maze.
You can customize the task description to make it extra clear for your participants that they should click the End task button once they believe they've reached the end of the task.
Still need help?
If you have any questions or concerns, please let our Support team know — we'll be happy to help!