UiFlow
Studio Refactor
Read Case Study
This project is a refactor of the Uiflow Studio no-code editor. This effort was intended to further empower engineers and product managers by enabling the ability to connect live data from any data source and elevate the logic tool for creating and managing workflows.
As with every project, we spent an hour each week with our beta customers and direct product partners to gather feedback, and a theme started to materialize.
Many users were frustrated by having to keep the visual editor open whenever they wanted to work on logic workflows. They consistently expressed a preference for a dedicated space to build flows, with a simple UI preview rather than sharing the same crowded workspace.
On top of that, creating data connections ended up with having to pivot back and forth between the data section and the logic area. We enacted saved locations and states between them both, but that was not enough.
When presented to beta users and partners, the validation was clear. Project completion times were reduced significantly.
When the improvements were showcased at SaaStr, they drove increased lead generation at our booth, including renewed interest from former beta users who had previously disengaged due to unresolved issues. The new release addressed those issues and reactivated interest.
Challenge
How might we improve accessibility and usability while designing a UI that can scale with upcoming features?
Constraints
Users had trouble locating the logic and data tools, and even when they did, the workspace for creating data connections and logical workflows felt cramped and limiting.
At the same time, we had finalized our feature roadmap for the upcoming quarters, which included several visual editor improvements. Because many of these features would require changes to placement, visibility, and layout, it made sense to address all of these usability issues together.
Logic vs. Layout
As with every project, we spent an hour each week with our beta customers and direct product partners to gather feedback, and a theme started to materialize.
Many users were frustrated by having to keep the visual editor open whenever they wanted to work on logic workflows. They consistently expressed a preference for a dedicated space to build flows, with a simple UI preview rather than sharing the same crowded workspace.
On top of that, creating data connections ended up with having to pivot back and forth between the data section and the logic area. We enacted saved locations and states between them both, but that was not enough.
Final Deliverable
When presented to beta users and partners, the validation was clear. Project completion times were reduced significantly.
When the improvements were showcased at SaaStr, they drove increased lead generation at our booth, including renewed interest from former beta users who had previously disengaged due to unresolved issues. The new release addressed those issues and reactivated interest.
Result
Project completion time: Reduced by 32%
We re-engaged several lapsed users and gained (at the time) 3 new customers.
Our testers and partners were ecstatic about the changes as our improvements reduced time to completion for projects that they had in progress.
You can follow the Uiflow updates here https://uiflow.canny.io/
Description
This project is a refactor of the Uiflow Studio no-code editor. This effort was intended to further empower engineers and product managers by enabling the ability to connect live data from any data source and elevate the logic tool for creating and managing workflows.