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.
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.
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).
Installing on Android
- 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 and can launch it for testing.
Installing on iOS
- 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 and can launch it for testing.
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!