The 10 commandments of Web Design
Here are some useful tips to a new or experienced web master... Thou Shalt Have Purpose: Clearly define the site's purpose and ensure all content, graphics, and text tightly focus on that purpose. Discard all extraneous or distracting material and regularly revisit your site to ensure all changes fit with the site's primary purpose.
Thou Shalt Be Lightweight:
Use only fast-loading graphics and other elements. If you must use large graphics use thumbnails and image slicing to diminish the size of every file to lessen load times. Though the majority of surfers now carry high-speed access, avoid any content that requires the user to download special, non-standard ‘plug-ins’ to view your content.
Thou Shalt Load Fast:
Each and every entry page on your site should weigh in under 50-100KB total, including graphics and navigation. Interior pages can run larger, but the ‘front doors’ to your site should not make surfers wait long to start interacting with the site.
Thou Shalt Not Use False Code:
You should only use html, PHP or ASP to create your web pages. Never use java, xml, dhtml or other forms of code that require a surfer to keep their browser set up ‘correctly’ to accommodate your page. Unless you sell to “geeks” and “techno-nerds”, this will only lose you visitors and won’t make you any friends.
Thou Shalt Respect the Search Engines:
If you want search engine traffic use whole web pages that don’t incorporate frames or large amounts of code unrelated to your content. Also, if you want search traffic, actively cultivate linking relationships with related sites and operate a blog.
Love Thy Surfers and Visitors:
Design for “last year’s technology” so surfers using older computers and slower connections can download your content and use your site quickly and easily. Designing for the “bleeding edge” will only cut into your own profits.
Thou Shalt Not Annoy:
Use only stationary text and graphical layout elements. No Scrolling text, marquees, or large Flash animations of any kind, including those annoying, full-page Flash home pages that say Skip Intro. This eye candy rarely adds to a site’s main purpose and often causes your visitors to miss something or leave in frustration.
Thou Shalt Not Scroll Sideways:
Design your pages so they never force a visitor to scroll left or right no matter what the resolution settings on their monitor. Sites that read best viewed at 1024 x 768 really say “look at it my way because I don’t care about your preferences or limitations”.
Thou Shalt Stay Consistent:
Include a standard navigational structure on every page. Though it may mean a serious challenge for the designer, users should only need to click once to find every major section of a site. This includes using standard link colors in all text links. Blue: hyperlink; Purple: visited hyperlink; Red: active hyperlink.. Be consistent in your body link colors across all pages.
Thou Shalt Cultivate Subscribers:
Nothing floods your website with targeted traffic like sending an email message to your loyal subscriber base. Whether for a new product launch, affiliate product endorsement, or holiday sale, that list represents your most valuable online business asset. Make sure your website actively cultivates subscribers by giving them multiple opportunities to sign up and a compelling reason or incentive to do so. Then, make it worth their while to pay attention to you on a regular basis.
Thanks to Jim Edwards at Site Reference





“avoid any content that requires the user to download special, non-standard “plug-ins†to view your content…”
Do you even proof read what you are trying to say? Try out your own page on Firefox and see the screwed up font?
thanks for the catch, MIke. Those wierd characters appeared in the place of quotes after I moved the site to another server. Bad character encoding I guess
Fixed now.
-Warren
One thing I hate the most is when web designers decide the font size for me. Then when I need to enlarge the font up a notch, the layout of the page goes crazy. See for yourself, this page with Firefox and a control-mousewheel-down action makes the text jump over the darker right column of the page. Reading the content becomes a lot harder.
Other than that, short guidelines on web design are really needed. Yours are pretty good on that matter.
you’re right! The original layout of this site (before I took over) suffers from a little DIV-itis. I have removed a bunch of the nested divs so that I can control the columns better.
The columns now expand normally when the font-size changes.
thanks for the comment, Jarno.
I don’t follow all of these rules myself, but this page itself scrolls left-right below 600×800, and doesn’t have blue/purple/red link colours…
HI Steve-
as a rule-of-thumb, 770px width is a safe bet for a 800px screen width. Obvously, you have to keep in mind your target viewer. I think we can safely say that 640px screen width is a thing of the past.
Google analytics shows me that the viewers for this site are 100% between the screen resolution of 1024×768 and 1920×1200. So, in actuality – it would be “safe” for me to target the 1024 pixel width if I wanted to. Many large news sites now go with a 4 column layout, with the 3 main columns fitting into that 770px wide area.
as for the link colors – I am crossing that out
Hi Steve
What makes you think people devote there whole screen to their browser window? Your current width is OK but any wider and it will be too wide for me. (I’ve got 2960px width desktop)
I agree with you that 770px is a good width for a blog site.
I was pointing out that sites like http://www.cnn.com are starting to widen their sites ouside the 800×600 scope
Ps2 Games…
very nice blog…