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 adding a single selection drop-down containing a list of all countries (around 200+ items).

In Windows it works fine as it displays 10-15 countries at a time and the scroll bar shows up. On the Mac, the drop-down shows all the items at once. The users have to scroll down through all items to look for their desired item.

I am not using a text-field as it may require spell check.

What are alternatives to a large drop-down select list that will work similarly across computers?

share|improve this question
2  
You present the situation, but you haven't made any question. Is your question why is different on those devices? is your question if that is accessible? or usable? or easy to understand? There are many options, please clarify that. –  PatomaS Feb 14 at 11:27
    
What is your question, specifically? Also I can't tell what you are getting at by the "this is no the users..." sentence. –  Alnitak Feb 14 at 11:28
    
wanted ask for alternatives –  silenthokage Feb 14 at 12:02

7 Answers 7

up vote 2 down vote accepted

I would say that drop-downs does annoy user and you should simply use an text input and tell the users that they can type in required fields. BUT, if there no alternative for a dropdown menu, there's very little that we can do. this is what only Safari users face and are already use to it, and therefore the behavior they expect from UI.

By the way, you can use script will user navigate easily hot-key like click on ’a’ will take you first country name start with ‘a’ and so on.

share|improve this answer
    
you don't need to 'script hot keys' as the drop down does that by default via the browser itself. (tab into the field, start typing, and it will jump to the first item with the letter you typed.) –  DA01 Mar 18 at 15:38

I recommend implementing some kind of searching functionality. Dropdown-search hybrid elements are quite popular and a good way to solve this.

Select2 is a commonly used javascript library for building such hybrid dropdowns.

share|improve this answer
    
I was going to suggest a search feature with custom search suggestions, like this one: developer.android.com/guide/topics/search/… but I actually like the Select2 suggestion better. Thank you for including the JS library link! –  PixelGraph Mar 18 at 16:33
1  
This is the correct answer for design at this time - regardless of any one library or solution –  New Alexandria Mar 18 at 16:33

http://harvesthq.github.io/chosen/

Chosen is a very sleek solution for large amounts of data in dropdowns. If you only are concerned for Country dropdowns, relax, users are used to select the country from a list, they use the keyboard to jump quickly to the desired country.

share|improve this answer

but why you are use dropdown instead you use text box and perform like search box whenever user type their country show the country name match the keyword pattern.after click on country name text box filled with that country name.

share|improve this answer

I think, you need to implement categories. If your dropdown is displaying countries, would it be better to group the countries into categories? So, you'll have two dropdowns, one about the continent maybe, and the second is about the country within that continent. You can also use drop down text, in which you can also type in your choice and the drop down will autocomplete it based on the choice it has in its menu. Or you can also build your own drop down menu, which lists the countries not only to down, but also to the right. That way, the users can see more options before they're "forced" to scroll down. And the scroll down won't be a very long list, as you've divided the list into several column in that drop down.

share|improve this answer

200-300 isn't so bad to scroll through. We don't get too many new countries that often, so the list is relatively slow-growing.

You could use auto-completion where the user must type at least n (usually 2) characters into a before showing the top m (usually 10) results on a list that will pop up, without a scroll bar.

I think a substring search would work well - show the top m countries in alphabetical order that have the exact letter sequence as what's in the text box after each key press.

share|improve this answer
    
actually, it's horrible by modern standards. the search-hybrid is the right answer –  New Alexandria Mar 18 at 16:34

To make it work fast you need to use auto-suggest functionality with the text box. Where user can press some keystrokes they remember and they get the whole word as suggestion.

E.g. In case where user need to select their city. So, when user types ny or new it should suggest the new york in the result, and this will make the process faster for the user to select the desired option and feels more usable

Other alternative to go with grouping the drop down list using optgroup

You can read the whole in details here - http://www.importux.com/drop-down-menus-common-misuse/

For auto-suggest feature see this - http://api.jqueryui.com/autocomplete/#entry-examples

share|improve this answer

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.