2

I'm creating a long list of countries that span across 3 columns and initially I ordered them left to right and then top to bottom but a colleague of mine said it would be more natural to sort it first top to bottom and then left to right.

The overall height of the columns is small enough to be completely in view within the viewport on desktop so there's not a problem with having to scroll vertically to read through the whole column before moving to the next.

Are there some best practices surrounding this?

Curious to hear your thoughts, thank you!

1
  • 1
    The language selection in Google Translate has a column layout and is sorted top to bottom first.
    – jazZRo
    Sep 4 at 11:51
2

Conventionally, like in newspaper column layouts, it's top to bottom, then left to right as your colleague suggests.

For your dataset, a list of countries with just 3 columns, there's going to be a lot more different eye movements needed from your user if you organise them left to right first - looking across 3 items, then back to the start of the row underneath, looking across 3 items, then back etc.. (If they're alphabetically ordered they can cut a lot of that out of course)

Going all strategic, what are you using this big long list of countries for? If it's for users to pick one, probably better to let the user type a couple of letters first and then have autocomplete suggestions.

1
  • That makes sense... didn't even consider the newspaper layouts. I'm wondering if there is a huge difference in the regular reading order between older users that actually grew up with newspapers/magazines and younger users that are much more used to reading online articles. What do you think?
    – MACC
    Sep 3 at 14:07

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

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