educational

Which Width Works?

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.

Copyright © 2024 Adnet Media. All Rights Reserved. XBIZ is a trademark of Adnet Media.
Reproduction in whole or in part in any form or medium without express written permission is prohibited.

More Articles

opinion

The Search for Perfection in Your Payments Page

There has been a lot of talk about changes to cross sales and checkout pages. You have likely noticed that acquirers are now actively pushing back on allowing merchants to offer a negative option, upsell or any cross sales on payment pages.

Cathy Beardsley ·
opinion

Unpacking the Payment Card Industry's Latest Data Security Standard

The Payment Card Industry Data Security Standard (PCI DSS) is a set of requirements and guidelines that apply to all businesses that accept credit card payments, and is designed to ensure the security of those transactions.

Jonathan Corona ·
opinion

Compliance With State Age Verification Laws

During the past year, website operators have faced a slew of new state age verification laws entailing a variety of inconsistent compliance obligations.

Lawrence Walters ·
opinion

Merchants in Spotlight With Visa's VIRP

By now, most merchants know about the Visa Integrity Risk Program (VIRP) rolled out in spring 2023. The program is designed to ensure that acquirers and their designated agents — payment facilitators, independent sales organizations and wallets — maintain proper controls and oversight to prevent illegal transactions from entering the Visa payment system.

Cathy Beardsley ·
opinion

How to Know When Hosting Upgrades Are Really Needed

I was reminded about an annoyingly common experience that often frustrates website owners: upgrades. Sometimes, an upgrade of physical system resources like CPU, RAM or storage really is required to solve a problem or improve performance… but how do you know you’re not just being upsold?

Brad Mitchell ·
profile

WIA Profile: Natasha Inamorata

Natasha Inamorata was just a kid when she first picked up a disposable camera. She quickly became enamored with it and continued to shoot with whatever equipment she could afford. In her teens, she saved enough money to purchase a digital Canon ELPH, began taking portraits of her friends, shot an entire wedding on a point-and-shoot camera and edited the photos with Picnik.

Women in Adult ·
trends

Collab Nation: Top Creators Share Best Practices for Fruitful Co-Shoots

One of the fastest ways for creators to gain new subscribers and buyers, not to mention monetize their existing fan base, is to collaborate with other creators. The extra star power can multiply potential earnings, broaden brand reach and boost a creator’s reputation in the community.

Alejandro Freixes ·
opinion

Bridging Generational Divides in Payment Preferences

While Baby Boomers and Gen Xers tend to be most comfortable with the traditional payment methods to which they are accustomed, like cash and credit cards, the younger cohorts — Millennials and Gen Z — have veered sharply toward digital-first payment solutions.

Jonathan Corona ·
opinion

Legal and Business Safety for Creators at Trade Shows

As I write this, I am preparing to attend XBIZ Miami, which reminds me of attending my first trade show 20 years ago. Since then, I have met thousands of people from all over the world who were doing business — or seeking to do business — in the adult industry.

Corey D. Silverstein ·
opinion

Adding AI to Your Company's Tech Toolbox

Artificial intelligence is all the rage. Not only is AI all over the headlines, it is also top of mind for many company leadership teams, who find themselves asking, “How can this new tool help our company?”

Cathy Beardsley ·
Show More