Effective Web Design Tips

March 15, 2011

Here are some things you need to consider when designing your website:

  • Ease of Navigation: How easy it is to move around your website. This is one of the determining factors of your website’s ability to keep visitors on your webpage. What do you do when you visit a website? I usually notice the header followed by scanning the content. Moving from one content that piques my interest to another has made me either leave or stay with the webpage.
  • Neat Layout Design: Avoid unnecessary clutter from your webpage. High Quality Images may attract or distract your visitors so keep it reasonable. Also make sure that the fonts you use are available on all computers or your webpage would not display properly.
  • Optimize Website Load Times: Long load times usually end up in a back tab and at times forgotten. Here are some ways to make your website quick:
    • Reduce Flash, Graphics and Scripts: A heavy flash website can slow your website to a crawl and the plug-in is known to crash every now and then. These items also increase your file size significantly.
    • Optimize codes: Scripts slow down websites. While you might not feel the CPU usage, these scripts bumps it up a notch and at times slow down a system. Make sure you remove unnecessary scripts and HTML tags.
    • Use Server Side Include (SSI) files: Initial load times will vary but computers have cache enabled by default and once the visitor browses your website these files load faster when requested again.
  • Take Advantage of CSS: CSS websites are now becoming the trend as it allows developers to have better accessibility, reusability, lower file size and great control on the look of the website. Here are some benefits to CSS:
    • Great Text Effects with CSS Styles: Allows you to set Text Case, Text Links Rollover, Text Spacing and Line-through Effect.
    • Bullets in HTML or Dreamweaver: Use CSS styles with bullets.
    • Links without Underline: CSS styles allow you to display text links without underlines.
  • Design for Compatibility and Scalability: Technology works as a double edged sword. Varying screen sizes is always an issue and we would never be able to test on all of them. Make sure that your website is able to scale to the visitors screen and make sure that it is compatible with different browsers.