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.

I am designing a web application which consists of several modules, and for some of these modules the user must be able to select how many/which sources of data to display in the module.

I had originally decided to simply use radio buttons, with one radio button for each data source and one radio button for displaying every data source in the module (it is a requirement that the user can show only one or all).

However, the amount of available data sources can vary from 1 to x (x can be very high) depending on the user - and the radio buttons will do a good job if the user only has 3 data sources, but not so much if the user has 20 sources of data available.

I have considered showing radio buttons for user where amount of data sources are < 7, and using a drop down list for > 7 (we can check how many data sources are returned to the user), but I am afraid this can cause some inconsistency if the user for example one day goes from having 6 to 10 sources of data.

Another option could be displaying a radio button for selecting a single data source, with a dropdown list for this option - and a radio button for selecting every available data source.

Any suggestions on the best way of solving this?

share|improve this question
1  
The latter option you're describing feels sounds like the right approach. –  Bart Oct 30 '13 at 10:20

3 Answers 3

A consistent UI is very important. If you do as you described, having radio buttons for <7 and drop down for >=7, then

  • not only will the UI vary if the number of sources changes,
  • but also the UI could vary module to module, making the product more difficult/confusing to use.

If the option to change sources must always be present, then I suggest always using the drop down, for consistency.

If the option does not always need to be present, then I would take this approach:

  • No drop downs or radio buttons
  • Offer to change a source when a new source is added, or when the module is being used for the first time
  • When offering to change the source, display a scrolling list such as: module source selector
share|improve this answer

When possible, the interface should reflect the actual decisions the user has to take. In this case, a user needs to decide whether or not to go with "all" or a "single source", so separating out that decision is a good move as it will be easier for users to understand.

However, you still have an issue of whether or not to show a drop down or radio buttons for the single sources. I would recommend taking an approach similar to what you have described (i.e. over a certain amount use drop down, under a certain amount use radio buttons), but make sure the amount of options you are showing for is based on what the design can handle. 7 may be too many for a phone, but just right for a 960px grid on a desktop/laptop.

Here is more info on drop down usability: http://baymard.com/blog/drop-down-usability

share|improve this answer
    
Thank you for your answer. The app is for desktop/laptop, so I have more space at my disposal. –  hxw Oct 30 '13 at 13:02

Radio buttons are only good for a few standard choices. You have described:

can vary from 1 to x (x can be very high)

A drop down list can handle from one to a few hundred options with ease. If you only have a single value set it to auto populate in the text box for the drop down.

You don't mention a requirement to use radio buttons, only a preference early in design before the number of values was known. Leave Radio Buttons out and jsut go with drop down. Inconsistency can be extremely frustrating.

share|improve this answer
    
I agree that drop down may be the best solution for avoiding consistency issues. But I'll try to dig up some statistics on the amount of data sources our various users have. If the average amount of data sources is less than 7, I think maybe using buttons by default and switching it with drop down lists for users with more than 7 (or less) may be the best approach. Do you have any suggestions for the best solution if the user must be able to select multiple data sources, but not every available data source (check boxes instead of radio buttons)? –  hxw Oct 30 '13 at 15:40
1  
Is there a reason you can not have multiple select in your drop down? Most systems will allow multiple select with ctrl –  James Jenkins Oct 30 '13 at 19:15

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.