Fabric, a headless e-commerce platform, needed a redesign of their complex order routing rules engine.
The challenge
The existing design was a lengthy Boolean rule builder filled with system jargon and abbreviations, making it difficult to use.
Research
I began by gathering examples of conditional logic builder UIs from various tools. I discovered two main design patterns: freeform canvas and linear Boolean rule builders like the one currently in use.
Decoding jargon
Collaborated with Fabric’s experts to understand each element and rewrite statements in plain English.
Initial Design
I created a canvas-style workflow builder to enable users to build custom order routing paths using a simple Condition/Action model. This allowed users to define order conditions and link them to actions.
Reevaluation
After reviewing the canvas design with the product team, I realized the canvas-style approach was overly complex for the straightforward IF/THEN rules required.
Simplified the design by enhancing the original Boolean rule builder to output statements in plain English, making it user-friendly for non-technical users.
Implementation
The product team chose to implement the improved Boolean rule builder due to its simplicity and ease of understanding.
The canvas-style builder was retained as an option for future needs involving more complex workflows.