Home > Features > Which Width Works? • Bookmark   • Newsletters   • Register Search Options

FEATURE

Which Width Works?

Which Width Works?

April 11, 2006
Text size: 
Get XBIZ News
XBIZ Research
Will virtual reality boost the paysite market?
Yes, it will soon
  40.12%
Yes, but in a few years
  37.21%
No
  22.67%
Out of 172 votes. Results based on votes submitted by members of XBIZ.net social network.

" one size does not fit all when it comes to design and layout "

Lately I've been seeing message board threads asking about the best screen size to design web pages for; a question for which there is no one "right" answer. There are several factors involved in deciding which resolution is the best choice for your particular project, but the question brings up issues far beyond this simple decision; issues that directly impact the user's experience at your website and consequently, both his satisfaction with your presentation, as well as your ability to make a sale to him or her.

One reason why the question of screen resolution comes up is that designers who have tested their creations across multiple browsers and platforms are often shocked to see the ways in which their "babies" are mangled. By building fixed-size designs with as many parameters as possible hard-coded in, designers can better control what their site's users see and thus the consistency of their message -- but only if the designer can choose the right width for his or her design.

Make the width wider than the user's screen and you commit the worst error in website design; building a page with a horizontal scroll bar. Make it too narrow, and it may get lost on a high-rez screen. Make it full-width on a high-rez screen and risk unwieldy, unattractive and hard to read text blocks; which is one of the main problems that fixed-width designs seek to solve...

Relying on "average" use statistics publicly available online to tell you which screen size is most popular may not help you target your audience. For example, webmaster resource sites target advanced users who are likely to have the latest systems and browser software, as well as broadband connectivity and high-resolution screens. These are different audience parameters than a mainstream user with a four-year-old computer and a dial-up connection; a user that very well may be more representative of your customers. Your particular user is not someone else's particular user.

So how do you decide on what's best? The best bet for selecting an appropriate target screen size is to examine your server logs for information on what your audience is using to view your site and to design accordingly. You must also ask yourself if you are willing to sacrifice users in order to make your design chores easier?

Finding that most of your users are surfing at 1024x768, with 800x600 coming in second, and very few visitors at higher (or lower) resolutions, could allow you to design for an 800x600 screen; a size that will look great on an 800x600 monitor, nice at 1024x768, and acceptable at 1280x1024, with a horizontal scroll bar for the few remaining 640x480 viewers. A suitable target width of say, 768px, being useable for several more years.

Nothing is ever fool-proof, however, so it's not uncommon to see careful designs rendered unattractive by users with browsers not "maximized" to take advantage of the full screen real estate, using over- or under-sized fonts, plus add-on toolbars limiting the height of the browser's main window, along with a whole other series of options the user may (or may not have) selected that will impact your design.

Times have changed, however, and the issue is no longer as simple as a choice between two or three possible resolutions. With rapid advancements in entertainment media allowing web pages to be viewed on mobile and gaming devices, the choices in target device resolution have skyrocketed. When looking at the variety of distribution methods available today, it should come as no surprise that "one size does not fit all" when it comes to design and layout.

It is this variety of display devices that is increasing the pressures on designers to go with standards-compliant "fluid" concepts, rather than "fixed" ones. By this, I mean that rather than designing a fixed-width web page that looks great at one screen size, or even multiple, individually optimized pages tailored for different screen sizes, that "fluid" designs that are not reliant on a fixed width or height, might make more sense. In simple terms, [CODE]width="100%"[/CODE] could be the way to go, but this also depends on your needs and audience.

As I said in the beginning, there's no one right answer to the question of "what is the best screen size to design for?" -- and it is a question that is getting harder to answer with each passing day. Hopefully, though, I've imparted some "philosophical" points that can help you make the best choice for your online operation. Remember, whatever width or design you try, test it on as many platforms and at as many screen resolutions, as possible.


EDUCATIONAL FEATURES

E-Stim Basics: Selling Customers on Powerboxes as Pleasure Tools

Electrosex is a commonly misunderstood pleasure practice for good reason: Most of us have negative associations with electricity; maybe we’ve been shocked after rubbing our feet across a carpeted... More »

Search Oftentimes Is Left to Chance

Adult content is frowned upon in search, whether in paid, organic or social. With the big algo updates from the past few years, Google has cleaned up search, trying to get rid of spammy and low-quality... More »

Five Tips to Generate Repeat Business

A $50 sale is great. But what if you could get that same $50 sale to come back four times in the next few months? Here are some ideas how to achieve that. 1) On your receipts, you should have an option... More »
XBIZ NEWSLETTERS
Stay informed of the latest industry developments. Get XBIZ newsletters delivered to your inbox. Subscribe today!
Enter email address:

* To manage existing subscriptions click here.






POPULAR PRODUCTS & SERVICES
Submit your press release to
multiple news outlets with 1 click.
Subscribe to RSS news feeds or
add free content to your website.
Access XBIZ news and articles
with your mobile device.
Subscribe to XBIZ World magazine, the industry's leading e-commerce trade publication, delivering in-depth coverage of the online, mobile and ancillary digital markets.

UPCOMING EVENTS

XBIZ 2017

Jan 09 - Jan 13
Hollywood, CA

XBIZ Awards 2017

Jan 12 - Jan 12
Los Angeles, CA

ANME Founders Show

Jan 14 - Jan 15
Los Angeles Marriott Burbank Airport

Everything To Do With Sex Show

Jan 20 - Jan 22
Montréal, Québec
Everyday thousands of business professionals browse XBIZ's industry directory for quality products and services. Not listed yet? Your company could be losing potential new business. Submit your company today!
Use XBIZ RSS feeds to stay informed of the latest industry developments or as a content syndication tool for your website!