Horizontal designs and scrolling to the right

I’m noticing more and more web sites that rely on a sideways or horizontal-scroll where the content extends off to the side, not down south below the screen, but to the right.

I see this in apps as well as sites.

Example number one: TweetDeck. Need more searches or hashtags to track? Add them and they populate off to the right, not below the scroll.

Second example: Julia Allison – faux internet celebrity has a “lifecast” – Non-Society — that scrolls sideways.

Third example: Google’s News timeline (which I really dig design-wise but haven’t fallen in love with yet as a navigation for my news needs).

Fourth example – The New York Times’ Adobe Air reader – hit the right arrow button and it’s like turning the page.

Example five: Kindle. Hit the bar on the right edge of the device and you flip the page just like one licks one’s thumb and reaches up and to the right to turn the page on that old copy of War and Peace.

Is this trend driven by the gradual death of the 4:3 “square” monitor ratio in favor of the 16:10/16:9 wide “letterbox” mode now standard on most laptops and flat panel desktop monitors? I think so. As we lose real estate on the vertical scroll the horizontal real estate on the screen begins to dominate. Web sites that assumed (in the dark ages of HTML 2.0 and Web 1.0) a 800×600 resolution, tended to constrain their content in a “snake” of text that scrolled downwards, vertically, sinking below the bottom bezel of our monitors and laptop screen. PgDN and the down arrow keys were essential navigation aids for the reader in the first wave of page design. Now? We’re going to the right and I expect to see more of it.

Author: David Churbuck

Cape Codder with an itch to write

2 thoughts on “Horizontal designs and scrolling to the right”

  1. David:
    Along with the letterbox laptops, I would imagine that these days the client, at some point during the design of their website, turns to somebody at their web design firm and says “show me how it will look on my iphone.”

    Like

  2. I hate this design flaw. Not everyone can afford a wide screen laptop, tv, or monitor. If the main content is off the screen sideways, where my scroll doesn’t scroll, then I’ll move on to something else.

    Oh, and all those sites you mentioned… I’ve never visited any of them. Thanks for pointing out what I can avoid.

    Like

Leave a Reply

Please log in using one of these methods to post your comment:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s