Follow us on Google+

5 Principles of Good Web Design

It’s difficult to map out what works for web design and what doesn’t after all, there are so many different and effective approaches you can take. For one website, a crisp, clean home page looks great, and for another website, a messy, colorful home page draws you in. However, there are a few principles of good web design, that are universal. Here we will explore five principles of good web design.

Good Navigability


Before we can even begin to take the aesthetics of a site into consideration, we need to make sure that the website’s audience can easily navigate the website. While it’s not usually practical to include all of your primary content on the home page, you do need to include tabs that lead to the most relevant content the website’s audience is visiting the site for. For instance, along the top of the Fender website here, we see common-sense tabs along the top that link to common reasons a visitor would be coming to the site, including Products, Vendors, News, Store and Community. Along the bottom of the site, where they don’t distract from a visitor’s first impression of the site, are more detailed navigation options. Although the slideshow images on the site are big and flashy, visitors still know exactly where to go to get the information they’re after.

Related

Use of Consistent Branding Throughout


Implementing the site’s brand throughout the various web pages is essential to maintaining a sense of continuity in a website. The Coca-Cola website does this well by incorporating its tell-tale red, white and black advertising color scheme throughout its pages. While a website’s brand doesn’t always equate to a particular color scheme, the brand should be implemented on every single page within a site so that the site pages flow together as one unit.

Related

Good Use of Images


We’ve all seen websites that make use of a large central image to capture the eye when someone visits a page. While this can be done very successfully, you don’t always have to wow a website’s visitors with one large image. You can vary up your image sizes and incorporate them in different ways to bring color and life to a website. The Organic Express website makes excellent use of colorful images to make a visitor feel right at home.

Use Video Wisely


People like to access multimedia on websites, but they don’t usually like to be overwhelmed with it. Better to let your visitors click on the video themselves than to add in a flashy video that launches as soon as the visitor accesses the site (there are exceptions to that rule though, especially for sites where “shock and awe” is the best approach). A good example of good use of video is found on the University of Notre Dame website, which features excellent navigation while prominently featuring a slideshow of a number of videos that interested visitors can scroll through and view at will.

Strong Typography


All the images and videos in the world can’t rescue a site with typography that’s difficult to read or not used in an effective way. Typography is a tool that tells the visitor what he/she needs to know and guides their eyes across the site. Finding the right typography to fit your audience and varying the size and prominence of certain words on the site is essential to getting the site’s message across. This Activate site uses typography well. They have contrast in the typography and uses fonts to draw emotions.

Related

In conclusion, as you explore today’s web design trends and the newest techniques, remember to go over these guidelines. What are some rules do apply in your design?

Lead image credit


About the Author
Author Thumb Lauren Bailey regularly writes for best online colleges. She welcomes your comments at her email Id: blauren99 @gmail.com.

If you enjoyed this post, get free updates by email or RSS.

Posted Under: Web design

Tagged: , ,

Bookmark or Share This Post

  • Bookmark on Delicous
  • Share on Facebook
  • Share on Stumble Upon
  • Tweet This
  • Float it !


  • Pingback: 5 Principles of Good Web Design · · WorkBuddy

  • http://templates.motocms.com/blog/ Emily Williams

    Thank you for the article. I think only the combination of all these points can help to achieve a great result!
    And one more helpful article how to make your design perfect: http://templates.motocms.com/blog/web-design/web-design-tips/

  • Pingback: Principles for Good Web Design | WebDesignArticles.net | WebDesignArticles.net

  • Pingback: 5 Principles of Good Web Design | Jay Tiedra

  • http://praveenkumar.org praveen

    Hi nice tutorial. I must add my point to this blog my thought is like making functionality to be unfriendly as possible will make audience to attract. Don’t really create different user pattern follow the regular design pattern since every user are practiced to follow that……? Cheers to every comments made on this blog

  • http://calumhenderson.com/ Calum Henderson

    Like your thoughts on video. Very true.

  • http://asummersdesign.com/blog Aaron @ asummersdesign.com

    Good guide for site layout and design, but guys it is just a guide. All designs should be sympathetic to client and customer base.

    @ Darren: I have been in positions where the client is so certain that they want a specific style or design that.. well.. wouldn’t be my first choice and site music is definitely one of those annoying quirks that I would always advise against.

    @Srisys: Some folk just need a nudge in the right direction and if articles like this one help improve site design then Bravo!

  • Danny

    Nice overview. It would’ve been nicer though if a different font color was used. The grayish font color is very hard to read (or perhaps I’m just getting too old) Practice what you preach ;)

  • http://www.123webdesignbournemouth.co.uk Darren @ Web Design Bournemouth

    Ah, even now I find websites with poor navigation – maddening – and we all know how annoying it is if video (or audio for that matter) starts playing while you’re busy opening up 15 tabs in Firefox.

    Many Thanks,
    Darren.

  • Pingback: - BosskDesign.com

  • http://www.grasshoppermarketing.com Kari Kenner

    Good post, thanks. It is always good to stay focused on the website usability from the end users perspective. A great looking website doesn’t perform its function if the user can’t navigate through the pages. Thanks again!

  • http://www.almubdi.com Mohammad Danish

    Nice Post i really like your work you collect Premium Template at one place this very help full for designers to buy Creative Collection.Thanks again

  • Pingback: de la red – 18/06/2011 « Tecnologías y su contexto

  • http://a1daily.com Kyson Kane

    I agree with the strong typography… nice round up

  • http://www.limelight-digital.com.au limelight

    Thanks for posting this! I’m looking for a medium that can help us to get a good amount of promotion for my websites which in return gave me a business too through websites and I must say this has definitely helped me in this process.

  • Pingback: 5 Principles of Good Web Design | Design News

  • Pingback: 5 Principles of Good Web DesignCornwall Creative Web Design | Cornwall Creative Web Design

  • http://www.srisys.com Srisys Inc.,

    Good design must be defined by appropriateness to audience and goals, and by its effectiveness, not by its adherence to Swiss design or the number of awards it wins.

Quick Links




Our Supporters