In this article, you will find information about creating and managing connections between screens in onboarding, as well as how to segment users based on their input, creating a convenient path for the user and individually nurturing each segment.
Creating Connections:
To create a connection between screens, press on the output of one screen and drag it to the input of the next screen
Alternative Way to Add Connections:
Alternative Way to Add Connections:
Drag a new screen over the one you want to connect it with. A prompt will appear, offering output options that correspond to the screen. For more details about these outputs, refer to the article provided
Multiple Connections:
Multiple connections can lead out from one screen to subsequent screens.
Multiple connections can lead out from one screen to subsequent screens.
Users can be directed from several screens to a single screen.
Users can be directed from several screens to a single screen.
Using Transition Conditions for User Segmentation:
When multiple connections branch from one screen, transition conditions help determine the next screen based on the user's choice or input. This feature allows you to segment users based on their choices or input, enhancing the personalization of the onboarding experience.
Limitations
Limitations
You cannot connect Input to Input, Output to Output, or Input and Output with the same Screen ID.
Managing Transition Conditions for Segmentation:
Each connection has an [i] point. Clicking on this opens the "Transition Conditions" pop-up for managing the connection. In this window, you can:
1) Delete the Connection: Press 'Delete', then confirm. 'Cancel' leaves it as is.
2) Change Transition Type (for mobile onboarding only): Select a new type, like 'Default' or 'Modal', and press 'Save' to confirm.
How Transition Types Appear in iOS Onboarding:
How Transition Types Appear in iOS Onboarding:
3) Add Transition Conditions:
Press +Add in the "Transition Conditions" pop-up to add segmentation conditions.
Choose "Screen type" from the dropdown list.
Select 'Operator type' and 'Value' for customization.
Add as many conditions as needed.
Changes can be made anytime by clicking on the [i] point and saving after modifications.
📣 Note:If the option to add conditions is unavailable (no listed screens added in this sequence), you will see a corresponding prompt.
List of Screens That Can Be Added as Conditions for Connections:
Table multiple selection
Table multiple selection
Table single selection
Table single selection
Text field
Text field
Condition settings are applicable exclusively when the text field type is chosen as either "int" or "double."
2-column multiple-selection
2-column multiple-selection
2-column single selection
2-column single selection
Image title subtitle Picker
Image title subtitle Picker
Condition settings are applicable exclusively when the Picker type is chosen as either "int."
Title subtitle Picker
Title subtitle Picker
Condition settings are applicable exclusively when the Picker type is chosen as either "int."
Image Title Subtitle Selection
Image Title Subtitle Selection
Custom screen
Custom screen
Condition settings are applicable exclusively when the Inputs are added:
Articles on segmenting users based on their input on different types of screens include:
When Adding the Above Screens to a Sequence You can set corresponding Conditions for any subsequent transitions.
Once a Connection Has a Transition Condition:
The point on it becomes colored, indicating the presence of conditions. This helps understand which connections have Conditions.
You can delete a transition condition by clicking on the "Trash" button in the list with the conditions (4)
In this article, we discussed the key aspects of creating and managing connections between screens in onboarding. From the basics of creating screen connections to using transition conditions for segmenting users – all these elements play a crucial role in creating an effective and intuitive onboarding path.