Live Preview

Sharing your preview with colleagues, stakeholders, users and investors is now easier than ever with Fluid UI.

We will show you how to achieve this in a few easy steps.

To share a live preview you simply open your project and in the top right corner you will see a tab marked 'Live'. Just click on this tab to open Live presentation.

When you click on Live you will be taken into the Live Preview. You will be able to annotate the screens using the quick bar in the top left corner. To move on to the next screen you simply click the screen.

Once in Live Preview you will be able to click through the prototype. Simply click on the screen to move through the flow.

You can also invite others to the Live Preview by clicking on the Live Preview URL:

When your audience clicks on the URL they will be asked to join the presentation after entering a user name and email. Your audience do not need to have Fluid accounts to view and take part in the presentation but this allows you to identify them when they are making contributions:

When the user enters their details they will be visible in the top of the preview and will be able to view all of the interactions and to chat with you and others.

To make text comments simply type in the comment section where all users will be able to take part in the discussion.

Fluid UI Guide and Tutorials (Page 1)

Tags: Review

The four steps in designing a prototype in Fluid UI are: creating pages, adding widgets, adding links and previewing.

Next: Read our quick guide to using Fluid UI for the first time and create great prototypes in record time.

Using hotspots and uploads to make pixel perfect prototypes

Article tbc.

Uploads library in Fluid UI

Project settings

The project settings allows you to control all areas of your project from setting the resolution of each screen to cloning projects to managing your projects.

You will locate the Project settings in the Home menu. Simply click on the Home menu and select Project settings.

Once you select project settings you will be taken to the Project settings dialogue screen. From this dialogue you will be able to control all settings as they relate to your project.

You will be able to perform simple edits, such as changing the name of the project:

You will be able to set and alter all of the settings related to your project:

Creating your first prototype

Tags: Review

Read the introductory tutorial and learn how to create a new project, then create some pages in that project and add widgets from the library. Finally add links between widgets and pages to create an interactive prototype before you preview your prototype to see the end result. Not convinced yet? See why you should prototype.