Site   Web

November 19, 2007

The elements of good website design

What constitutes a good website design? Does it showcase your design prowess? Does it prove what a brilliant graphic designer you are? Does your web design fetch you designing awards? Or does your website design exist to establish a platform for you and your visitors to interact with each other unhindered by usability glitches? I think the last point is the most important factor that establishes the basic difference between a successful and an unsuccessful website.

Although the perception of good website design changes from person to person, there are some established conventions that you can follow and these conventions can make sure that your website reaches out to all possible people. When you are designing your website, especially these days, you have to be constantly conscious of the fact that there are numerous browsers and numerous devices that people may use to access your website. No longer do people browse the Internet just through their PCs and laptops; there are many handheld devices that can directly connect to the Internet and enable people to browse your website; people can even browse your website using their mobile phones. And gone are the days when people used just the Internet Explorer as their primary Internet browser.

Your website design also depends on what you are planning to showcase through your website: will it be just text or images or videos or a mixture of all these? You have to design your website accordingly. If it is merely text that you plan to publish then try to make it as less graphical as possible as people coming to your website will be interested in your text and not your images and videos. Similarly a website showcasing your Flash animation expertise will expect lots of Flash work so you needn’t worry about making your website textually accessible.

So when you are designing your website you have to take all these parameters into consideration. But does it mean that you’re always accommodating browsers and devises and do not focus on your own business, whatever that is? No, I’m not suggesting that. Just take care of the following website design guidelines and you will make sure that 95% people (well, there will always be those odd 5% who can never browse the web easily no matter what they try) surfing the Internet can access your website:

1) Create a lighter design. If possible don’t use too many graphics and JavaScripts that affect a major function of your website. For instance if there is some crucial information on your website and people need to access that information before doing business with you then don’t make that information accessible only through a JavaScript on an image file or a Flash animation. All your important text should be available only in text and even if you have to resort to using images and other stuff than make sure the textual alternative is always available.

2) Don’t use colors that cause strain to the eyes. If you want people to come to your website again and again and consume your content or do business with you then you must make their stay over your website as pleasant as possible. No matter how awesome your design looks if the color combinations are strain-full, after a while they will tire of your website and stop coming. Always take care that your background behind the text is far lighter than the text, and vice versa.

3) Create a well defined navigation. If you have multiple pages on your website then there should be a prominently defined navigation system that is easily accessible to everybody. As mentioned above don’t let your navigation depend on images, JavaScripts, or Flash animation. If possible create just a text-based navigation bar. With CSS designing you can create great looking navigation bars.

4) Design your website using CSS because then you can make your content and your navigation bar appear in a linear fashion. Since all the layout-related placements take place through CSS definitions no matter how your text appears texturally, graphically it will appear as a pleasant layout. The CSS designing techniques also enable you to dabble with intricate layouts without making your website inaccessible. CSS designing will always help you arrange your main content before the navigation link despite making it visually appear beneath the navigation bar or to the right of it.

Follow these basic web design principles and you will have a good website design to boast of. Remember that your website design is created for the sake of your visitors and not to cater to your designing whims and fancies.

Author:  Gary Mattoc is employed by Peterborough web design Company Doublespark Limited. Contact Gary for all your Peterborough graphic design requirements.

4 Responses to “The elements of good website design

    Very inspiring article for us Thanks for the great article. ….
    It’s definitely a good idea for me and my friends to learn
    the things that’ll expand their skill set Your ideas and presentation is very
    effactive and useful for all. I am loving all of the in turn you are
    sharing with each one!… Being a user i really like your visible information
    on this pageWebsite Designing

    Hello Garry,
    Really nice post here on the must have elements in a Good Website. I like all the points specially the point #2 and #3. As it is a truth that colors create a psychological effect and mind as well so it is very necessary to pick up colors which are not harsh. And also a website with Good Navigation is better than all others which doesn’t have.

    avatar mp3 says:

    It’s definitely a good idea for me and my
    friends

    thank for all..
    mp3

    avatar Bunlagu says:

    Very inspiring article for us
    Thanks for the great article. ….

Submit a Comment

Your email address will not be published. Required fields are marked *






You may use these HTML tags and attributes: <a href="" title="" rel=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

Please leave these two fields as-is:

Protected by Invisible Defender. Showed 403 to 4,223,585 bad guys.

css.php