Take the 2-minute tour ×
User Experience Stack Exchange is a question and answer site for user experience researchers and experts. It's 100% free, no registration required.

Consider the two inputs below:

Screenshot showing a drop down menu and a multiselect input

Ignoring the poor label placement for a moment...

It seems to me that in many cases, either of these inputs could perform the same function.

Do either of these inputs have a big advantage over the other in terms of form usability?

I have read (e.g. Label Placement in Forms :: UXmatters) that drop down menus have a significant impact on saccade times.

Is it possible that a multiselect (even constrained to a single selection) might be a better option?

Each has its own prima facie advantages:

  • The multiselect allows the user to immediately see a sample of the options available, which may aid in quickly understanding the intent of the input (and clarify an ambiguous label)
  • The drop down menu allows shows the selected option as its current state, and so allows a user to quickly verify their selection, in a way that the multiselect does not

Finally, has there been any discussion of a combination of the two?

The wireframe combo I've mocked up below shares the visibility of the multiselect options with the statefulness of the drop down menu.

enter image description here

Are there any obvious problems with this alternative?

Note: I realise this alternative is very close to a combo-box, with one significant difference. Here, the user does not need to start typing to reveal available options. It seems to me the combo-box is great for allowing the user to actively narrow a long list in an efficient way. But combo-boxes do not generally create the visibility of options that a multiselect does.

Note: I'd use "multiselect" and "list-box" as synonyms.

share|improve this question
    
Hey Justin. I'm a little confused. Are you suggesting the multi-select could be a way to go, even though the user can only choose one option? Cheers, Jessica –  Formulate Information Design Dec 4 '12 at 11:23
add comment

1 Answer 1

There are several issues with multi-selects.

  • they are uncommon, therefore potentially confusing for users
  • they require the use of a modifier key, again potentially confusing/difficult for users
  • no native default implementation for mobile devices

I'd consider a common implementation that you do see on mobile, which I think works well in desktop situations and that's a scrollable checkbox list.

It's clearly a list, so you can see the options immediately, and the checkboxes make it clear that you can select more than one without the need for any sort of modifier key.

share|improve this answer
    
You misunderstand the question - He is referring to the look of the multiselect, not the fact that you can multi-select. –  Ruirize Dec 4 '12 at 16:43
    
They go hand in hand. –  DA01 Dec 4 '12 at 17:11
add comment

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

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