Services Main Page
Web Design Services
Hosting
Online Business Solutions

 

 

 

 

 

 

 

Alta Vista Business Services Blog

AVBS Blog's focus is on bridging the gap between small, local business and Internet technology. AVBS offers articles for small businesses: start-ups, online shops, entrepreneurs, Internet newbies, and design freelancers. Topics include: introducing and/or evaluating affordable new technologies, tools, networks and resources, both online and locally.

Really Usable Site Design-- the horizontal screen dilemma.

Daphne Correa - Thursday, February 25, 2010
There's something about designing for the Web that irritates me. You may have noticed, many Websites have HUGE headers. I'm the first to admit, I've created many a site with chunky headers. We've all heard the rule Form Follows Function. And I totally agree with that! Yet we (the design community) continue to design sites that might look smashing because they have huge, graphic headers, but the main content of each page is at and below the fold, which forces users to scroll down to read content. How functional is that?! Call me lazy, but I really don't like to scroll. Do I have to assume it is just a necessary evil and everyone just has to deal with it? Can we rethink this dilemma? As designers and content developers, I know we can do better.

The fact of the matter is it is really difficult to design for a horizontal layout. Maybe for a few reasons. Maybe we have looked at and designed for vertical pages on paper so long, that we can't get our heads around the horizontal screen we are now designing for. Now don't get me wrong, I don't think we need to be scrolling horizontally either. I'm talking about limiting the size of the header, and keeping content in smaller chunks to minimize scrolling. Is it better to click or to scroll?

I have noticed that sites developed in Flash tend to keep things in screen-size chunks. This is probably more difficult to achieve because it requires more links, and more condensed, less verbose content. In spite of all that, this might be the way to go for the future of more usable sites. I, for one, am going to attempt to develop HTML/CSS sites that follow this same rule. (I know... wish me luck!)

I would love some commentary from other designers on this subject.  Do you think it is important? Do you think we tend to over-design sites? Is it time to start thinking of better ways to use the screen space? If you have already achieved this, I'd love to see some examples. Please tell me your experiences and thoughts on this issue.
Comments
marc commented on 25-Mar-2010 04:47 PM
Had a laugh when I saw the image of the vertical-oriented monitor. I seem to recall rotating monitors sold not so long ago; perhaps they're on to something. :-) I really enjoyed this article, and I've struggled with the same dilemma when designing websites. It eventually comes down to a compromise between content and aesthetics. From what I've seen of your design style thus far, I can say you implement clean, no-nonsense designs that are elegant yet get to the point. Brava! A former resident of New Hampshire, Marc P.s. Nice work on the Paychecks of New Hampshire website!
Just commented on 01-Apr-2010 10:01 AM
I agree with most of what you say. I think that the less people need to scroll the better, although I think that scrolling os preferable to clicking to a next page. One of the issues I have had is the increasing amount of space used by browsers. Sadly we cannot predict which browser (and at what setting) our customers are using. I am curious what your opinion would be of our site www.artfusion.nl We have tried to keep things simple, clear, uncluttered and direct (sorry about the Dutch but we will be translating within the next few weeks). What I find in many sites is that they provide an overload of visual (soemtimes auditory) stimulus; multiple moving images, many with sound and so much content on one page that you need to spend too long to find what you need, if you ever do.
web designer commented on 02-Jun-2010 02:37 PM
Agree with author. Did anyone did website usability testing for horizontal scroll? I might agree and will try to make test web site with horizontal scroll only. But I will keep fixed wight for about 1200 with left and right arrows for web site navigation. will post link later. thank you for good post. Nikolay web designer and Web developer in Syracuse, New York

Post a Comment




Captcha Image