Old-School Web Design - Fagetaboutit!

May 30, 2006, 04:38 PM —  ITworld.com — 

Web design in the early days was full of potential pitfalls. You couldn't make pages too wide, or people would have to figure out how to scroll left and right. You couldn't make pages too long - people would miss information that fell "below the fold". You had to limit the colors you used, or what you thought was blue might show up as red on a user's screen. And creating multimedia was often a waste of effort, because most people had slow web connections.

As technology has evolved, the guidelines that many of us learned to deal with the Web's early limitations are becoming less important, and in some cases, even liabilities. Here are three aspects of old-school Web design that it's time to put to rest.

Limited Screen Resolution: Fagetaboutit!

If you had a computer ten years ago, you probably had a VGA monitor with a massive 640 x 480 screen resolution. If you were really lucky, you might have had an 800 x 600 pixel screen. This meant that Web sites had to be significantly limited in width, or users would have to scroll around. A user with a tiny screen could even get lost scrolling around a big Web page!

Many sites and web builders are still working with these old-school resolutions in mind. Unless you're building pages for your local Windows 95 user group, it's probably time to move on to designing for bigger and better resolutions.

The majority of Web surfers now use screen resolutions 1024 x 768 or higher. At most Web sites, less than 10-20% of the visitors use lower screen resolutions. It's time to make life easy for most of your users, and take advantage of the bigger screen resolutions that they are using.

A high-profile example of this happening is the recent redesign of the New York Times' site. The layout is built for 1024 x 768 screen resolution, putting an index of the major site sections along the left and using four columns to provide news highlights. The most important content fits in an 800 x 600 pixel area, but the design basically assumes that users are running at higher screen resolutions.

The Browser-Safe Color Palette: Fagetaboutit!

Along with low screen resolutions, those VGA monitors gave us limited color depths, dithering and the dreaded Browser-Safe Color Palette.

The Browser-Safe Color Palette was a collection of 216 colors that were supported by early browsers. You could organize them by hue! You could organize them by color! But, no matter how you organized them, they were 216 colors that never seemed to include the colors you needed, like the colors of your company's logo.

At this point, 95% or more of the people browsing the Web are using higher color depths:

I like it!
Post a comment
The content of this field is kept private and will not be shown publicly.
  • Allowed HTML tags: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd>
  • Lines and paragraphs break automatically.
Resources
White Paper

Symantec Backup Exec 12 and Backup Exec System Recovery 8 deliver industry leading Windows data protection and system recovery. Download this whitepaper to find out the top reasons to upgrade and how to get continuous data protection and complete system recovery.

Webcast

Data and system loss — from a hard drive failure, malicious attack, natural disaster, or simple human error — can happen anytime. Don’t leave your business vulnerable. Make sure you have a secure recovery strategy in place. Symantec's latest backup and system recovery technology can efficiently restore critical applications, individual emails and documents and even restore your entire system in minutes in the event of a loss.

White Paper

Businesses face a growing challenge to ensure that the IT environment is properly protected. Backup Exec 12 integrates with other applications in the Symantec family of products, to complement your current data protection strategy, keep your data securely backed up and make it recoverable when you need it most.

Free stuff

VMware ESX Server in the Enterprise
By Edward L. Haletky
Published Dec 29, 2007 by Prentice Hall.
Enter now! | Official rules | Sample chapter

Green IT
By Toby Velte, Anthony Velte, Robert C. Elsenpeter
To be published Oct. 10, 2008 by McGraw Hill Professional
Enter now! | Official rules | About the book

Featured Sponsor

AISO founders envisioned a Web hosting company that was environmentally friendly. While the company employed energy-efficient innovations like solar panels, its infrastructure produced unacceptable power and cooling requirements. Find out how AISO leveraged AMD technology to overcome their challenge in this case study white paper.

In this whitepaper, Scalar explores the opportunity to change the landscape with respect to mission critical databases built around Oracle. Leveraging technologies such as Linux, high-end commodity processing power and Oracle RAC technology to architect, design, build and maintain database infrastructure that delivers maximum availability, reliability and performance at a fraction of traditional cost.

On a typical day, weather.com, the Web site for The Weather Channel in Atlanta, serves up between 15 million and 20 million page views. But in September 2004, when back-to-back hurricanes ransacked Florida, the peak traffic on one day more than tripled: over 70 million page views by more than 7 million unique visitors. Read the full success story now.

More Resources