Business, Tech Tips, Technology - Written by Chris Gillis on Thursday, September 11, 2008 15:58 - 5 Comments

Designing for the Web Part 1 of 3

Today I am going to veer a little off of web marketing and focus on a three part series called ‘Designing for the Web’. Today I will be focusing on the challenges designers face when starting a new website project.

The main technical/design challenges that a web designer faces when a new project comes across their desk are:

Screen Resolution and Size
Color
Browsers
Operating Systems
Typography

Screen Resolution and Sizes
The current trend is that more and more computers are using a screen size of 1024×768 pixels or more. This needs to be taken into account and decisions are made by the designer based on demographics. For instance if I knew the target market of the business or organization was ages 65 and up, than I may make the decision to gear the site to the lowest browser of 640×480. If the site is for a Gaming company than it would be safe to make the decision to go with 1024×768 or higher.

Colors
Web safe colors are not such a large issue these days with modern displays. The “web-safe” color palette consists of 216 color values and was developed at a time when many computer displays were only capable of displaying 256 color. If you want to stay on the safe side of design, stick to this color palette.

Browsers
Not only do users have different sized monitors and resolutions, there are currently sever major browsers that need to be supported:

Internet Explorer 7
Internet Explorer 6
Internet Explorer 5
Firefox
Mozilla
Safari
Opera

They all treat web code completely different, so we must code and design carefully in order to make the website look and feel similar in each browser.

Operating Systems
WinXP
W2000
Win98
Vista
W2003
Linux
Mac

These will also affect web code and decisions need to be made by the designer based on demographics.

Typography
Web typography is very limited compared to what a tradition print graphic designer has to work with. Generally a web designer has about six or so fonts that are loaded on most Macs and PCs. Through the use of CSS, you can start to make you web typography look very nice these days, but was not always the case.

Most of the current stats from the above can be viewed on The W3 Schools website by clicking on the left column.

As you can see, there are many considerations a designer has when making decisions on how large a site they will design, what colors, what fonts they will use. All of this while making sure the website works properly on all browsers and platforms…not an easy task. Next week I will start the design from plain white paper and black marker and bring it into a design program for composition. As always - If you ever have any questions on the article, feel free to contact me or post comments below.

[Slashdot] [Digg] [Reddit] [del.icio.us] [Facebook] [Technorati] [Google] [StumbleUpon]


5 Comments

You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

Ryan Schenk
Sep 11, 2008 16:12

I’ve dropped support for IE5 and 6 on my sites. For my audience, it’s just not worth it.

Ryan Schenk
Sep 11, 2008 16:13

Clarification: “worth it” == “worth the pain, mental anguish, soul crushing despair, hair pulling, rending of clothes, etc that usually accompany IE5 and IE6’s css ’support’ “

Chris Gillis
Sep 11, 2008 16:14
Chris Gillis

I hear you Ryan. Saltline Studio will probably be dropping support for IE6 in the beginning of 2009 as well.

Chris Corriveau
Sep 11, 2008 16:14
Chris Corriveau

IE6 is no longer in a month, we plan to drop support for it too. Great article something all people should understand when they want a website. There are a lot of factors us web people have to deal with.

Designing for the Web Part 2 of 3 | @Bar
Sep 25, 2008 13:27

[...] weeks ago I gave the first part of this three part series on Designing for the Web. Last week I was away at Wine 2.0 in NYC and [...]

Leave a Reply

Comment

Subscribe to the Latest Articles via RSS           

Most Popular Content


My site was nominated for Best Geek Blog!

Martini Monday - Sep 15, 2008 12:49 - 1 Comment

Aloha! Roy’s Hawaiian Martini and Ahi Poke!

More In Martini Monday


Business, Tech Tips, Technology - Nov 13, 2008 15:43 - 7 Comments

Working in The New Economy Part I of III

More In Technology


Business, Cape Cod, Tech Tips, Technology - Nov 6, 2008 12:22 - 0 Comments

I’ve got a Blog…now what?

More In Cape Cod