You are invited to Log in or Register a free Frihost Account!

Top 10 web design mistakes!..

As a webmaster, you want to keep your visitors content so they'll come back again. Below you will find ten common mistakes made by webmasters that may deter people from returning.

Poor Color Choice

There's one important thing to keep in mind when designing your web site, and that is always keep it simple. More is not necessarily better. Your web site should contain no more than three colors. Also remember that your body text should be a contrasting color from your background. There's nothing worse than trying to read yellow text on a pink background. It may look cool to you, but cause your visitors to go cross-eyed.

Confusing Navigation

If your visitors cannot find their way around your web site, they'll leave...plain and simple. Your navigation should be logical and consistent on every page. Studies have also shown that web surfers prefer the standard left or right side navigation over other layouts.

Inconsistent Font Face and Size

Just like your navigation, you'll want your font style and size to be consistent. If your home page text is in Arial font, size 10, make sure the rest of your pages adhere to the same font style and size. Of course, there are exceptions to every rule, and you may need to use a smaller font for disclaimers, terms and conditions, etc. However, in most cases, you should use the same style on every page.

Remember, 90% of web surfers go to the search engines to find what they're looking for and many engines look for keywords in your domain name when deciding on how to rank your web site. If you want people to find your site by typing in "juggling balls" then try to choose a domain name with those keywords inside.

Long Paragraphs

This is a common mistake made by many webmasters.

To make your web pages easy to read, remember to break up your paragraphs often and use subtitles. Most people will skim when trying to find what they're looking for so when your paragraphs are small and separated by logical headings, it will make it much easier on your visitor's eyes.

Misplaced or Lack of Contact Info

Don't make people search for contact information...especially if you're selling goods and services. Always have your contact information visible on every page of your web site. Hidden contact information looks fishy and makes people leery of doing business with you.

Long Page Loads

If your web site does not fully load within 10 seconds, your HTML files are too large. Check your graphics. Are you using too many? Do they need to be resized? Make sure your multi-color graphics (photos) are saved in JPEG format and use GIF files for solid colors and poster art. Also remember to use table height and width tags in your HTML code because your text will load before the images. Animated graphics also slow the page loading time tremendously.

No Meta Tag Info

Meta tags are HTML code invisible to the human eye but read by many of the search engines. While these don't have as much of an impact as they used to, many search engines still rely on this information when displaying your site in the search results.

Use of Frames

Frames can become somewhat of a burden. Many search engines do not list pages with frames, they don't allow visitors to bookmark certain pages, and they can cause printing problems.

Scrolling Text

The marquee tag is a cool feature, but many overuse it. Although the idea of scrolling text may seem appealing, remember that not everyone will find this idea entertaining. If you do decide to use it, make sure you clearly evaluate whether or not it is adding value or enhancing your page. There are some instances where this feature works, but there are many where it doesn't. Use it very sparingly.

If you have a sentence or two that you feel is very important to your readers, don't make them wait eons for the message to scroll across your screen -- just use plain text and save the scrolling text for the less significant messages or perhaps sub-titles.

Wrong Resolution

The average web surfer surfs with their PC screen set to an 800 x 600 resolution. If you create your web pages to fit a 1024 x 768 resolution or higher, keep in mind many people will have to scroll left and right to see your entire page. I don't know about you, but I find that quite annoying.

If you want your web page to be displayed correctly in all resolutions, create your web pages with tables and use percentages to define your table widths instead of actual pixel values. For example, if the table width is set to 100% instead of "800" then it will take up 100% of the screen no matter what the PC resolution is set to.
Twisted Evil
thanks for those tips. those seem like pretty common sense things to think of when planning and designing a website. I'm a web programmer also and I can't believe how many sites out there don't follow these basic guidelines.
Hey, cockface, try not posting something SOMEONE ELSE HAS WRITTEN that is EASILY FOUND ON GOOGLE and then TAKING ALL THE CREDIT.

youre right...

SPAMMER Twisted Evil
I really agree with the tables part.......In the past resolutions have been a problem but now I learn....

I just hope I have more spare time to design ....
Don't flame him.

Just give him a chance. Anyway, if all his thing are copied and pasted, his hosting won't be accepted and most prolly would get a warning or 2.
everyone deserves a chance besides there are consequences if he still continue to Spam..

Ok guys, back to the topic..
i thought 1024 was standard, most sites i go on say best viwed in 1024
Arcath wrote:
i thought 1024 was standard, most sites i go on say best viwed in 1024

Majority of the people out there still use 800x600 as their resolution. However people are slowly transitioning from 800x600 to 1024x768 or higher as bigger monitors become cheaper and cheaper. So to err on the side of caution, most webdesigners code for 800x600.
Arcath wrote:
i thought 1024 was standard, most sites i go on say best viwed in 1024

you're right, because they designed their site using 1024x768 resolution.
the resolution is depend on the monitor they use ,when the monitor is 15" the default resolution is 800x600 and you cannot blame others if their site is best viewed in 800x600... Very Happy
you're right, some people want it 'coz it has a bigger display, some people want 1024x768 because the display is smaller and make their layout look good in the screen. (like me). Smile
I like when my design fit to 800x600 and 1024x768 Smile
But you can't always get that Evil or Very Mad
Ohhh....thanks for the tips
Related topics
Web Design Directory
Web design
Your top 10 favourite songs!!!! Post here
Top 10 Rock Bands
[Música] Top 10 de Bandas
Do you use dreamweaver for web design.
Graphic + Web Design
Graphic + Web Design
Adiutrix Web Design -- FREE WEB DESIGN --
Whats Your Top 10 Desktop Applications
Awesome and Cheap Web Design
Web Design Magazines in the US
Best SEO BLog, get your web listed on top 10 on GOOGLE
Reply to topic    Frihost Forum Index -> Webmaster and Internet -> Design Tips

© 2005-2011 Frihost, forums powered by phpBB.