8

If you have several options behind a button with list, how would you sort the options? The button is shown at the bottom of a form, so the list will collapse above it.

Let's say that the options can be divided in groups, and that the group with option 2 & 3 is likely more used than group with option 1 and 4. The group with options 5,6 & 7 will be the least used.

How should the options be sorted:

  1. Most used group is shown on top, with most likely used item at first.
  2. Most used group is shown on bottom, with most likely used item on bottom of the group.

mockup

download bmml source – Wireframes created with Balsamiq Mockups

3 Answers 3

8

Looking at the convention you should have the most popular option on top. The user is used to scanning a list this way, from top to bottom, no matter how the list came to be.

Taken from Google Chrome:

Collapsed

enter image description here

Expanded

enter image description here

The upper alternative is Open, which would be the most utilized in this case.

3
  • I've gotten this question from an analyst who asked me if important options would not be less far if they were on the bottom. I had my doubts, as you state it too, a list is read top to bottom. It will only take the user longer to get there?
    – Kim
    Dec 19, 2012 at 12:51
  • 2
    Yep, the user won't know beforehand how the items are sorted or even where the item they want is in the list, and so will scan the list. Users will scan from the top.
    – Erics
    Dec 19, 2012 at 13:27
  • @Kim as Erics so neatly pointed out, the user will read from top to bottom. Dec 19, 2012 at 13:58
2

In Methods Engineering (I'm a Industrial Engineer) when you layout work stations or assembly lines, the chosen position for tools, materials, machines and people is influenced by the distance between consecutive actions, in order to gain efficiency by reducing the time you lost in transportation. So, as an Industrial Engineer, I would prefer your second option: the most used actions at the bottom, near the list's arrow I just clicked. But...

As a developer, I know that many users dislikes "inconsistencies". With the exception of Asians and some Europeans cultures, people usually prefer to read from top to bottom and from left to right. And that is a very common behavior in many SO and apps: Just right click on a file in Windows or Linux, and the first few options are probably those what you use most. If I where in your situation I would chose the first option: most used items on top.

There is another related question titled "Why not default a users view to the middle of a sorted list". They talk about alphabetic order, but the I think that the general idea still applies.

0

Sort top down

Most cultures read top down. The most important option goes on top because that is where it's likely your eyes will start reading, as you intuitively try to grasp the block of texts.

If possible, the top of the menu is placed at the mouse position. As you mention, it might reposition if it does not fit. But a reposition does not change our reading order.

And what if you one day would move your combobox? Or add another one further up. Would your users have to learn that option sorting depends on the window position of the options?

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

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