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.

User have to choose type of food (from 3 or 4 choices) in our application. Default selection is used in 60 - 70% of cases. What will be better: dropdown or radio buttons?

share|improve this question
5  
impossible to say without a lot more information. Best option would be to design both then user test. –  DA01 Sep 1 '11 at 5:50
1  
Keep in mind also the chances of this number of options changing. Requirements always change ;-) –  Wivani Sep 1 '11 at 10:55
    
see also ux.stackexchange.com/questions/456/… –  Benoît Pointet Oct 30 '12 at 10:10
    
Personally, I feel the default selection of a radio button works better than the default selection of a dropdown, because with the radio you see the other options. –  kontur Feb 7 '13 at 8:14
    
Note that just showing a short list might also be a solution. In this way, you also can see all choices. –  André Feb 7 '13 at 14:21

6 Answers 6

up vote 16 down vote accepted

It's impossible to give any meaningful rules on UI that would hold across all contexts. You might want to refer to your platform's UX guidelines for some guidance.

For the situation you describe, both widgets are probably reasonable choices. Radio buttons are useful if you want to emphasize the other available choices (e.g. to clarify the level of abstraction or precision), especially if the default choice is not very informative (e.g. “standard menu”). A drop-down list might be somewhat easier to operate with a keyboard, if a lot of data-entry is expected and users know the choices beforehand. It can also be adapted to allow users to enter something else (“combobox”). A big factor will be screen real estate, you can often save some space with a drop-down listbox compared to radio buttons.

If you really want to get to the bottom of this, you would have to test it with your own users but in most cases, it probably doesn't matter that much.

share|improve this answer
    
Re: keyboard operation in drop-down list: focusing on the Country drop-down, and typing C-A-N-A.. caters to advance users really well. Though when it comes to certain countries like U.S/USA/United States... –  andrewthong Nov 13 '11 at 4:19

If you have more than three options you can got for dropdown eg: yes/no - Radio button True/False - Radio button male/Female - Radio button

If we know that there is no increasing in options we can go for Radio button where user can select in single click and visibility is clear.

If we have lot of options and need to be dynamic we can prefer for dropdown.

share|improve this answer

According to this great article by UX Movement, using a select menu when there are only 3-4 choices available is not recommended:

When you have less than 5 options for users to select from, you should use radio buttons. This allows users to make their choice faster and easier because all they have to do is look at their options and click once. With a select menu, users have to click the menu, scroll to an option and click again. A select menu also keeps the other options hidden until the user clicks it. When you have less than 5 options, it’s better to visibly lay them all out on the form with radio buttons so that users can scan them quicker.

You can find much more about how to (not) use the select menu here in the aforementioned article: http://uxmovement.com/forms/stop-misusing-select-menus/

share|improve this answer

Nobody offered an answer for "both":

enter image description here

share|improve this answer
6  
That is one weird looking input! :) –  kontur Feb 7 '13 at 8:15

Radio buttons are better if the number of options is absolutely limited. I am currently designing a solution including a set of radio buttons plus an option for "Other". The list of fixed options will always be the same, but there are possibilities for extra choices. This is based on what the clients would like.

If you have the screen space, using radio buttons for the sort of solution you are describing would seem to be the appropriate solution.

share|improve this answer

Radio. If you have preselected the default value, user will open drop-down list to look at other choices (maybe something is better or new). Radio buttons show all choices and you can preselect default food type.

share|improve this answer
11  
Just as long as the number of elements is fixed and relatively small. –  GUI Junkie Sep 1 '11 at 8:13
2  
+1: reasonable answer imo. However, like DA01 mentioned in a comment: impossible to know for sure without more info. Best way to be sure what option is best: user-test both possibilities :) –  Jeroen Sep 1 '11 at 9:45
2  
You should be able to preselect the default one in a dropdown too. –  Wivani Sep 1 '11 at 10:53
    
@Vitaly thank you, Vitaly –  igor Sep 1 '11 at 11:52
1  
Radio. If the list grows, you can easily switch to ComboBox. –  jberger Sep 1 '11 at 14:58

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.