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 conider 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 option. 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:

• graphics
• background images
• bevels and other graphic tricks
• excessive frames
• text scrolling, animated .gif's, page fade-ins

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 resolution. 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 [email protected] with the word "Subscribe" in the subject line.

MORE RESOURCES

People Locator find anyone in the USA

RELATED WEB SITE DESIGN ARTICLES: Size Does Matter! In this article we will be looking at why you should keep your web page size small.As any good webmaster knows you should keep the web page size small, but why? It's really simple, both spiders and visitors hate web pages that take forever to load because it's harder to spider the web page or for the visitor they just don't have time to wait for your web page to come up, after all most web sites are not that great, so why wait if your the visitor?You should keep images down in size, the best way to do this is with image compressors. Your Website Hurts My Eyes: 7 Reason to Tone Down Your Advertising So you're on the computer, as usual. Your eyes are smarting. Creating Your First Website Building your first website can be very frustrating. It looks fairly easy, but almost always turns out to be more complicated than you expected. 5 Ways To Automate Your Site Automating your online business is one of the most important steps you can take to insure your success on the internet.If you have been on the internet for any time at all, you know that there are just too many tasks to do each day to be really efficient and productive with them all. Graphic Terms- The Basics Part I You're almost set. The content of your website, e-book, or software is complete. The Technology May Change, But Human Nature Remains The Same Let me repeat that.. Web Usability: The Basics What is web usability & why is it important? Web usability is about making your website in such a way that your site users can find what they're looking for quickly and efficiently. A usable website can reap huge benefits on to your website and your business. Tried and Tested Tips to Improve Your Website - Part 1 1. DO NOT use excessive graphics or banner images on a single web page. How to Make the Online Sales Copy for Your Website More Conversational It has been said that the best online sales copy is one that talks to your prospect as if you are in together in a conversation.But for some of my subscribers to my newsletter, they find it difficult to accomplish. Usability and Coniderate Design I hate to imagine that in your web development project team meetings, the one thing that will be overlooked is consideration for the end user. Yet, how many white boards have you seen lately that have "ease of use", or "be polite to customers" scribbled anywhere on them? Rather, the discussion hits on revenue generation, business requirements, colored backgrounds and information architecture. Maximizing Web Site View ability - Browsers With so many different configuration internet users have their computers set up with, it can be difficult to decide how web sites should be configured so that it is viewable in as many configuration as possible.So in the last 6 months i have been logging the statistics from my web design site to achieve as accurate a result as possible to answer this question. Is Your Web Site Turning Visitors Away? One of the biggest problems with Web sites is that the very first page on the site is turning people away.Why? Because most Web site owners talk about themselves instead of talking about their Web site visitor. Moving Things Around How often, men, have you come home to find the living room furniture in different places? Your wife said she was ready for something different, so she moved some things around. It may have been inconvenient at first, but deep inside it felt good to have things a little different at home. My Top Ten List Of Extremely Annoying Web Page Design Elements! Easy navigation and usability are one of the most important aspects of creating a "user friendly" website. However, there are still a "plethora" of web-sites out there that are, to be politically correct, "functionally challenged. Web Design for Dictators No question about it, web design is an art. Finding the right blend of style and usability is a delicate balance that few, if any, fully master. Choose & Use the Best Colors, The Psychology of Color Are you using the best colors for your web site? Many web designers often overlook the issues of color in web design. When choosing colors for your web site there are three main areas that should be addressed. Speed Up Or Lose Out! How To Improve Your Websites Download Speed So your web site's online and you've got high rankings in the search engines attracting lots of visitors. But the statistics tell you most of them are leaving after viewing just one page, what's gone wrong?One possible cause could be a slow download speed of your web site's homepage or the web site as a whole. The Top 8 Website Sins Part Two Sin #5Poor Spelling And GrammarWe all make mistakes when we write things down or type things out. Nobody is 100% perfect but a huge number of website owners completely ignore the basics of spelling and grammar. Website Design: 10 Smart Tips To Improve Your Ad Copy Your website design may be affecting your sales in ways that you may not believe.Here are a few website design tips to help you improve your website and ad copy for greater profitability:1. Do You Hate Your Website? Web Site Sales To Hit $316 Billion Over The Next 6 Years What dollar amount does your web site contribute to this $316 billion dollar trend?Have you spent thousands, tens of thousands, or hundreds of thousands on your web site only to discover that it attracts more flies than customers?Do you hate your web site, your web developer or your entire IT department?Do not despair! You are not alone!A great web site is crucial in order to effectively communicate to a business's target audience. It is important for Chief Executives and small business owners to pay close attention to the effect that their web site has on their business.