3 components of good web design

Actually the site PSDTUTS has great tutorials for Web Designers. But one of the recent articles about what design roles that constitute a good web design discipline did not convince me.

The reason is that the author uses rather weak definitions of the core terms. The article proposes three components: 1. Aesthetic Design, 2. Interface Design and 3. Information Design. These terms are not very specific in their application to web design – and yet the article uses rather narrow definitions.

But a better terminology for the core question the article is raising would be

  1. Visual Appearance
  2. Interaction Design
  3. Information Architecture

With these terms a reader would find much more useful information.

Content, structure and form

Any design problem can be separated into questions of content, structure and form. This is most simple approach is to reflect them (even web design). A given design task touches three domains:

  • Making sense with given CONTENT
  • Creating appropriate STRUCTURE
  • Finding the optimal FORM

And this is how these three domains relate to the terms I proposed above:

  1. Visual Appearance asks »How does FORM interact with CONTENT?«
  2. Interaction Design asks »How does STRUCTURE interact with FORM?«
  3. Information Architecture asks »How does CONTENT interact with STRUCTURE?«


_PS: While I have concerns about that particular article I think the PSDTUT website offers a lot of very good tutorials. The site even offers a $9/month plus membership with additional material for people with professional ambitions. I think that is a very fair deal!


One response to “3 components of good web design”

  1. Wow! Thank you for your thoughts on that article. I saw that article and I won’t lie to you it was good enough for me but since I realize I am have a lot to learn These descriptions that you made are really solid. Thank you!

Leave a Reply

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

This site uses Akismet to reduce spam. Learn how your comment data is processed.