Skip to main content
Previewing projects

Preview your interactive projects and evaluate your UX design

Updated over 7 months ago

About previewing

The ability to preview your interactive project is one of the essential Uizard features, which ensures a great prototyping experience.

If you are curious about the specifics of previewing your project(s) - check out the information below ๐Ÿ‘‡


Setting a home screen

First, it's important to set up a home screen. The home screen will always be the first screen shown while previewing your interactive project (basically, a starting point of the interactive experience).
โ€‹
The home screen can be set as follows:
โ€‹
1) Click the title of the screen you want to set as the home screen and click the three horizontal dots.

2) Choose the 'Set as home screen' option:


Previewing a project

1) Click the 'Preview' button in the top-right corner of your screen:
โ€‹

2) Click on interactive components in order to navigate within the screens in 'Preview mode':

โ—Important note: so you'd be able to navigate within your project in a 'Preview mode', your project should be interactive. Learn all about it by clicking hereโ—


Viewing a project overview in preview

There's a way to view your entire project in preview, similar to what you see in the editor! This is great if you want someone to have a holistic view of your project ๐Ÿ‘

Here's how:

1) Open your project and click "Preview" in the top-right corner of your project:

2) Click the "Overview" button in the top-center of your preview:

3) You can now view the entire project, zoom in and out, toggle interaction visibility on and off, and add and resolve comments:


Returning to home screen in preview

Click on the 'Go to home screen' button, which is located at the bottom of the 'Preview mode' screen:


Returning to previous screen in preview

Click on the 'Go back' button, which is located at the bottom of the 'Preview mode' screen:


Viewing preview in full-screen

Click on 'Full screen' in the upper right-hand corner in Preview mode:


FAQs

Can I reorder the screens of the project overview preview?

No, it's not possible to reorder the order of project overview screens at this time.

Can I preview my interactive prototype without an internet connection?

Uizard is only viewable in the browser at this time, so it's not possible to view it without an internet connection.

Can I change the size of the screens in the preview?

You can't change the size of the screens or device frames in the preview.

Can I view my screens in landscape mode in preview?

While you can view your project screens in landscape mode in preview if you designed the project to be in landscape mode, preview will not automatically change your screens from portrait to landscape. You'll have to adjust your design in the editor.

Did this answer your question?