User Experience Stack Exchange is a question and answer site for user experience researchers and experts. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

The interaction is like this: The user is trying to find an employee's name in a very long list sorted alphabetically. He/she only knows the employee's name starts with an "F". How to design the segmentation/pagination of the list?

I have some proposal below.

Select the starting letter from the drop-down list which contains 26 letters. Select the starting letter from the drop-down list which contains 26 letters.

Select a range from the drop-down list

Select a range from the drop-down list

Use the left hand side to jump to names starting with selected letter

Use the left hand side to jump to names starting with selected letter

Similar selector but divided by ranges

Similar selector but divided by ranges

Any other ideas?

share|improve this question

I dont really get why you are not using autocomplete as an option. Since your employee list is already sorted in alphabetical order,all you need to do is to pull up the data for the particular letter when the user types the first alphabet

enter image description here

This would work much better than using a dropdown as all the user has to do is to type the letter to pull up the data rather having to scroll through a dropdown to get the letter he wants or rather the segmentation he wants. Further more there are significant usability issues with using dropdowns as mentioned by this article in smashing magazine

Multiple problems are related to scrolling large drop-downs. If your mouse cursor is outside of the drop-down, you will most likely scroll down the entire page, hiding the drop-down options from the screen. In other browsers, however, the drop-down will actually scroll as long as it has focus, likely leaving you with erroneous data.

share|improve this answer
This works perfect if users know what to type. However, another scenarios is that if they are choosing among multiple options listed in the list instead of searching (they don't know what to type/search), they'll have to open the list... – wcdomy Nov 14 '12 at 18:11

The "Slide" selector option you have shown is a UX convention common in IOS. In IO the bar is on the left, and sits above the list on the z-index. I think it is a solid approach.

I tend to avoid drop down selectors at all costs, especially the standard form controls, not for any good reason other than I find them aesthetically dated, and the interaction not inspiring in anyway.

It should always be the goal to minimize the number of possible interactions(clicks and selects) and objects on the page while making everything in the viewport usable.

Without knowing the intended use(Devices, User, etc...) I cannot really suggest other options.

share|improve this answer
Hi auguorone. Welcome to the UX Stack Exchange! Do you have any evidence other than your own personal aesthetic preferences to support your statement that drop-down selectors should not be used? – Graham Herrli May 17 '13 at 23:42

Your Answer


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.