Web design from Scratch, free online course in design for the webHome - introduction to Web Design from ScratchBasics - effective web design processTutorials - hands-on, practical lessons in designing clear web pagesCase Studies - useful examples that apply the web design principles
Content

The purpose of design is to facilitate communication. Choosing what to communicate is the first step.

It's risky to start a design before paying close attention to what a site will feature and why.

A good site design creates a structure that enables a clear two-way dialogue with all its users.

Content is our problem

A lot of designers think that web design is about the interface, and that content is what's added on later, or else it's "the client's problem".

I've seen designers argue that the content must be changed to fit the way the site was designed. This only represents the designer's failure.

Designing for the content should be the designer's problem and focus, because content is the key to success.

Remember the purpose of design: To enable communication between the consumer and the content.

Content is what it's all about.

It's content that makes a site work, flow and communicate well with the right tone. That makes it the web designer's problem, because effective communication is our problem.

It's our job to maximise the a web site's effectiveness and that means understanding how users will interact with a site's content.

Designing for communication

It always helps to have a framework to start from, so that we're not designing into thin air. A good way to build a framework is to list what a site has to say, and then prioritise those messages. I like to picture an active two-way conversation between the site and the user.

Top ^ Next topic »
Comments
i think this page is great. Examples of good sites would be good
Dawn - 04:51 on 13 Aug 2004
keren banget lah.. belajar web desain gratis. Hebat euy... abdi teh seneng pisan...
Kabayan - 06:44 on 12 Dec 2004
good. I cannot overemphasise that web site hits and usage go down when clients cannot relate to it
Umesh Shrivastav - 02:04 on 10 Mar 2005
Suggestion: allow users the choice to make a comment private or public.
James - 06:56 on 18 Mar 2005
You can now select to make a comment 'not public'. Thanks to James for the suggestion.
Ben Hunt - 11:12 on 21 Mar 2005
This site tells us how to design from a true user-friendly   approach, but does not give us any examples. A couple of examples would have been great. But, I'm quite confused with the color-scheme and structure of this site. Does this site fulfil the usability requirements truly? If yes, could you please expain how?
Kaustav - 01:54 on 30 Mar 2005
Kaustav, check out the 'Best & Worst' page under the 'Home' tab, which lists sites that show best (and worst) practice. Also see the Case Studies, which are worked examples of how to do it well in practice.
Ben Hunt - 02:04 on 30 Mar 2005
Content Then Code!

I remember going through my first book on HTML a few years back and how the author stressed laying out the text of your website first and then coding around it. Over the years I've found this advice to be correct, even more so now that I'm using CSS instead of tables for layout.

The practice, sadly, for many would-be designers is to design a website template in Photoshop and then slice and add content later.
JamesV - 07:20 on 04 Apr 2005
i donot know how to design a site please , i m a beginner please guide me , and instruct me. thank u
hhe@sancharnet.in - 07:00 on 10 Jun 2005
Sorry, this site doesn't focus on the steps to learn how to build a web site. That content may come one day, I hope.
Ben Hunt - 09:48 on 14 Jun 2005
it is complex to understand for beginners like me.i hope it will be made easy and more understandable for the beginners in the future.
                                              thank you
sami - 09:57 on 26 Jul 2005