11.11.2014 Views

Professional Web Design: Techniques and Templates, Fourth Edition

Professional Web Design: Techniques and Templates, Fourth Edition

Professional Web Design: Techniques and Templates, Fourth Edition

SHOW MORE
SHOW LESS

Create successful ePaper yourself

Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.

Deciding on Resolution 53<br />

which is usually a result of higher resolution monitors. Although there are workarounds,<br />

people, by nature, don’t like change. This is only theory, though. Many<br />

times it’s difficult to truly know where the <strong>Web</strong> world will end up.<br />

The real question a designer needs to ask is ‘‘What is critical mass?’’ This ultimately<br />

determines what the newer resolution should be designed for. This is a<br />

call that, many times, a designer can leave to the client. Some people would say<br />

75 percent of all users would be critical mass. Others might say 95 percent,<br />

claiming that taking the risk of losing 25 percent of a user base is not worth the<br />

benefit of going to a higher resolution. Making such a decision cannot be based<br />

solely on general statistics. It should also be based on the type of audience a site is<br />

geared toward. If the audience is high-tech, a site will likely be designed for the<br />

highest acceptable resolution much sooner than if the site were geared toward a<br />

more general audience, such as a search-engine site intended to satisfy the largest<br />

audience possible. It is the job of the designer to know the statistics, underst<strong>and</strong><br />

the implications of the various resolutions, <strong>and</strong>, if need be, make the call on the<br />

resolution if the client ‘‘doesn’t care.’’<br />

When going to a higher resolution, the designer must consider the quantity <strong>and</strong><br />

ratio of content. As resolution increases, so does the screen real estate. Jumping<br />

from a resolution of 800 600 to 1024 768 increases the available screen area<br />

by nearly 40 percent. When designing for a content-intensive page, this extra<br />

space can be advantageous. The designer can either add more content or make<br />

current content look less busy by reworking the layout.<br />

This extra real estate is not as advantageous for a site with limited content. Sites<br />

that have less content usually are supplemented with more graphics. Considering<br />

that this can <strong>and</strong> probably will increase the download, it also increases the chance<br />

of losing an impatient user. Also, do not assume that just because a user’s<br />

monitor has a higher resolution that the user also has higher b<strong>and</strong>width. There<br />

are users with 1024 768 resolution who still use 56K modems.<br />

<strong>Design</strong>ing for a higher resolution does not necessarily mean that the designer<br />

need disregard monitors with lower resolutions. One trick that designers frequently<br />

use is to design a site where the least important information is delegated<br />

to a column to the right. That way, the most important information, which is on<br />

the left, is still viewable by a user when the monitor is set to a lower resolution.<br />

Figures 3.5 <strong>and</strong> 3.6 are screenshots of a site designed specifically for this issue.

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!