When creating a complex user flow, researchers might end up with various sections within the diagram that serve as a modular component. You can now create groups within user flow diagrams and even collapse them as you work on other parts of the user flow diagram.
Creating a group
First, select the relevant nodes, either by shift-selecting the nodes or by shift-dragging on canvas. Then press Ctrl + g or click on the group button on the user flow toolbar.
Just like nodes and edges, you can change the group label by clicking on the group and editing the label on the side panel.
Groups can be collapsed for increased readability so that you can focus on the rest of the flow. To collapse or expand a group, click on the collapse/expand button on the right edge of the group. Alternatively, you can also double click the group to do the same.
Adding/Removing nodes in a group
To add nodes into a group after the group has been created, simply drag the node into the group.
Similarly, to remove nodes just drag them out of the group.
To ungroup nodes in the flow map. Select the group, then press Ctrl + Shift + g or click on the ungroup button on the toolbar.
Grouping feature helps simplify complex user flows and helps communicate your overall architecture more effectively. Get started with user flows on UserBit today!