Website Design Basic Concepts


So, what's in a website design anyway? And, how do you get a design that is appealing to the broad and varied tastes of all those Internet surfers out there?

This is critical. Your website design is the first impression you make on your customers and visitors. There are a few sites in my favorites and bookmarks that I consider poorly designed. I still have them, because they have information I want. Lucky for the site owner that their content was that good! But one day I will find another site with the same information and a better design. Then guess who will be in my favorites and who will be left out? Maybe your content is great too, but don't take chances on a poor design. Think how much more repeat traffic and referred traffic you will get if you have both great content and great design.

Design Taste Varies - OK, design is a matter of taste and target audience to some degree. What looks good to one visitor may not be so great to another. Here we have the old adage of "one man's trash is another man's treasure". But there are solid basics that go into good site design. Creating a distinctive visual style and applying it consistently is the best way to bind a series of subjects and web pages together.

Layouts - The layout of your site is an important design element. A webpage is a document, plain and simple. It is like formatting a letter, an outline, a report, or an advertisement. Establish a layout grid and a style for handling your text and graphics, then stick with it to build a consistent rhythm and unity across all the pages of your site. Make it easy to follow, pleasing to the eye. Learn to use tables and nested tables, lists, and even well designed frames for controlling layouts.

Color - Color has a lot to do with target audience as well. What appeals to a teenager may not work with a target audience of baby-boomers, and so forth. But anybody can appreciate color coordination. Color coordination can be learned. Yes, it's a lot easier if you have a natural "knack" for these things, but you can learn basic color coordination techniques that make the difference between "tacky, yuk!!!" and "soothing to the eye".

Safe Colors - Everyone does NOT have 16 million colors on their computer. Learn to use the websafe 216 colors. Notice that's 216 colors, not 256 colors. This is a matter of video card capability and you are at the mercy of the viewer's personal computer system. Your best bet is to stick to 6 x 6 x 6 bit color resolution (216 colors) to cover the majority of Internet users. The 216 color palette gives you plenty for design options. Sure, not as many as 256 colors or 16 million, but still plenty to accomplish what you want or need to do with color.

Page Load Time - Now I'll be the first person to admit that I have made *personal* web pages which have large graphics or music .wav files and other things that take awhile to load. The point here is, they are my personal websites, *not* my professional or commercial websites. I may use these long loading pages for demo-ing several techniques, or chatting with friends and other developers, but never never never for professional site design (unless my client insists, in which case I do not use their site as a demo to other potential clients!). This doesn't mean you have to give up everything on professional sites. It just means take it easy, use only one high-load-time element or two, learn to compress your graphics properly, and if you've got that much "stuff" then break it up into more than one page.

Don't Overdo IT - A typical mistake among developers is to overdo it when putting together a website. Try to use extras in moderation. Some common things that get overused are:

Too much of something just comes off as being "cutsie", tacky, or unoriginal...but used properly it can add just the right touch. Learn to use things that compliment your site's content, and not to overdo it with extra techniques and tricks.

Readability - Make your pages as easy to read as possible. Black text on a white or off-white background is the easiest to read. There are plenty of hard-to-read pages that use backgrounds the same shade as the text (dark text on a dark background and light on light), or what I call the "neon" look with bright color on bright color.

Learn to use the tag and give your readers a font that's easy on the eye. I always think it's such a shame to see a site full of great content and then left in the default Times New Roman font. Use a sans-serif font - arial and verdana are good choices, then put "sans-serif" generic font in your last html tag attribute to cover anyone that may not have a specific font you listed as a first choice or second choice.

Browser and Monitor Compatibility -. Learn to make your web pages compatible with both Microsoft Internet Explorer(IE) and Netscape Navigator. After preparing a site, test it in both browsers and ondifferent screen sizes or resolutions. Typical figures are 80% of Internet users are on the IE browser, 80% using 800 x 600 resolution, and most on a 15" or 17" screen....but, can you really afford for your site to look poor to 20% of the market? The answer is NO. Make your site compatible with both browsers and take that silly "best viewed with..." graphic off the site! Furthermore, use alt tags in your graphics for people who surf with images turned off, or on smaller browsers which don't support them.

Using Java - Personally, I like Java and use it in site design. However, you have to remember many people turn it off for one reason or another. Or they may be using a browser that doesn't support it.Therefore, if you use a java driven menu (quite popular nowadays), you better have some alternate navigation.

About The Author

Kim Eyer, of EyerStation.com publishes the WebSiteOwner eZine for webmasters and small businesses. To get your monthly copy and access to its support website, send a blank email to eyerstation@carolina.net with the word "Subscribe" in the subject line.

Related News:

4 Reasons Not To Design Your Own Website
Remember, your web site is the first thing that the online buyer will look at. Therefore, a bad quality website design would reflect on your business, giving negative perception on your products or services. The number of consumers buying online is growing rapidly and the last thing you want is to have your potential customers to shop on your competitors’ websites because they are better.

5 Things You Need To Know Before Hiring A Web Designer
Everyone loves saving money and some will even go beyond to do so. You are saving money only if you get at least the same quality web site design for less money. However, it would be considered very expensive if you are getting an insightful and error prone web site design for it. Finding a good web designer for your web site is the first step to the success of your online business.

