Which direction is better for sorting multi-column lists?
Asked Answered
U

2

9

Please note, I'm not asking how to implement or code a multi-column list.

There are two ways to sort multi-column lists: horizontal and vertical. Many of the Microsoft System.Web.UI.WebControls have a RepeatDirection property that offers these two options. I'm sure other frameworks also offer these direction options.

Below are samples of the two options:

Horizontal sorting (alphabetical)

* Ash      * Beech      * Cedar
* Date     * Elm        * Fir
* Grape    * Hawthorn   * Ivy

Horizontal sorting (numeric)

1. Ash      2. Beech       3. Cedar
4. Date     5. Elm         6. Fir
7. Grape    8. Hawthorn    9. Ivy

Vertical sorting (alphabetical)

* Ash      * Date    * Grape
* Beech    * Elm     * Hawthorn
* Cedar    * Fir     * Ivy

Vertical sorting (numeric)

1. Ash      4. Date    7. Grape
2. Beech    5. Elm     8. Hawthorn
3. Cedar    6. Fir     9. Ivy 

Vertical sorting is the default behavior of many of the .Net web multi-column list controls (such as CheckBoxList).

I researched the topic looking at the usual document formatting standards that I used in college (APA, MLA, Chicago), but I have found nothing related to multi-column lists.

Are any actual arguments or document format standards/guidelines/rules for specifying the sort direction of multi-column lists?

Unmentionable answered 14/7, 2010 at 20:25 Comment(1)
I'll keep this open for a few days to see if there's any more responses with studies, info, etc. Findings (so far) summarized and expanded upon at jamesewelch.wordpress.com/2010/07/15/…Unmentionable
P
8

I personally would have thought right-to-left, top-to-bottom "reading order" would've made the most sense - however, I'm starting to wonder about that in this situation.

I guess the easier to 'scan' with the eyes may well be vertical as it's much easier to scan the first few characters of left-aligned text than scanning across and looking at the first characters of columnized text.

Pinto answered 14/7, 2010 at 20:35 Comment(5)
That's also my observation that vertical is better (when you actually look at the items), but I need to somehow justify that against the opposing argument.Unmentionable
Just throw a phone book at the naysayers, and tell them vertical sort was good enough for everyone who used to use them. On a more serious note though, searching journals for this subject turns up a surprising lack of academic material/research on list usability/readability..Mose
Yes. that's been my problem. I haven't found any definitive source stating anything on the matter. I know that most people prefer vertical, but it would be nice to have some study/journal support that reasoning.Unmentionable
@Jim W: Would this be useful: usability.gov/pdfs/chapter12.pdf ? Look on page two, in the image examples. I'm assuming that they drew that conclusion from one of the mentioned references, but I may be wrong. Oh, yep, on page five, they even give you a comparative "scan rate" percentage.Mose
@Tim, Thanks that's a good source. I'm been trying to track down it's references to find out the logic/justification for it's recommendation.Unmentionable
B
9

I was at a UI-design talk where the speaker suggested that we put more space between things you want the user to see as separate from each other, and less space between things you want the user to see as belonging together.

Since there's a much bigger margin between any two columns than there is between any two lines of text, the brain will see this as three separate columns. The contents of each column belong together into one logical group, and there are three groups. So your second example is much easier to follow -- the first reaction is to scan through (down) the first group (column) before jumping all the way over to the next group.

If there weren't those big gaps between columns -- e.g., if you had a fixed-width font and every label was the same number of characters, and you had only one space between each column instead of a larger margin -- then yes, people would read across with no trouble. But the instinct to group things is stronger than the learned behavior of reading left-to-right.

Bolinger answered 14/7, 2010 at 20:49 Comment(1)
The spacing/grouping is a good argument and logically makes sense. That feels like a good way to describe my personal preference of vertical sorting.Unmentionable
P
8

I personally would have thought right-to-left, top-to-bottom "reading order" would've made the most sense - however, I'm starting to wonder about that in this situation.

I guess the easier to 'scan' with the eyes may well be vertical as it's much easier to scan the first few characters of left-aligned text than scanning across and looking at the first characters of columnized text.

Pinto answered 14/7, 2010 at 20:35 Comment(5)
That's also my observation that vertical is better (when you actually look at the items), but I need to somehow justify that against the opposing argument.Unmentionable
Just throw a phone book at the naysayers, and tell them vertical sort was good enough for everyone who used to use them. On a more serious note though, searching journals for this subject turns up a surprising lack of academic material/research on list usability/readability..Mose
Yes. that's been my problem. I haven't found any definitive source stating anything on the matter. I know that most people prefer vertical, but it would be nice to have some study/journal support that reasoning.Unmentionable
@Jim W: Would this be useful: usability.gov/pdfs/chapter12.pdf ? Look on page two, in the image examples. I'm assuming that they drew that conclusion from one of the mentioned references, but I may be wrong. Oh, yep, on page five, they even give you a comparative "scan rate" percentage.Mose
@Tim, Thanks that's a good source. I'm been trying to track down it's references to find out the logic/justification for it's recommendation.Unmentionable

© 2022 - 2024 — McMap. All rights reserved.