Creating the wireflow

Now, we have some great wireframes. It's time to create the path leading the user through our solution. After you have a symbol with the contents of each wireframe, you need to put them all together to create this path.

To be able to see the whole wireflow, you might need to Zoom Out from the menu (View > Zoom > Zoom Out), from the Zoom icon (see the screenshot), or using the Ctrl + - keyboard shortcut (command + - on Mac).

Zoom out to see the whole wireflow

After you have arranged the symbols, you can connect them using the Arrow from the Markup UI filter group. You can specify stroke style, opacity, add labels, and ...

Get User Experience Mapping now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.