From Good Web Design To Great Web Design
While it is relatively easy to poke fun at bad web site designs, it is a much harder task to distinguish good design from great design. A great web designer is more like a problem solver. Every web sites has its own set of functions to address one or more problems. Finding the root cause of the problem is the first step of great web site design concept. In the nutshell, web site design is a two steps process; finding the problem and then applying the right solution to address it.

10 Must See Scarilious Web sites
Hi Ghost lovers, Haunters and the haunted, are you looking for the good old scary times? Here are what you have been waiting for, The compilation of 10 of the most Scarilious Web sites. They are the best of the scariest and bloodiest web sites of them all that you'll be downright scared of your own shadow.

Sailors Build Boating Websites in Seconds with Free Website Platform Built by Sailors for Sailors
For sailors and Boating enthusiasts, it has always been a chore to keep good communication with fellow crew members to share info, pictures, and schedule events. Blue Water Media addresses this need with a newly created website platform called Telltale. Telltale allows sailors to create their own personalized boating website within minutes.
PR Leap

The Evolution of Web Designers
A growing number of web designers are learning how to code as their clients have more sophisticated requirement. This new trends will emerge to create a new breed of web designers, Web Application Designer?

Mac OS X Leopard-enhanced Freeway Web Design Software
Softpress announced that on October 26th 2007, it will release the Leopard-enabled Freeway 4.4 that is compatible with the Apple's Mac OS X Leopard’s new 'Quick Look' functionality, in which, you will be able to display an enlarged preview of a file without opening it.

Web Site Cookbook: Page Design and Navigation
Color, layout, and navigation are what usually come to mind when one thinks about web design. This paper explores some of those choices and present solutions that will help the user balance aesthetics with usability.
ZDNet

Is Man Better At Web Design?
According to a 2007 Web Design Survey by A List Apart, the average web designer is white male whose age is between 25 and 32 years old.

Event: Voices that Matter in Web Design
By David Dahlquist :: Filed Under » Events Heads up, San Franciscans—New Riders, Pearson Technology Group’s Web design imprint, is bringing it to the Bay by ...more
CMSWire, CA

First Ever Web Design Survey Results
Close to 33000 web professionals answered the survey's 37 questions, providing the first data ever collected on the business of web design and development ...more
Slashdot

Related Articles:

Church Website Design And Web 2.0-effective Web Techniques For Fulfilling The Great Commission
Wikipedia describes Web 2.0 as an often-misused phrase that refers to second-generation Internet-based services that allow people to share and collaborate in previously unavailable ways. If you cut through the marketing hype of this term, you're left with a simple concept: the web is no longer a static medium with limited or one-way communication. Fully utilized, static church websites, with little or no reach, can be transformed into community-building, self-propagating, communication powerhouses with enormous reach. Is this important to your ministry? No. It's not important; it's critical. Let me explain.

Top Ten Fonts for Website Design
The top ten fonts for website design might change in order, but for the most part the fonts that make up this list stay the same due to their popularity. In general, the top ten list includes Arial, Frutiger, Futura, Gills Sans, Helvetica, Lucida, Optima, Palatino, Agfa Rotis, and Univers.

Website Design companies: why would I need one?
In this day and age of the Internet, a multitude of transactions are done online everyday, from seeking information for research purposes, to booking yourself accommodations for your holiday, to buying your grandmother's prescription medications. A huge percentage of business is now conducted online, often called e-business, starting from the initial deal and even all the way to the payment.

Website Design For Small Businesses
There are many different website design companies, offering different facilities such as flash design, however what should a small business look for when seeking an internet prescence?When choosing which company you would like to build your website, there are many factors which you need to take into consideration.Firstly how much is the website going to cost to build and host.

DipidyDawg, the 'Gourmet Dog Bakery' Unveils its New Website Design
DipidyDawg revealed the new design of its website www.dipidydawg.com offering a wide variety of all Natural Gourmet Dog Treats and other healthy dog bakery products. The company is an exclusive dog bakery utilizing all natural and organic ingredients for making cookies, biscotti, bagels, bones and many more treats for canines. The company was formed with the primary objective of providing dog owners with fine quality dog bakery products without any artificial flavors, preservatives or artificial colors. The treats are not only sumptuous but also healthy and handmade. In fact, they are packed full of vitamins, proteins, amino acids and other nutrients b...

Affordable Custom Website Design Solution Company
Making the right choice when it comes to the web design company that you will use can be very difficult. Thanks to the cheaper and more user friendly software programs that are now available just about anyone in the world can create a web site and have it live in a matter of days or perhaps even hours. That is not to say that this will be a good or even pretty good web site. Most likely this will be the most basic and low quality of all web sites and nothing that would attract and impress the visitors that you have. Sadly this is so common place anymore that people will take what they can get, hence the reason why so many new web sites are running around the web today. If you are looking for an affordable custom website design solution comp...

5 Important Rules in Website Design
When it comes to your website, extra attention should be paid to every minute detail to make sure it performs optimally to serve its purpose. Here are seven important rules of thumb to observe to make sure your website performs well.

Exotissimo Travel Launches New Website Design
Exotissimo Travel, a Bangkok-based travel company, is proud to announce the launch of its new design for its website, www.exotissimo.com.


Privacy Policy | Copyright/Trademark Notification