I often come across the situation where the user must make a high-level choice using radio buttons or dropdown, and - depending on that choice - different sets of subordinate options are presented.

Here's an example of the sort of thing from PUTTY where depending on the Connection Type, different parameters are entered. (This is a pretty simple case, where there's only two subordinate options and the type and number don't vary accordng to the primary option.

(And, if this was my design I'd have the radio buttons above the other options!)

enter image description here enter image description here

I'm not keen on this approach because the changing subordinate options are something of a hidden affordance. A design using tabs for each "Connection Type" could work better, but using tab selection to control a 'mode' is very unintuitive.

enter image description here

I feel there should be a better way, but I'm unsure what it is.

1 Answer 1


the connection type is a single-choice, in UI for single-choice you can use radio button or dropdown. If you use the tab, it's means the user can choose all type of connection at a same time (multiple choice).

I have recommendation using drop down, i attach the sample, hopefully this help you :)

enter image description here

enter image description here

enter image description here

Your Answer

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

Not the answer you're looking for? Browse other questions tagged or ask your own question.