Challenge
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.
Research
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 both our beta users and partners, the validation was palpable. The time taken to complete projects was reduced substantially.
When these new improvements were shown off at Saastr, it resulted in lead generation at our booth that we otherwise might not have gotten. Some leads were from folks who had been beta testers but lapsed due to issues that were formerly unresolved. Our new release has solved those issues.
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/