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:
- 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 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.
|
|
|
Created & Maintained by Empower! CMS Web Sites
Host2Sell Web Hosting | Emarketing Workshops | Site SEO Review | FREE NewsletterHow To Hire A Web Designer/programmer For Your Website
Hire a designer or a programmer for your website is a daunting for any business entrepreneur. Remember that you're the important part of a design process. It is your decision makes the final outcome or success of a website. Your website is a one which works better and sells your products and have good feel for the visitors.Why hire a designer or a programmer?You might ask this question yourself when there are 100's of easy to build software on the internet. But building a website yourself and a professional designer makes a lot of difference. The designer put in years of expertise in building your we...(related: Web Design)
Designing Professional Web Pages
If your Web site doesn't project a professional and polished image to your visitors, your credibility and that of your products and services will suffer. Image is everything -- especially online where your competitor is only one mouse click away!Before your first HTML code is written, you will need to consider your Web site's navigational structure, color scheme and page layout. Is your content developed? If not, who is going to write it?Once you have done the necessary pre-planning, then the fun part be...(related: Web Design)
When Your Graphic Designer Costs You Money
So how do you know when your graphic designer costs you financially and emotionally?When a file is not prepared correctly? When you go to press and have your media material produced in prints, and find out that the file was built incorrectly, then that's the time when your graphic designer will cost you money.Many pre-press operators have complained about having to correct graphic designers work. To have a file prepared incorrectly can have drastic financial and emotional consequences to the owner. The time needed to rectify the problem can cause major delays and additional expense. This is due to the graphic designer's understanding that his job is done when he produces the design that you re...(related: Web Design)
Design With Purpose
If your website is falling through the cracks, the chances are that the site has no message, no central core to build traffic or a core readership. Websites that try to do everything usually fail.We begin every web site evaluation by helping you define your web site goals. You can do this yourself.Knowing what your site is supposed to accomplish should be the first step in your design process. Your website success starts with understanding your site's purpose and goals.Start by grabbing a notepad and pencil and begin brainstorming your website's purpose. Write down everything that comes to mind. Some common goals include:
- direct sales
- customer support
- b...(related: Web Design)
Bad Web Design: Activex
ActiveX uses an interesting method for enforcing security ... it doesn't. Well, that's not exactly true. What happens is when a web page requests an ActiveX control the browser determines if that control is already loaded onto your system. If it is the ActiveX control is executed. If not, the user is asked if it is okay to install the control. Additional information about where the control came from and it's security implications is also included.The theory behind this security model is the user knows what's best for his system. In my humble opinion, this is pure hogwash (a stronger expletive came to mind but this is a ...(related: Web Design)
Hacked Off With Css?
For those not familiar with CSS Hacks, they are ways of using styles/classes that only apply to particular browsers. They are used to overcome the display problems mentioned previously by exploiting CSS structure and code. Most involve simple punctuation tricks to fool the problematic browser into accepting a different style to the browsers that display correctly.CSS Hacks work, but there are two main points to consider.Firstly, the validity of the CSS may be affected. Invalid CSS hardly seems worthwhile as the main aim of CSS layout is to embrace web standards.Secondly, designers have performed Hacks to satisfy current and past browsers. They have failed to look in the other direction ? will it be futureproof? With...(related: Web Design)
How To Boost Your Sales Dramatically Using Dynamic Back-end Strategies
Getting a customer is not easy.Getting a visitor to decide that he or she wants to buy the product or service you're offering, getting out their credit card and giving you their hard-earned money is not a piece of cake.Most visitor's to your Internet site, 97 - 99% of them if you're lucky, will not buy your product. They turn away from your site, your offer...and they will probably never return. In other words - if you work hard, if you use the right techniques and if you're talented maybe you'll get 1 - 3 % of the people who visit your site to buy. But it's not easy.First you need to make sure you actually...(related: Web Design)
Quality Web Copy Is The Key To Success
Many websites make the mistake of being all flash and no substance. Nothing irritates potential customers more than visiting your website hoping to find information and instead seeing only blinding color and flashing borders. Of course, you want your website to be attractive, even snazzy, but if t...(related: Web Design)
14 Ways To Add Content To Your Web Site - Part 2
7. Create high quality content - make clear points with each paragraph you write. Each paragraph should build on the previous one, so that you are pulling your visitor through your page naturally. You are trying to pre sell the product or service to your visitor. This puts them in a natural frame of mind to buy (unlike many sites which may just have pictures of the products and a shopping cart).8. Web page background - a colorful or busy background can make yo...(related: Web Design)
Other Ways To Look At Things
Many people today are tired of the Microsoft software that came pre-packaged with their operating system. Some have switched over to Apple's Macintosh line, but for the most part we just put up with what we have. Microsoft's Internet Explorer (IE) has come under a lot of fire as of late for several rea...(related: Web Design)
Leave Those Links Blue!
Don't mess with those links! When you're designing your site, you should leave your text links in their natural state--blue and underlined. We all want to be creative and not do the bland, expected, normal thing. We want to change our links to red, green, yellow, even black--anything but blue. And we have the urge to take off those underlines.Resist the temptation. It's hard...(related: Web Design)
site-map - Copyright © 2006 Empower! Web Design | All Rights Reserved. | Web Design