I am but a simple BA, and I am currently working on adding functionality to an existing web application. I am told there is no budget for a UI designer! So I was hoping I can get some feedback on this design here.

On this page, the user will make selections in both dropdowns, and then click Calculate. That will generate the charts based on her selections.
Here's a conceptual mock-up. (I changed content and colors to protect proprietary information). enter image description here

Now, some charts are dependent on the first drodpown only, some are dependent on the second dropdown only, and some are dependent on both. We would like to visually indicate which charts are which. Our solution was with color coded-badges in each chart that indicate the dropdown selection(s) that contributed to that chart.
In this mock-up, the first chart is dependent on both dropdowns, but the 2nd chart is dependent only on the 2nd dropdown.
Those weird looking shapes above the dropdowns are my attempt to come up with a color-coded design for the dropdown labels that I could draw with my basic Figma skills, and that didn't look like the rectangular button, and didn't look like the badges. enter image description here

I would really appreciate some input on ways I can improve this! Thanks

  • 5
    I’m voting to close this question because idea farming is off-topic. Such questions are entirely opinion based and are essentially asking for free work. I realize that may not be your intention but "give me some ideas" is not a question where a correct answer can be chosen. In addition, ux.stackexchange.com may be a more appropriate stack for this.
    – Scott
    Commented Sep 19, 2023 at 18:56


Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Browse other questions tagged or ask your own question.