Webmaster Tutorials - Web Development
Webmaster Resource Directory | Contact Us | Submit Your Site

LEARN

BUILD

PROMOTE

SELL

MANAGE

GET LISTED



Effective Webdesign


D.zigns dzignerwebs

The Basics


Before starting on how to design a website effectively, how about clearing some basic web design concepts? Designing Effectively

Now that you know what web design and related terms mean, lets get down to the real thing: Designing Effectively How to balance artistic design with practicality and functionality.

Use of graphics and content

Unless your website is all about graphics, how to make them, edit them or just a bunch of links to graphics websites, I suggest you use graphics sparingly, especially the flashing, twirling kind. They not only detract readers from the content, but they also take ages to load. You do not want your readers to leave your website because your graphically attractive page does not seem to load fast enough. Then again, too much text is boring. So mix and match the graphics and text on your page, having enough white space so that the page is not plain annoying.

Layout and design

While designing, keep in mind that poor layout and design will make your pages unreadable and difficult to keep your visitors on your website for long. Some of the things that make a poor design and layout:

  • Text that is too small to read
  • Color combinations of text and background that make the text hard to read
  • Large graphic files that take forever to load
  • Multiple things that blink
  • Unclear navigation; over complex navigation
  • Paragraphs of type in all caps, bold, and italic all at once
  • Graphics that don't fit on the screen (assuming a screen of 640x460 pixels)
  • Animations that never stop
  • Complicated frames, too many frames, unnecessary scroll bars in frames
  • Cluttered, not enough alignment of elements
  • Some of the things that make a webpage stand out from the crowd:

  • Stay away from bad design features listed above.
  • Background does not interrupt the text
  • Navigation buttons and bars are easy to understand and use
  • Good use of graphic elements (photos, subheads, pull quotes) to break up large areas of text
  • A large site has an index or site map
  • Link colors coordinate with page color
  • Every graphic link has a matching text link
  • Animated graphics turn off by themselves
  • Pages download quickly
  • All pages have the immediate visual impact within 640 x 460 pixels
  • Planning

    Most of the time, all it takes to design your website effectively is a little planning. When designing a website, it needs to be clean, uncluttered, attractive and easy for users to read and find what they need. Begin with a webdesign plan:

  • what colors do you want to use?
  • Are these colors complimentary?
  • What items - text, images, data - do you want to put in your pages?
  • What layout do you want? Look at other websites and then decide.
  • Follow the above steps to get a website that speaks for itself and your business. You can always contact me for suggestions and webdesign projects.

    Tasneem Rangoonwala is a freelancer Web Development Co-ordinator at D.zigns Enterprise Solutions, offering webdesign, development and other related services.


    More Web Development Articles

    What Hosting Companies Dont Tell You, Could Hurt You?
    Did you know that hosting companies overcrowd their servers despite all the issues caused by servers running hundreds of accounts? Are you aware of what happens if your website is hosted on a server that?s overcrowded? You?re probably thinking to yourself, ?what do you mean overcrowd their servers?? Overcrowded servers mean big money for your hosting company, but also big problems for your website.Hosting companies are willing to sacrifice the success of your website in order to build their own profit.

    How To Write More Powerful Online Text
    Although there are significant differences among the various types of online communication, there all have one critical thing in common - they're read off a screen. There are substantial benefits, too, in that while your message is on someone's screen usually it has their undivided attention.

    What is Blogger.com?
    In the late 1990?s three San Francisco based web developers came up with the idea of being able to share information about anything on the web. The terminology they used was called blog.

    What is The Google Toolbar?
    No matter what browser you may want to use, you should consider using Google?s toolbar. Google.

    Ecommerce for Beginners
    Like most average persons, I wanted some extra money to supplement my regular income. I had considered a part time second job at times, but hated that option because it would take me away from the family, make me more tired and probably just pay minimum wage.

    The Topic Of Your Website
    The first thing you will have to deal building your website has nothing to do with the web design itself, it's me related to content writing but it must be defined and will effect the rest of your actions. So first of all you need to decide what the topic of your future website is.

    Server Side Includes (SSI) with ASP
    Server Side Includes (SSI) with ASP People often have identical sections of code spread throughout many ASP pages, typically code at the top of the page (usually referred to as the header) and the lower part of the page (the footer). Similarly, you may have code that performs a certain set of instructions that you are repeating across multiple pages.

    Functions and Subroutines in ASP
    Functions and Subroutines in ASP If you read our Tutorial on Include Files (SSI) then you learned how to encapsulate ASP code within include files and the benefits it brings us. As developers, we should endeavour to make our lives easier wherever possible.

    Website Design Info - Part 1
    What Will My Site Do?This is the first of eight articles about website design. Our discussion will deal with some of the issues which need to be considered when developing a new online presence.

    HTML - A Website Language Explained - For Over 35s
    This is a very perfunctory look at the website code HTML, for those who never did any kind of Computer Studies at school and have never had the need or opportunity to look ?under the skirt? of your average website. There's nothing that an experienced webmaster will find here that's not very basic, but for those who have just begun to discover the 'website' and especially those venturing into.




    Helpful Tools

    NetDownload
    freeware and software downloads

    Findahost
    web hosting directory

    FindaTechJob
    new computer jobs daily

    ManagedHostingPro
    Managed Hosting and Colocation



    © 2007 webmasteredge.com