
What Website has the Cleanest Site Design? 181
Gabe Anast asks: "The recent article on Microsoft's market dominance referred to an article at the International Herald Tribune, which I read until I became engrossed in the natural readability and intuitive interface of that site. It's amazing! I'll have to say that site has the cleanest design of any I have ever used. So, of course, I thought 'What are the other "best designed" sites? Would Slashdot know? My personal criteria for site design is: graphic design/appeal; an intuitive interface; and content that flows naturally (eg: high content density that does not sacrifice clarity). What are your favorite sites, and by what criteria do you judge such?"
Easy (Score:5, Insightful)
Easy interface, easy results.
Re:Easy (Score:5, Insightful)
the less there is the better usually. ads should not be getting too much space and useless bloating by providing links to other pages of the same provider(that have nothing to do with the content) are usually useless on every page.
in fact these 'navigational' bars sometimes make the navigating much more difficult, since they tend to make it so that you get everywhere from one point. now this might seem smart and useful, but would you rather have easier time finding where you are going with a room that had 300 doors, or finding where you want to be in structure where there was like 4 doors from every room with signs saying what are you going towards..
Re:Easy (Score:4, Interesting)
Case in point: slashdot.org. Seriously, Slashdot's search function rarely takes me to the article I'm looking for, while with Google I always get there if I just remember one or two words from the headline.
Comment removed (Score:4, Insightful)
Re:Easy (Score:2, Informative)
http://toolbar.google.com/
Re:Easy (Score:2)
Actually, the original version of the Google toolbar was a set of JavaScript links for use with Netscape. The IE-specific version came out later. The originals can be used with any JavaScript compatible browser. Here they are, the original and a few handy modifications, for those that don't know the trick. Add these to your
Re:Easy (Score:2)
Re:Easy (Score:3, Insightful)
Or how about the ability to force the search on stories to only match ALL keywor
Editors, hear me ! (Score:2)
<!-- Search Google -->
<FORM method=GET action=http://www.google.com/custom>
<INPUT TYPE=text name=q size=31 maxlength=255 value="">
<INPUT type=submit name=sa VALUE="Google Search">
<INPUT type=hidden name=cof VALUE="LW:275;L:http://images.slashdot.org/title. g if;LH:72;AH:left;S:http://slashdot.org/;AWFID:528b aeba264afd9b;">
<input type=hidden name=domains value="slashdot.org">
<input type=hidden name=sitesearch value="slashdot.org">
Totally agree (Score:2)
Easy for basic functionality (Score:3, Insightful)
Don't get me wrong, google is my favorite search engine. I just don't think they deserve any awards for Web page design.
The basic features of google are easy to access, but there are a whole bunch of google features that are not available from their main page. Google has their own features page [google.com] (try getting to that from the front page), but there are all sorts of third party Web pages explaining some of the "hidden" features of google. Their "Advanced search" really does not offer many of their fea
Re:Easy for basic functionality (Score:2)
All in all, it's a pretty good interface. Even their advanced forms are easy to use.
Re:Easy for basic functionality (Score:2)
Re:Easy for basic functionality (Score:2)
Re:Easy for basic functionality (Score:2)
Second, most of those features show up automatically, which you will come across when you use Google frequently. Granted, the address search feature isn't very obvious, but I've still had google ask if I wanted directions when searching for cities. The spelling corrections show up if you misspell something, the news items when there is current and relevant news, similar pages a
Re:Easy (Score:2)
If you want to drive away people quickly, just load the homepage up with graphics.
Without a doubt (Score:5, Insightful)
Re:Without a doubt (Score:2)
"Google - even their ads are clean and not obtrusive."
I guess so! My first reaction when I read this was, "Google has ads?!"
Not obtrusive indeed! =)
Re:Without a doubt (Score:2)
I nominated the OLD BBC news site (Score:2)
7 Letters (Score:2)
well, only four distinct letters...
Re:7 Letters (Score:2)
Re:7 Letters (Score:2)
-ccm
Re:7 Letters (Score:2)
your mistake.
Why, my own of course (Score:2)
-Vic
Re:Why, my own of course (Score:2, Insightful)
Makes it difficult for readers who can't read small fonts, I would say.
Re:Why, my own of course (Score:2)
Re:Why, my own of course (Score:2)
Gripe (Score:5, Insightful)
I think we can set the bar a little higher than that don't you?
Re:Gripe (Score:4, Informative)
Re: (Score:2, Interesting)
Re:Gripe (Score:2)
What's up with this "not a website" attitude? As much as the W3C would like to think it dictates web standards, there is a significant "de facto" standard of what works and what doesn't on web pages. It's perfectly possible to make a web site that essentially everyone can use without passing the W3C validator. That page might not be proper XHTML 4.0/CSS2/XML/RSS/WSDL compliant, but that doesn't make it not a web site! At the same time, you can easily make a proper s
Re:Gripe (Score:2)
but the biggest indicator would be that navigator bar, it gets fumbled when you scroll down.
could you say a car that didn't meet the requirements for a legal car is perfectly ok for a car?
or would you say a cripled 'enchanced cd' is a real compact disc?
Re:Gripe (Score:2)
I've enjoyed reading iht for a while now. When I see a news.google.com hit for it, I'll choose iht over other news sources, just because of the nice way it provides article reading.
And I'm doing this all in Mozilla 1.3.
Re:Gripe (Score:2)
It doesn't honour the user's font size preference in IE.
Re:Gripe (Score:2)
The site dynamically re-allocates the content across multiple pages based on window height window and font size. (Small window = 'page 1 of 7', large window = page '1 of 2'). So, though it may not use your entire big monitor left-to-right, it does expand top-to-bottom, and redistribute the content across the appropriate number of pages. One great thing about the site is that all content is loaded in the first request, and if you click to the 'ne
Re:Gripe (Score:2)
Clean Design? (Score:4, Insightful)
I am very displeased with the website's designer. This is all before I have even had a chance to explore the rest of the site. Sorry, your 10 seconds is up. Next Link.....
Re:Clean Design? (Score:2)
Nope, its a firebird bug (Score:2)
Re:Clean Design? (Score:2)
While we're calling the kettle black, your own site only 'tentatively' validates as html 4.01.
Re:Clean Design? (Score:2)
You probably saw html 4.01 content if you visted with konqueror, opera, or IE. Mozilla requests application/xhtml+xml as a higher priority than text/html.
Re:Clean Design? (Score:2)
Maybe your build is broken? (Score:2)
They don't underline their links, which should be a crime -- we're not all awesome at seeing the difference between colours, especially as our eyes age or if we're unlucky enough to be colour blind.
Oh
Re:Maybe your build is broken? (Score:2)
Re:Clean Design? (Score:2)
Shocked at Doonesbury (Score:2, Interesting)
ok, it's not really part of the internet... (Score:5, Funny)
Re:ok, it's not really part of the internet... (Score:2)
It's right here! (Score:5, Funny)
Re:It's right here! (Score:2)
MY EYES AHHHHHH THE BURNING! (Score:2, Funny)
My god get me a rag my eyes are bleeding!
Transmeta's site was nice (Score:2, Funny)
This web page is not here yet
Cleanest site design... (Score:5, Funny)
Re:Cleanest site design... (Score:2, Informative)
It's actually ultra-clean and very light. it's faster to download and render - it's still very usuable under lynx and i have for a while too. And it's pretty color agnostic. as in, just black on white. So give slashdot light a try.
Basically the table is not a monsterosity and the sidebars are missing. And you don't get the pretty topic icons.
Re:Cleanest site design... (Score:2)
Just because it's written like a 1989 website, doesn't make it clean.
Re:Cleanest site design... (Score:2)
And if you are using it, get a clue! I have handhelds that can run Firebird or Ie just fine!
In all seriousness, I use the browser that takes the least time to open, and on a fresh install of XP Pro w/ swap file turned off and all patches applied, IE opens in a snap, so I will keep using it.
Re:Cleanest site design... (Score:2)
Oh, yeah. I still use lynx. I'm using it right now. Where I live, I can't get a modem to connect faster than 14.4kbps, and lynx is functional over that type of connection. Mozilla does OK, with its image permissions and blocking, if I need to look at graphics. I still do a lot of browsing with lynx.
Wall Street Journal (Score:2)
Here's an amazing site... (Score:2, Insightful)
Here's one that has some of the cleanest design and interface concepts, as well as low bandwidth support that I've seen: ccosas beanbagcentral site [beanbagcentral.com]
The whole beanbagcentral.com [beanbagcentral.com] website is really impressive.
Either way, I vote for well managed color coordination, easy display of commonly used information, not a bandwidth hog, and relative content.
Keep in mind though - how good a site depends on the purpose of a site. It's all a matter of the design, intent, target audience, etc. What may seem like a bad
My Opinion (Score:3, Interesting)
Well I would say one site that has a very clean design is Slashdot in Light mode, but I guess that doesn't really count... I haven't really run in to any really easy to use sites lately.
First, a site has to look decent, color- and font-wise. A standard font like arial or times is good, and the colors can't clash. Also, the font, color, size, et cetera has to be consistent throught the page, i.e. if there are topic headings make them all the same style. The place I have seen this most ignored is in small e-shops where they have links and pictures and huge headings everywhere.
Next: navigatino has to be easy and structured, but not overstructured--it's a balance. If you have just a pile of pages without organization, it's really hard to find stuff, but (as it sometimes happens with large directories like Yahoo and Google) grouping under too many levels gives vague top-level headings that don't really reveal what's beneath.
Another random thing that popped into my head: if the main content of a site is articles, then the navbar should have a bunch of categories for articles. It's really annoying when I see something like Home, About Us, Articles, Polls, Members, Forums, Help, Log In and I go to several places looking for stuff when all the main content is under one heading; in other words, keep the sections balanced.
Use stylesheets... it's really annoying to see crappy web pages with different fonts and colors, or mistakes in markup because the writer was typing out font tags. I saw a web site the other day that had font tags around each and every link on the page to give links a different color... um, there's an easier way to do it!
Don't add pointless features. Nobody really wants to vote on which picture of your cat is the best (sorry, a classic of vanity web pages) or sign your pointless guestbook. When you use one of those stupid web-page wizards, put a little thought into whether you really need each feature you want to add...
More about stylesheets... This is hard for already-created sites, but lay out and format the bulk of your site with CSS so it can be resized, stretched, and twisted without looking stupid. Make sure changing the font size doesn't ruin your layout, and also that you can change the font size--don't use pixel sizes!
Okay, I'm done ranting...
CSS (Score:2)
Pixel sizes (Score:2)
Well, pixel sizes are often a more consistent way to do the layout. The biggest problem is that Mac web browsers generally assume that the screen is 72dpi, while Windoze assumes 96dpi. I don't know about Linux.
The end result is that stuff designed with point sizes on a Windoze machine ends up reallytiny on my Mac!
Pixel sizes overcome this
Right points, wrong order (Score:2)
The same damned thing's true of most web designers.
Apple? (Score:2)
Ha'ayal and Fisheye (Score:3, Informative)
Zombo.com (Score:2)
Re:Zombo.com (Score:2)
Animeigo (Score:2)
Jodi (Score:2)
The man knows his html... (Score:4, Informative)
Seriously though, here are some sites whose design I like:
Sweetcode [sweetcode.org]
Mathworld [wolfram.com]
openrbl.org [openrbl.org]
perldoc [perldoc.com]
Paul Borke's website [swin.edu.au]
the Joel On Software forums [fogcreek.com]
the Tech Report [tech-report.com] (a debatable choice, but the best of its type)
Dmitry's Design Lab [webreference.com]
Timecube is the greatest! (Score:2)
Man, so much talk about cubes and 4x4's. Obviously created by a frustrated SUV driver. :P
Everyone knows that Jeff. K's Web site (Score:3, Funny)
how about some judging criteria: (Score:5, Funny)
And secondly, it's got to look good running at 64 x 48 pixels. Some people need to look at their monitors from the next room using an inverted pair of binoculars.
Finally, under no circumstances shall you take into consideration the content being displayed. My blog (dedicated to the daily minutiae of my plants and their arcing patterns toward sunlight) easily satisfies all of these requirements, so why shouldn't a consumer-oriented, dynamic, international news site be able to do it too?
odd todd of course :) (Score:2)
books (Score:2)
NOOOOOOO! (Score:3, Insightful)
But the thing is, web users don't read web sites like books.
Look at the usability research, and a few things are clear. Most web sites are scanned, not read. (The exceptions are things like lengthy articles, but even then, many of these are printed and read from paper anyway.) Hence writing in the same style, and offering the same "mass of text" presentation, as would be appropriate for a book is bad practice for the web.
Most users do not scroll much, if at all. Two o
Off the top of my head: (Score:3, Informative)
Not quite. (Score:2)
Unfortunately, not everyone sees it this way, and Rusty's not about to cut off the readership.
Re:Not quite. (Score:2)
It does at least look quite nice and clean, anyway
might be clean, but not in Safari (Score:2)
It looked OK in Firebird (the browser, not the DB), tho. I like the attention to detail regarding spacing in the articles, but the main page just made me want to do anything but surf further on their site.
news sites seem the best (Score:2)
my two favorites:
NewsToday [newstoday.com]
BBC's main site [bbc.co.uk]
Marshall Electronics / Mogami Cable (Score:2)
Clean news sites (Score:3, Informative)
Drilling down to an area of interest on either site is very clean, quick and easy too.
My vote goes to... (Score:3, Insightful)
At first glance many will disagree, and likely every one of them will have no experience with McMaster-Carr. The thing you have to realize is that their printed catalog is about 3500 pages, and they stock over 400,000 items, and this site incorporates all that and more. I have to say this is hands down the most usable e-commerce site I've ever had to deal with, putting many sites with far fewer items to shame.
Re:My vote goes to... (Score:2)
MrResistor said:
To which I say, "Amen brother!"
For those who want a comparison to an industrial
webpagesthatsuck.com (Score:3, Informative)
http://www.webpagesthatsuck.com
Blender's designer, and others (Score:2)
I've been liking this guy's [mke3.net] stuff lately. He did the Blender3D site, and if you follow the links, some others that have a similar look. Just clean color bars with a nice asymetric balance, navigation is integral to the design, not just patched into some corner block some where.
Chris Croome [croome.net] (hi dude!) had a role in the WebArchitects [webarchitects.co.uk] page which IMO is the right way to do a text-only approach... let color do the work, not graphics.
Finally, my own Cream for Vim [sourceforge.net] page is a monochromatic (single hue) design i
I can't believe nobody has said... (Score:2, Insightful)
... Homestar Runenr [homestarrunner.com]!!!
This website has such a great interface. It has sound, it has one simply Flash object, it is actually funny, and it's so easy to use that my parents can figure it out!
Homestar Runner is a good FLASH site, that's it. (Score:2)
The challenge when making a web page that a lot of "pro" designers don't understand it seems, is that you need to pick a design that works with the content on your site. In many
Designer is the operative word (Score:2)
The Designer (turned out in the thousands by "Design Schools" or art programs and the like) :
Financial Times (German Edition) (Score:5, Interesting)
When they did the web site for the German edition, they carried on with the new graphic design producing one that seems better than their English language site [ft.com]. Even if you are a non German-language speaker, I would reccomend a visit just to look at the design. As a side note, the FT as a newspaper is never big on pictures and the web site carries on with that tradition.
Interestingly enough, the site remains free for the time being.
php.net? (Score:2, Interesting)
Standards compliance, damn it! (Score:5, Insightful)
Geez, forget clean "design"!
I'd settle for standards compliant sites. If you start there, it's harder to screw up your precious "design", unless tempted by using flash and javascript, and the like.
People, your next stop is the W3C [w3.org].
zOK this sounds strange, but ... (Score:2)
http://www.accessdmv.com/
is fantastic. Clean, simple, gets to the point. Lets me renew my car registration in (literally) 45 seconds. Love it.
I _love_ simple, mid-90's-era web pages. I haven't updated it in a while, but my page:
www.osxadm.com
is just like that. You can read it, some simple icons, but no fluff. In fact, at one point osxadm inspired this guy's page:
bowdenj [216.239.57.100] (hey, someone noticed!)
Apple.com (Score:3, Funny)
Text-based design (Score:3, Informative)
Oboy ! (Score:2)
One of the news articles on the HT front page prompted me to look at the UN page which is worth looking at for a good example of how not to build a page : the UN english page [un.org]. All the text on the page is in the form of images -
I nominate (Score:2)
Looks clean in every browser I've tried, except lynx.
The people who run the ICQ homepage should be shot. mirabilis.com looks like about four normal web sites threw up on it. Same thing with the large group of sites associated with voyeurweb.com. Their web designer needs to be beaten to death with a 14" dildo.
Also, a lot of sites use flash or something similar to get to a "clean" design. I'm on a super-low-speed connection, and know well the pain of having to wait 25 minutes while some fuckw
Re:That's easy. (Score:2)
Let's see: they list the page numbers in a big long list of numbers, with no next or previous button anywhere. Worse, they've decided that links shouldn't be underlined (even though that's a usability no-no), and to add insult to injury the link color is dark blue and the text color is black. In other words, to flip pages, you first have to determine which p