Comments on: The Dos and Don’ts Guide to Great Web Design

By: Matt

Matt — Fri, 11 Mar 2011 05:27:56 +0000

Thanks, Jean-Pierre. It was free at the time this post was written (a few years ago), but as you said, it no longer is.

By: Jean-Pierre

Jean-Pierre — Sat, 19 Feb 2011 14:02:18 +0000

You mention Smart Draw being a FREE software, but it is not. You have a seven day trial period only.

By: The Stumbling Block … Reprise « roadtodesign

The Stumbling Block … Reprise « roadtodesign — Sat, 19 Feb 2011 12:30:54 +0000

[...] Do’s and dont’s guide to great web design [...]

By: Lee (Rusty) Mothes

Lee (Rusty) Mothes — Tue, 16 Feb 2010 14:50:48 +0000

Your article has helped me get started with a website layout for my New Island site.
Thanks Matt!

By: Wilde

Wilde — Mon, 25 Jan 2010 03:27:25 +0000

Hi,
Great read! Only thing I have a question about is your advice on drop down menus. You suggest having them as they essentially creates a site map on every page (sounds like good reasoning to me). Yet you don’t use it on your website. Any reason why?

By: Academy Of Digital — 6. Planning a website

Academy Of Digital — 6. Planning a website — Thu, 12 Nov 2009 22:41:52 +0000

[...] (web design): a list apart chromaticsites [...]

By: Katrina

Katrina — Fri, 01 May 2009 11:39:03 +0000

This article is a great help for me and inspired me to grab a pen and a paper already. The process makes a lot of sense and requires a lot of muscle. Thanks for this and I hope that you can discuss more things about this subject as the business world becomes “webwide”.

By: De Dana Dan

De Dana Dan — Thu, 23 Oct 2008 07:48:21 +0000

Very useful process…thank you…

By: Seven Steps To Launch Your Goals Guide. | 7Wins.eu

Seven Steps To Launch Your Goals Guide. | 7Wins.eu — Tue, 14 Oct 2008 15:37:03 +0000

[...]

By: Ovi Dogar

Ovi Dogar — Mon, 08 Sep 2008 09:51:47 +0000

Great article! I really enjoyed reading your post!

Ovi Dogar

By: Blog Chamber » 12 Steps to Creating a Professional Web Design

Blog Chamber » 12 Steps to Creating a Professional Web Design — Wed, 03 Sep 2008 22:32:51 +0000

[...] already written an extensive article on the basics of a professional web design process, so we’re just going to list some of the [...]

By: jonnie » Blog Archive » 5 Things To Hate About Web Design (and how to fix them)

Fri, 27 Jun 2008 16:15:46 +0000

[...] on the topic and the industry; however, all websites should contain these 6 elements. Developing a navigation and layout strategy before building a website is essential in guaranteeing that your website doesn’t suffer from [...]

By: decimus

decimus — Thu, 26 Jun 2008 09:23:35 +0000

very nice and simple article. its worth to print this out and hang near the table
thx!

By: Daniel

Daniel — Fri, 16 May 2008 04:33:03 +0000

hi…
now is clear as water
thanks… and keep doing this great job.

best regards,
Daniel

By: Matt

Matt — Fri, 16 May 2008 02:28:41 +0000

@Daniel – Thank you for the compliment, it is much appreciated and we’re glad you found this article useful.

The difference between a mockup and a wireframe is the following:

A wireframe is a bare-bones, visual representation of how the elements of the website will be organized and laid out. A wireframe is normally created without graphics, images, or even colors, but instead, solid vector shapes such as squares, rectangles, and circles. A wireframe simply illustrates the placement of elements.

A mockup is a term used to describe the design itself. A mockup builds upon a wireframe by using graphics, images, colors, text, and more to create the design of the website.

Hope this helps.