Horizontal Scrollers

1st edition — by Patrick McNeil — Jan. 31, 2007

Editions:

1 2

The Design Element

The horizontal scrolling site is somewhat of a strange little beast. With out digging into samples I know that my instinct is to think it is just an attempt to find someway to be unique. Almost annoyingly. But, after you look at a few samples you can see how it can actually be an interesting interface. In fact, it is almost more natural to scroll horizontally then it is to do so vertically. Imagine if the real world worked like the web. Going to an art gallery would require a very strange building that allowed the art to pass you by vertically, or an enormous stair case so you climb up and down to view the art. Ok, so that is kind of a silly point. But look at a few samples and you will see how natural it actually feels. Graphic Therapy is a great example of how fluid and pleasant a side scrolling site can be. Photography is a topic which strangely seems to fit this style well. Check out the portfolio of Meghan Petersen Photography. Perhaps it is the mostly vertical nature of the shots, but they feel like such a nice solid block of photos; very impressive indeed. Somehow I think it would really loose much of it's presentation power if it were done vertically.

divider

Sample Usage

divider

Comments

Xel

1/31/2007 1:00:27 PM

Yep - Photogalleries are much more like side-scrolling than text is.
Text was presented an media with more height than width for a very long time now (wasnīt always this way) we do not know it in another way and want to have it this way in the web. (dunno who made the monitor wider than high and dunno if it was such clever)
Gallerys where horizontal - so there is no problem in making them scroll horizontal in the web.

inspirationbit

2/4/2007 8:47:36 AM

Itīs interesting to see your featured sites with horizontal scrolling. I did a review on horizontal websites in the mid of January at
http://www.inspirationbit.com/horisontal-website-designs/
You can find some other interesting websites there as well.

JJ

2/5/2007 7:56:19 AM

I found another horizontal scrollsite from a girl with her photoportfolio: www.moniquebleijenberg.nl

albertofortes

2/5/2007 8:36:35 AM

I dont think that this is a good practice, because it has serious problems of accesibility. Maybe if you just use the horizontal sroll for images there is no problem but use it how a dessign resource is not ideal

nams

2/7/2007 7:33:15 PM

Does anybody know where I could find a tutorial on navigational horizontal scrolling, the kind thatīs in the Graphic Therapy site? Iīve looked everywhere but I canīt find one.... would appreciate any help. thanks!

Rich

4/7/2009 8:13:32 AM

Nams, feel free to use the css off my site. Richard Arran Photography

Make a Comment:

All fields are required & all posts are hand moderated.



(not displayed publicly)



Captcha