Topics and lessons

Building your first user flow

To build your first user flow, you will need to have created a data item, including a few properties. You will build a user flow that shows all data records in your application for this data item and allows you to add new records and edit and delete existing records.

How to build a user flow

  1. Go to design and then user flows:
design-user-flows
  1. Start by clicking the add button and choosing add user flow with wizard:
add-user-flow-with-wizard
  1. Choose the Overview, add, edit and delete data item template:
select-user-flow-wizard
  1. Select the data item you want to create the overview for:
user-flow-wizard-select-data-item
  1. For example, we use a data item called Project.
  2. Then select which properties of the data item should be visible on your overview page:
user-flow-wizard-select-data-item-properties
  1. The next steps are dependent on which properties you have selected and relate to how the properties should be shown. After these steps, select which functionality you want in your user flow besides the overview page:
user-flow-wizard-select-functionality
  1. The next step is to select a default sorting. You can leave this blank, or pick the property to use for the default sorting of the overview page:
user-flow-wizard-default-sorting
  1. You will then be asked which sorting to use:
user-flow-wizard-default-sorting-2
  1. The last stap is to name your user flow. This is the name as it will appear in your application menu:
User flow wizard - type name
  1. Your user flow is now done and added to the list.

Once you have added your user flow, you can click it to open it. It will show you something similar to this:

user-flow-all-projects

The user flow reads like a flow chart, where the user can follow the lines in the direction of the arrows. Where there is a label, it is a button on the page, that the user can click.

Tip: You can edit a generated user flow like this one, to add or remove functionality. Simply click the item you want to make changes to.