Tag: How to Create User Flow

Adding a Page from Sitemap

If you need to add a page from the sitemap or create a new one:

  • Click the  plus_white  icon
  • Click on the Page icon
  • In the window that appears, select a page or create a new one.

Editing the information in the page card is identical to working with the sitemap.

Read more

Working with Figures

Adding a Figure

To Add Figure to User Flow:

  • Hover and click on the  plus_white  icon.
  • In the appeared dice select the icon of the required figure.
  • Click on it.

Change Figure settings

When a figure is active, you can change its settings in the bottom bar:

  • Change border color,
  • Change the background color,
  • Change text color,
  • The figure’s type and the icon in it.

To change Text Inside the Figure click on it twice.

Copy and paste elements (figures, sitemap pages, and images)

Select the desired shape, press Cmd (Ctrl) + C to get a shape to the buffer, press Cmd (Ctrl) + V — the element is suspended to the cursor. Select the place to insert the element and click the left mouse button.

Working with Figures(cmd+c cmd+v)

Resize Figure or Image

To resize any figure or image:

  1. Click on it,
  2. There will be a blue bounding box around the Figure or Image, with a handle in each corner. This allows you to resize the shape as you see fit.

Duplicate items

Select the desired element, press Cmd (Ctrl) + D, select the place to insert the element and click the left mouse button.

Working with Figures(cmd+d)

Select and Move Multiple Objects

To select and move multiple objects on the User Flow, follow the steps below:

  1. Go to User Flow,
  2. Hold down ,
  3. Click on canvas with the left mouse button and drag the selection field across the needed objects or click them one by one.

working with figures(shift)

Read more

Export User Flow

You can export your User Flow to PDF, PNG and SVG formats.

Export User Flow to PNG

To export User Flow to PNG:

  1. Go to the Project,
  2. Click the Export button,
  3. Select which User Flow should be exporting,
  4. Choose what you want to add to the exported document:
    • Transparent Background,
    • Project Title,
    • Document Creation Date,
    • Page Covers,
    • Page Labels,
  5. Set Image size (Original or Custom size),
  6. Click Export.

Export User Flow to SVG

To export User Flow to SVG:

  1. Go to the Project,
  2. Click the Export button,
  3. Select which User Flow should be exporting,
  4. Choose what you want to add to the exported document:
    • Transparent Background,
    • Project Title,
    • Document Creation Date,
    • Page Covers,
    • Page Labels,
  5. Click Export.
Read more

User Flow Diagram Tool

What is User Flow? User Flow is the logic path taken by users on a website or app to achieve goals. The User Flow lead them from entry point through set of steps towards a successful final action, such as purchasing a product.

Contents

Read more