Graphics Tools - Publish.com
Publish.com Ziff-Davis Enterprise  
SEARCH · ONLINE MEDIA · MOBILE · WEB DESIGN · GRAPHICS TOOLS · PRINTING · PHOTO · TIPS · OPINIONS
Home arrow Graphics Tools arrow Hardware, screen resolution and bandwidth
Hardware, screen resolution and bandwidth
By Ilise Benun

Rate This Article:
Add This Article To:
3 factors you can’t control have a lot to do with the way your visitors interact with your site.

Everyone of your site visitors has a different computer, a different size monitor, different settings and preferences for everything from text size to screen resolution, different modem speed (bandwidth) and more. The myriad possible combination of variables makes each and every user’s experience different. This, plus the fact that designers and developers often have more advanced equipment than the common person, makes creating a uniform design almost impossible.

 

The good news is that the sites you create don’t need to be compatible with all platforms and browsers everywhere. They just need to be compatible with the hardware and software that most of your intended visitors are using. A reasonable goal is to accommodate at least 90% of your site’s users. Here are the three most important variables to take into consideration:

 

1. Hardware (PC, Mac, or others) and Software (browser, such as IE, Netscape or others)

 

Each system and Web browser has its own quirks, some of which affect the following:

  • Offset - The space between the edge of the browser window and where the content begins.
  • Canvas size - When a browser window is set for 600 x 800 screen resolution, you don’t actually have that amount of pixel space available for content. You must allow space for browser toolbars, which are generally in default mode, making the windows people are actually using much smaller.
  • Text size - Although there is very little variation in HTML text size among browsers, there are differences from platforms to platform. You can be fairly assured of good display with a basic font set including Verdana, Arial and Helvetica. But users can change the default settings for type size and other graphic elements, so you must accommodate for that. 
  • Color- A major difference between platforms is the way they handle gamma, or the amount of displayed brightness. That means that any graphic you design on a Mac will appear darker and muddier when viewed on a PC. Conversely, any graphic you design on a PC will look somewhat washed out on a Mac.

When designing for specific user groups, find out how up-to-date their hardware and software is. If they’re sophisticated users, they may have the latest version. But remember that not everyone rushes into browser upgrade every time a new one is released. And unless you know that your users are using another platform, such as Linux or Unix, don’t waste time designing for (or conducting usability tests on) them.

2. Screen resolution

Screen resolution refers to the dimensions, in pixels, of your screen's display. (This has nothing to do with monitor size. Any size monitor can be set to almost any resolution.) The most common dimensions are 640 x 480, 800 x 600 (the current standard), and 1,024 x 768. It's important to find out which screen resolution the vast majority of your target audience is using because it affects the layout of your page. The most crucial content must display within their screen sans scrolling—in other words, above the fold, that most valued area of real estate—so they are sure to see it. The fold also wraps around the right edge, so anything hidden off to that side would also be below the fold. You can place less important content to the right of or below the fold.

3. Bandwidth

Bandwidth refers to the pipe: it’s the connection speed through which the Internet arrives at the user’s computer. Some users have high (fast) bandwidth via DSL, a cable modem, T1 or T3 connections. Some have low (slow) bandwidth, via dialup modems.

The number one complaint on the Web is that pages download too slowly, and while there are many factors that contribute to how long a page takes to download, one of the main factors is the connection speed of your users. Plus, many things can slow down connect speed. A 56 kbps modem may, in reality, not get above 48 kbps. Also, there may be traffic on the Internet, which slows downloading time. So you must know what kind of bandwidth the majority of your users have and then remember that it’s probably a little slower.

Balance technical flashiness with a healthy concern for your viewers' bandwidth capacity. While high speed connections are available to an ever-increasing number of users, especially business users, as of 2003, there are still a lot of people dialing up on standard 56-Kbps (or lower) modems.




Discuss Hardware, screen resolution and bandwidth
 
>>> Be the FIRST to comment on this article!
 

 
 
>>> More Graphics Tools Articles          >>> More By Ilise Benun
 


Buyer's Guide
Explore hundreds of products in our Publish.com Buyer's Guide.
Web design
Content management
Graphics Software
Streaming Media
Video
Digital photography
Stock photography
Web development
View all >

ADVERTISEMENT


FREE ZIFF DAVIS ENTERPRISE ESEMINARS AT ESEMINARSLIVE.COM
  • Dec 10, 4 p.m. ET
    Eliminate the Drawbacks of Traditional Backup/Replication for Linux
    with Michael Krieger. Sponsored by InMage
  • Dec 11, 1 p.m. ET
    Data Modeling and Metadata Management with PowerDesigner
    with Joel Shore. Sponsored by Sybase
  • Dec 12, 12 p.m. ET
    Closing the IT Business Gap: Monitoring the End-User Experience
    with Michael Krieger. Sponsored by Compuware
  • Dec 12, 2 p.m. ET
    Enabling IT Consolidation
    with Michael Krieger. Sponsored by Riverbed & VMWare
  • VTS
    Join us on Dec. 19 for Discovering Value in Stored Data & Reducing Business Risk. Join this interactive day-long event to learn how your enterprise can cost-effectively manage stored data while keeping it secure, compliant and accessible. Disorganized storage can prevent your enterprise from extracting the maximum value from information assets. Learn how to organize enterprise data so vital information assets can help your business thrive. Explore policies, strategies and tactics from creation through deletion. Attend live or on-demand with complimentary registration!
    FEATURED CONTENT
    IT LINK DISCUSSION - MIGRATION
    A Windows Vista® migration introduces new and unique challenges to any IT organization. It's important to understand early on whether your systems, hardware, applications and end users are ready for the transition.
    Join the discussion today!



    .NAME Charging For Whois
    Whois has always been a free service, but the .NAME registry is trying to change that.
    Read More >>

    Sponsored by Ziff Davis Enterprise Group

    NEW FROM ZIFF DAVIS ENTERPRISE


    Delivering the latest technology news & reviews straight to your handheld device

    Now you can get the latest technology news & reviews from the trusted editors of eWEEK.com on your handheld device
    mobile.eWEEK.com

     


    RSS 2.0 Feed


    internet
    rss graphic Publish.com
    rss graphic Google Watch

    Video Interviews


    streaming video
    Designing Apps for Usability
    DevSource interviews usability pundit Dr. Jakob Nielsen on everything from the proper attitude for programmers to the importance of prototyping in design to the reasons why PDF, Flash and local search engines can hurt more than they help.
    ADVERTISEMENT