How to display a choice between two ComboBox?

Question

I search an intuitive way to display a choice between two options with a specific ComboBox for each option.

The target is to display a roadmap by a specific axis of analysis ('Department' or 'Business Domain') defined by the user. That's why I thought about the radiobuttons. And then, the user has to select a specific value in a combobox (or something else) for this specific axe.

I thought about the following mockup:

^{download bmml source – Wireframes created with Balsamiq Mockups}

Or maybe a navigation by "tab", with a ComboBox per tab:

^{download bmml source}

But the content is really similar for each tab.

I can't directly ask the users now and the feature is a bit "urgent" but I'd like to offer something with a nice UX.

Do you have a suggestion for this kind of user choice/selection?

Answer 1

Disable the non-active combobox. Leave it visible, but grayed out, so that only the selected one is interactive.

But can I ask why it's split into radio buttons with comboboxes? What kind of options is the user actually picking here?

Answer 2

How about:

^{download bmml source – Wireframes created with Balsamiq Mockups}

The reason why a tabular view is not recommended is because the user will not be able to see all of the data at once, allowing him/her to compare what's offered. Just make sure it's quite obvious what is selected and what isn't. Also keep an eye on hierarchy.

Best of luck!

Answer 3

Without know what the options are it's harder to say if these solutions will work, so hope fully this works in your context.

I'd maybe break this up in to two steps, you choose the your first option, then your second.

But the mix of radio, then select boxes seems strange (again unsure of the content), so maybe something like:

Answer 4

You can use a type of switch control to let user choose option. Switching to the different option will change the list below. Highlighted part is a good header for the list, too: