Comments on: Is there a website that highlights good web design?

Question: Is there a website that highlights good web design?

Tlogmer — Sat, 31 Jul 2004 19:54:14 -0800

I know about Web pages that Suck. But is there anywhere that highlights examples of good web design and goes over their features? Most of the pages I've seen offer obvious guidelines like "make sure the text is readable" and "don't be incredibly annoying" -- but how do you make, for example, a long annotated list of recommended reading that isn't overbearingly dense?

(I mean, I've figured out the list-readability thing, for the most part. But it would be nice if advice of this type was widely available.)

By: geekyguy

geekyguy — Sat, 31 Jul 2004 21:04:27 -0800

Check out AListApart

By: Tlogmer

Tlogmer — Sun, 01 Aug 2004 02:14:20 -0800

A List Apart isn't quite what I'm looking for, but I agree; it's great.

By: Dreamghost

Dreamghost — Sun, 01 Aug 2004 03:12:06 -0800

37 signals has a excellent book called Defensive design for the web. there blog also points out good links or resources from time to time.

The book does cater to more business/ecommrace design pitfalls but I have found it useful.

By: shepd

shepd — Sun, 01 Aug 2004 03:20:47 -0800

AListApart and 37 signals website also totally suck.

HELLO. I like to use my browser at a variety of widths. If the lines of text are too long, *I'll* resize them to suit *me* and what *I* like. It isn't a newspaper. You don't have to make an "average" person happy. You should try to let me make myself comfortable.

Doing the old "force you to run at my resolution" trick is #1 in the book of shitty webdesign, IMHO.

(sorry, but it annoys me!)

Otherwise, they're good. :-D

By: Pericles

Pericles — Sun, 01 Aug 2004 06:19:13 -0800

something called The Daily Standards (or some such) shows good, standard-based web design. Or the evolt / webdesign-L lists have good critiques for those who write in and ask for criticism.

By: Hankins

Hankins — Sun, 01 Aug 2004 07:41:25 -0800

Doesn't have much about standards or "correct" design or anything, but CoolHomepages has a wealth of design examples from glossy, often-corporate sites. The site has been around for a long time and is much more commercial than it used to be, but it at least saves from having to go visit the sites contained within separately.

By: xammerboy

xammerboy — Sun, 01 Aug 2004 08:36:36 -0800

The Yale Web Style guide is what you are looking for. For an index of usability links (though a bit stale) try the usable web.

By: xammerboy

xammerboy — Sun, 01 Aug 2004 08:58:22 -0800

It's very easy to point out usability or design "errors" and very hard to point out what's good, or working. For one thing, good design online is awfully hard to do, and for another thing, any design decision is always a trade-off. There is almost never a situation where there is a design solution in the absolutist sense.

Keeping that in mind, some readability guidelines include the following. (1) Make text 12 font size. (2) Make text scannable (sans-serif font). (3) Line length should ideally be between 60-70 letters per line. (4) The space between one line of type and the next should be 1,5 to 2 times the space between words on a line. (5) Ensure high contrast between page background and type. (6) Break up long pages of text with graphics (at the same time - avoid overdoing it - just give users a sense of place as they scroll through pages.

Finally, if its a lot of annoted text, give users the ability to print it out - most people prefer not to read a lot of text online.

Also, read ">this article from useit.com, and do a Google search on "readability guidelines".

By: Tlogmer

Tlogmer — Sun, 01 Aug 2004 12:24:25 -0800

Good stuff. Thanks.

By: BigCalm

BigCalm — Mon, 02 Aug 2004 03:54:53 -0800

Theban mapping project is a an example of good web design.