Web Design Tips

Discussion in 'HTML & Website Design' started by reddik0976, Dec 24, 2008.

  1. #1
    Warning: Don't Lose Sales Because Your Web Design Sucks

    Did you try and save a few bucks and design your own site? Or worse, have your out of work brother in-law design it? Don't do that. Your business reputation will suffer. You see, just because you can afford to buy the tools, doesn't mean the experience in how to use them also comes in the box.

    Here are ten of the most common mistakes webmasters and business owners make with their websites.

    1. Cluttered Home Page
    You have probably seen these sites - there is so much information on the page it makes it impossible to know where to start first.

    Simplify the process and have a clear plan on where you want your visitor to go. Simply put, make it easy for them. Start with eliminating as many icons and buttons as possible. Keep it simple for your visitors and they will not only stick around, but they just might come back, which is a very good thing.

    2. Animation
    This was cool in the 90s - it is now considered annoying. If you must use animation, the maximum the animation should "loop" is three times. You want to use animation to draw attention, but you do not want to annoy your visitor.

    3. Unreadable Backgrounds
    You've been there, the website that looks good until the background image loads and now you cannot read the text. The beach, the sky, your dog - I am sure they are all very important to you, just do not use them as your background.

    4. Inconsistent Text
    Yes you can have different fonts besides Arial, Verdana, and Times New Roman, but do not go overboard. Stick to one font for your text. Fonts like Arial or Verdada are easier to read on-screen than Times New Roman.

    Also remember that if you use a certain font for your text, your visitor must have that font loaded on their system in order to view it properly. You can create graphics with different fonts, but remember, graphics can slow down the download time of your page. It is always recommended to use CSS when you can to cut down on the amount of code needed to format your web pages.

    5. Under Construction
    Few web sites are a finished product. Most are continually being updated with new information. In a sense, every website is always "under construction." However, that message should never appear on your home page (or any page) because you're essentially telling visitors that your site is not ready for them to view yet. Did you know that Yahoo! will automatically reject your site if you have ANY page that states it is under construction? So, don't do it.

    6. This Site Best Viewed With.
    Few statements on a web page annoy visitors as much as this one. Have you ever downloaded a new browser (or browser version) just to look at a single web site? No? We thought so. Unless you are absolutely certain that visitors will use a particular browser (on a company Intranet, for example), your site should be optimized to display effectively across both Internet Explorer and Firefox.

    7. Background Music
    Background music on a page adds no content but increases the annoyance factor and the page download time. It is ok to include music clips on your site, but give your visitors the option to listen instead of assaulting them with your choice of music. Since most people surf the Internet at work, or have music already playing on their computer, adding to that really detracts from their experience.

    8. Non-sizable Tables
    Most websites are constructed with tables. A lot of webmasters will design their site around a certain resolution - 1024x768, which is one of the more popular resolutions. But the problem is, if someone has a different resolution set on their computer, they may only see a portion of the site or the site may not display properly. How do you solve this problem? Simple. Use percentages on your tables, instead of static values. This will allow the website to expand and contract based on the user's monitor size, resolution and how large their browser window is.

    9. Color Combinations
    The Web Palette consists of the 216 colors that both Macintosh and Windows systems display accurately. A lot of graphics are "too large" meaning they have "unused" colors in them which cause the graphics to be larger (in file size) than they need to be. By taking out these unused colors, it will make your graphics load faster. Sometimes by as much as 30%. Resource: OptiView: Reduces the file size of your images easily.

    10. Overall Consistency
    Do not change the layout and design of your site from page to page on your site. Instead, keep the look and feel consistent throughout. Keep the color scheme, sight lines, navigation buttons and text links in the same places from page to page. This will give the visitor a better experience as they will come to expect certain aspects of the site appearing in the same places each time.

    These ten "traps" are not the only "traps" which can cause your visitors to leave your site. Remember to consult your web logs on a regular basis and check the "top exit pages", make adjustments and continually test to find the optimum look and feel.
     
    reddik0976, Dec 24, 2008 IP
  2. planemaniac

    planemaniac Peon

    Messages:
    49
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Some extremely valuable tips here. One thing I would say is about the table-design point. Don't use tables in your design. Ever.
     
    planemaniac, Dec 24, 2008 IP
  3. flipmytext

    flipmytext Peon

    Messages:
    254
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Sometimes using pixel width over percentages I believe is necessary, but overall, great tips!
     
    flipmytext, Dec 24, 2008 IP
  4. fear

    fear Banned

    Messages:
    3,750
    Likes Received:
    221
    Best Answers:
    0
    Trophy Points:
    205
    #4
    Nice tips for beginners.
     
    fear, Dec 24, 2008 IP
  5. venkatraoptc

    venkatraoptc Peon

    Messages:
    98
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #5
    Nice information i am new to webdesign Thx alot.
     
    venkatraoptc, Dec 25, 2008 IP
  6. reddik0976

    reddik0976 Peon

    Messages:
    199
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #6
    Thanks,, for the info
     
    reddik0976, Dec 25, 2008 IP
  7. Razz910

    Razz910 Guest

    Messages:
    98
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    0
    #7
    Those are some very good tips there. Thanks a lot, will keep them in mind.

    Also, I totally agree with "planemaniac".

    Don't ever use tables -- trust me.
     
    Razz910, Dec 25, 2008 IP
  8. mamaroach

    mamaroach Peon

    Messages:
    48
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #8
    Nice info, I appreciate that. ^ ^
     
    mamaroach, Dec 26, 2008 IP
  9. DaZeD

    DaZeD Peon

    Messages:
    41
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #9
    Nice info, thanks! :D
     
    DaZeD, Dec 26, 2008 IP
  10. Oranges

    Oranges Active Member

    Messages:
    2,610
    Likes Received:
    92
    Best Answers:
    0
    Trophy Points:
    90
    #10
    Liked few tips like annoying Music and stuff, they really make big difference to the whole appearance.
     
    Oranges, Dec 26, 2008 IP
  11. supercops

    supercops Peon

    Messages:
    1,344
    Likes Received:
    19
    Best Answers:
    0
    Trophy Points:
    0
    #11
    Why should u not use the tables...any reasonings??
     
    supercops, Dec 26, 2008 IP
  12. himtuna

    himtuna Member

    Messages:
    225
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    28
    #12
    because CSS does the job much better way and are recomended. CSS and Table are like C++ vs C.
    You modify a css for a particular division and its reflected everywhere, but such is not the case with tables.
     
    himtuna, Dec 26, 2008 IP
  13. luken

    luken Member

    Messages:
    74
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    41
    #13
    Hello Everyone,
    I am offering you a high level web development for web 2.0, e-commerce, user generated, and social media.
    We have worked with numerous fortunes 500 companies that have utilized our web development team to build self-sustaining and popular websites.
    Our team of 30+ programmers, graphic designers, and MySQL experts, can custom build a high-end, interactive, and profitable website for your business.
    http://www.bannerblindness.com/
    Forums are a good way of discussion on any topics. Of course you must make sure that what you are discussing is related to what the forum is providing. Forum web development is a good way to get targeted traffic and most important of all, it’s free!!!!!!
     
    luken, Dec 27, 2008 IP
  14. ratzingerjoe

    ratzingerjoe Peon

    Messages:
    3
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #14
    i totally agree with this one. at first CSS is quite hard to do but when you get to know it... you'll never go back using tables :)
     
    ratzingerjoe, Dec 28, 2008 IP
  15. numeric303

    numeric303 Peon

    Messages:
    23
    Likes Received:
    2
    Best Answers:
    1
    Trophy Points:
    0
    #15
    i too agree with the points, make it as simple as u can too much graphic and images may sometime make it slow while loading the page. If its a informative site then make sure you have a simple background color.
     
    numeric303, Jan 2, 2009 IP
  16. Sapphiro

    Sapphiro Well-Known Member

    Messages:
    1,242
    Likes Received:
    61
    Best Answers:
    0
    Trophy Points:
    175
    #16
    I'm one example, been learning the table way back in the year 2002 when I was still 12 years old. Just learnt xhtml/css not too long ago and I've been sticking with it ever since. (and earning money for doing freelance work on that!) :D
     
    Sapphiro, Jan 2, 2009 IP
  17. coverscorp

    coverscorp Banned

    Messages:
    19
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #17
    nice tips:)

    i think the animation can be used,
    but must be adapted to the website

    thank you:)
     
    coverscorp, Jan 2, 2009 IP
  18. rahuja65@hotmail.com

    rahuja65@hotmail.com Peon

    Messages:
    16
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #18
    Great tips for successful website.
     
    rahuja65@hotmail.com, Jan 2, 2009 IP
  19. goldenpearl

    goldenpearl Active Member

    Messages:
    772
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    53
    #19
    hi
    very nice.
    thank for information.
     
    goldenpearl, Jan 2, 2009 IP
  20. scorzaze

    scorzaze Peon

    Messages:
    41
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #20
    Also think about usability. Think about the visitors navigating through your site. How will they navigate through your site and what obstacles may occur. You want a user-friendly site that visitors will return often.

    At the end the day you want your users to be satisfied.

    Good tips though!
     
    scorzaze, Jan 5, 2009 IP