If you want to test your prototype on a mobile or tablet device, the Maze PWA allows you to offer your testers an immersive testing experience.
In this article, you'll learn what a PWA is and how to install the Maze PWA for testing with users on mobile and tablets.
You are not required to use the PWA to test your mobile or tablet prototypes. You can still test in the browser with your maze URL -- the PWA is optional. The advantage of the PWA is that it offers a more immersed testing experience that feels like a real app.
What are Progressive Web Apps?
Progressive Web Apps (PWAs) are websites that load, look and feel just like apps.
They are installable on the user's home screen, without the need to download them from an app store.
The advantage of a PWA is an immersive user experience that feels like a native app on the device without the hassle of downloading them from the app store. They are fast, reliable and provide users with "app-like" experiences.
When to use the Maze PWA
The Maze PWA is perfect if you want to test your prototype on mobile or tablet devices.
With our PWA, your testers are able to complete your maze on their device seamlessly and experience your prototype in its full capacity.
You'll be able to gather the insights you need while offering your testers a real experience of what your app will look and feel like when it's live.
You can test mobile or tablet prototypes in the browser without the Maze PWA. This app offers a more immersed experienced for your testers, but it's not required to test on mobile.
How to install the Maze PWA on your phone or tablet
To install the Maze PWA on your phone or tablet, follow the instructions below based on the operating system of your device (Android or iOS).
PART I: Installing
Open your maze URL [t.maze.design/XXXXXXX] in the Chrome browser
Once there, tap the Chrome settings button (three dots)
In the settings menu, select Add to Home screen
Click the Add button once the Add to Home screen prompt pops up
You're done. You should now see the Maze icon on your home screen. Go to part II below.
Open your maze URL [t.maze.design/XXXXXXX] in the Safari browser
Once there, tap the "Share" Safari icon in the tab bar
In the settings menu, select Add to Home Screen
Click the Add button once the Add to Home Screen prompt pops up
You're done. You should now see the Maze icon on your home screen. Go to part II.
PART II: Launching and testing with the Maze PWA
Open the recently installed app on your home screen
At this stage, you'll be asked for your maze ID
The maze ID is the number located at the end of your maze URL. Example: For the maze t.maze.design/123, the ID is 123.
Type in the maze ID, and you're good to go!
By default, you're able to test with multiple users with the PWA. This means Unique Session is turned off and there's a reset button at the end to restart the maze on the same device with a new tester.
Published on: 18 / 03 / 2019