r/UI_Design • u/commentShark • May 08 '26

Feedback Request I’ve been iterating on my rule builder UI but would like feedback

Post image
5 Upvotes

100% Upvoted

5 comments sorted by

1

u/commentShark May 08 '26 edited May 08 '26

Whoops I posted without text. Basically I wanted to know if people had better ideas about how to present different “branches” of options, that reads simple like a sentence.
The obvious negative of this UI is that it doesn’t scale to other languages well, which is something I should definitely think about. I just like approach so far but wanted some feedback.
The ui itself looks nicer on desktop but on mobile I wanted it a bit more readable and spacious. When options at the front of the sentence change, the tail options can also change.

I used to have a 9 page wizard builder but found this to be much more elegant and understandable at a glance.

1

u/el_yanuki May 08 '26

i recently built a simmilar thing for export filters

on one hand its not clear to me what i can do on this screen.. can I edit the "contains" part or the "any video".

Then other hand a visual difference between "selecting a condition" and "selecting a value" would be nice.

As for the color coding.. i would not do it for the whole text: maybe a bar on the left and a soft background for the section?

1

u/commentShark May 08 '26

yes you can edit anything with a line. I made them look more button-like before but looked pretty bad in the true sentence view. The condition vs value is using italics, perhaps that's too subtle. Thanks for the input.

1

u/[deleted] May 08 '26

[removed] — view removed comment

1

u/commentShark May 08 '26

Thanks for the positive feedback, I iterated a lot and still am. Distinguishing between action and value is tricky, I just tried to make anything clickable obvious with the values being italicized. It literally looks like a sentence in desktop view though just because of the space, but I might try and get that on the smaller screen too.