Reading a Large List - How do your eyes want to follow?

Discussion in 'HTML & Website Design' started by DeluxeEdition, Apr 6, 2008.

?

How Do you Read A Large List?

  1. Horizontally

    2 vote(s)
    28.6%
  2. Vertically

    5 vote(s)
    71.4%
  3. Don't know

    0 vote(s)
    0.0%
  1. #1
    This is for an English (American) Language List.

    When your reading a large three (3) Column list how do your eyes move? I currently have a list set up like this Horizontally (But with about 15 rows to the 3 columns).

    There is also a space between the columns that I can't seem to figure out how to duplicate here so if anyone knows please feel free to post it below)


    A B C
    D E F
    G H I
    J K L

    but I find my eyes want to follow the list Vertically like this:

    A E I
    B F J
    C G K
    D H L

    Am I the only one or should I change this to the vertical way?
     
    DeluxeEdition, Apr 6, 2008 IP
  2. SitPoMk

    SitPoMk Peon

    Messages:
    457
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    0
    #2
    I'm an american
    I would go with the second way
    My eye's wouldn't want to keep switching lines
     
    SitPoMk, Apr 6, 2008 IP
  3. DeluxeEdition

    DeluxeEdition Active Member

    Messages:
    308
    Likes Received:
    13
    Best Answers:
    0
    Trophy Points:
    58
    #3
    SitPoMk - Yeah that's what my eyes keep wanting to do too even though you would think the Horizontal way would be the correct one.
     
    DeluxeEdition, Apr 6, 2008 IP
  4. SitPoMk

    SitPoMk Peon

    Messages:
    457
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Is there actually a standard?
     
    SitPoMk, Apr 6, 2008 IP
  5. kk5st

    kk5st Prominent Member

    Messages:
    3,497
    Likes Received:
    376
    Best Answers:
    29
    Trophy Points:
    335
    #5
    From study, (can't give references)

    Continuous text, like reading normal text sentences, is easier read horizontally with a column width of 60–65 characters.

    Discontinuous text like a list is easier to read as a vertical column. The column length is best kept to fit within a single page (viewport) height, then move to another column. The number of lines in each column should be near equal. Leave a generous gutter between columns.

    Consider the readability of a css ruleset, which is a list of property/value pairs:
    
    #wrapper { background-color: #fff; color: #333; margin: 0 auto; max-width: 900px; min-width: 760px; overflow: hidden; position: relative; width: 85%; }
    
    #wrapper {
      background-color: #fff;
      color: #333;
      margin: 0 auto;
      max-width: 900px;
      min-width: 760px;
      overflow: hidden;
      position: relative;
      width: 85%;
      }
    Code (markup):
    Which is the easier to read? My money's on the vertical format.

    cheers,

    gary
     
    kk5st, Apr 6, 2008 IP
  6. DeluxeEdition

    DeluxeEdition Active Member

    Messages:
    308
    Likes Received:
    13
    Best Answers:
    0
    Trophy Points:
    58
    #6
    Thanks Gary great response
     
    DeluxeEdition, Apr 7, 2008 IP
  7. dazw1

    dazw1 Peon

    Messages:
    73
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #7
    horizontal
     
    dazw1, Apr 9, 2008 IP
  8. arwen54

    arwen54 Active Member

    Messages:
    632
    Likes Received:
    23
    Best Answers:
    0
    Trophy Points:
    60
    #8
    Gary is right on!
    I agree, vertical is the way to go
     
    arwen54, Apr 9, 2008 IP
  9. lionspace

    lionspace Peon

    Messages:
    155
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #9
    Verticaly. OR With much spaces between them :p Because People always Read everything like a sentence when it's horizontally. People take a break when they see it ends. :) so they think more about that line. :) So Verticaly ;)
     
    lionspace, Apr 13, 2008 IP
  10. astarwebdesigns

    astarwebdesigns Peon

    Messages:
    38
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #10
    id have to disagree here.....people read from left to right
     
    astarwebdesigns, Apr 13, 2008 IP