Translating list with checkboxes, to a combo of dropdowns
I have this list with checkboxes:
My Product Manager wants to consolidate the information, because:
- It's overwhelming.
- It takes up a lot of space, and we may not have all that space, where this feature is going.
- No one will ever need all options. Most users will need only few.
I put together this dropdown combo, as an alternative. Is this the best UX? What are other options?
You could try consolidating the ethnicity and percentage into a single element, which makes adding and removing easier.
You would start with a single row. Once selected, if the user needs to add another ethnicity to their profile, only then would they add another row with the + button.
This way the choice of ethnicity and percentage is a single element, and you change both the ethnicity selection and amount close to each other, and just add or remove as needed.
This element is sometimes known as a form stack.