Translating list with checkboxes, to a combo of dropdowns



  • I have this list with checkboxes: enter image description here

    My Product Manager wants to consolidate the information, because:

    1. It's overwhelming.
    2. It takes up a lot of space, and we may not have all that space, where this feature is going.
    3. 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?

    enter image description here



  • 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.

    enter image description here

    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.




Suggested Topics

  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2