Here is design progress on the formula builder that we've been cooking up at Mixpanel. We've been thinking through how to make the interactions of building a complex formula simple and intuitive.
Check out the 2 views in the attachment to see the real pixels and let us know what you think!
2 months ago
Looks super clean!
Looks great @Mason Yarnell, still loving everything you crank out for this project.
Thanks very much, fellas!
Brilliant! I really have nothing for respect for what you've done here from a UI/UX perspective. Very original.
Is there any concern that disguising these formula's as letters (a,b,c, etc) will introduce any confusion? I love the paradigm, but (with my limited knowledge of it's goal and user) it looks like it could be confusing as to how the user got to the result (or is not getting the result) that they are going after. Will there be an option to view all the conditional blocks at once?
Great question, @Josh! In the live product, once you've chosen a property, the letter changes to that specific property. I've kept them as letters for the sake of presentation.
Oh yeah, I have been waiting for this <3
You're a design monster @Mason Yarnell
I love that you've stayed true to the Mixpanel visual style and haven't blindly run towards the flat movement.
Great job Mason.
This looks super helpful. Great stuff!
This soft color scheme is just wonderful. Love your combination between flat and not-so-flat touch. Inspiring!
I appreciate the feedback, guys! Thanks!
The clicking & Dragging is brilliant
The checkmark for the save/confirm/submit button still doesn't make sense to me especially when you have a label next to the delete icon. Otherwise looks like a complicated problem to solve, but very cool looking.
Hi Ryan, The delete text in the tooltip is revealed on hover. I realize that this might be a bit confusing in a single screenshot.
Brilliant，I like it
Super! Good work @Mason
Always superb color schemes on your ui Mason, very unique.
Inspiring as always! Beautiful website :)
I am in love.
Another awesomeness from you @Mason! Inspiring :)
keyboard shortcuts: ← previous shot → next shot L or F like
Show and tell for designers
What are you working on? Dribbble is a community of designers sharing screenshots of their work, process, and projects.
Copyright © 2009–2013 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.
Follow Dribbble on Twitter