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

Strategic Upscaling of Non-4K Content

If content is king in adult, then technical quality is the throne upon which it sits. Technical quality drives customer acquisition and new sales, while cementing retention and long-term loyalty.

Brad Mitchell ·
profile

'Traffic Captain' Andy Wullmer Braves the High Seas as Spirited Exec

Wullmer networked and hobnobbed, gaining expertise in everything from ecommerce to SEO and traffic, making connections and over time rising through the ranks of several companies to become CEO of the mobile business arm of TrafficPartner.

Alejandro Freixes ·
opinion

To Cloud or Not to Cloud, That Is the Question

Let’s be honest. It just sounds way cooler to say your business is “in the cloud,” right? Buzzwords make everything sound chic and relevant. In fact, someone uninformed might even assume that any hosting that is not in the cloud is inferior. So what’s the truth?

Brad Mitchell ·
opinion

Upcoming Visa Price Changes to Registration, Transaction Fees

Visa is updating its fee structure. Effective April 1, both the card brand’s initial nonrefundable application fee and annual renewal fee will increase from $500 to $950. Visa is also introducing a fee of 10 cents for each settled transaction, and 10 basis points — 0.1% — on the payment volume of certain merchant accounts.

Jonathan Corona ·
opinion

Unpacking the New Digital Services Act

Do you hear the word “regulation” and get nervous? When it comes to the EU’s Digital Services Act (DSA), you shouldn’t worry. If you’re complying with the most up-to-date card brand regulations, you can breathe a sigh of relief.

Cathy Beardsley ·
opinion

The Perils of Relying on ChatGPT for Legal Advice

It surprised me how many people admitted that they had used ChatGPT or similar services either to draft legal documents or to provide legal advice. “Surprised” is probably an understatement of my reaction to learning about this, as “horrified” more accurately describes my emotional response.

Corey D. Silverstein ·
profile

WIA Profile: Holly Randall

If you’re one of the many regular listeners to Holly Randall’s celebrated podcast, you are already familiar with her charming intro spiel: “Hi, I’m Holly Randall and welcome to my podcast, ‘Holly Randall Unfiltered.’ This is the show about sex, the adult industry and the people in it.

Women In Adult ·
trends

What's Hot Now: Leading Content Players on Trending Genres, Monetization Strategies

The juggernaut creator economy hurtles along, fueled by ever-ascendant demand for personality-based authenticity and intimacy — yet any reports of the demise of the traditional paysite are greatly exaggerated.

Alejandro Freixes ·
opinion

An Ethical Approach to Global Tech Staffing

One thing my 24-year career as a technologist working to support the online adult entertainment industry has taught me about is the power of global staffing. Without a doubt, I have achieved significantly more business success as a direct result of hiring abroad.

Brad Mitchell ·
opinion

Finding the Right Payment Partner

Whenever I am talking with businesses that are just getting started, one particular question comes up a lot: “How do I get a merchant account?” It’s a simple question, but it has a complicated answer.

Jonathan Corona ·
Show More