Stories
Slash Boxes
Comments

News for nerds, stuff that matters

Slashdot Log In

Log In

Create Account  |  Retrieve Password

What Website has the Cleanest Site Design?

Posted by Cliff on Mon May 19, 2003 04:38 PM
from the suitable-examples-for-others dept.
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?"
+ -
story
This discussion has been archived. No new comments can be posted.
The Fine Print: The following comments are owned by whoever posted them. We are not responsible for them in any way.
 Full
 Abbreviated
 Hidden
More
Loading... please wait.
  • Easy (Score:5, Insightful)

    by sporty (27564) on Monday May 19 2003, @04:40PM (#5994382) Homepage
    Google.com

    Easy interface, easy results.
    • Re:Easy (Score:5, Insightful)

      by gl4ss (559668) on Monday May 19 2003, @04:48PM (#5994453) Homepage Journal
      funny thing that google.com is sometimes the best interface to some sites too, as some sites are really hard to manouver but it's really easy then to make up few words that will take you straight where you want on that site.

      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)

        by fredrikj (629833) on Monday May 19 2003, @04:54PM (#5994503) Homepage
        funny thing that google.com is sometimes the best interface to some sites too, as some sites are really hard to manouver but it's really easy then to make up few words that will take you straight where you want on that site.

        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.
        • Re:Easy (Score:4, Insightful)

          by aster_ken (516808) * <dcook32p@htcomp.net> on Monday May 19 2003, @05:02PM (#5994550)
          I totally agree. I search Slashdot like this:

          http://www.google.com/

          search terms here site:slashdot.org

          Obvious to you or I, but I'm hoping this post is useful to someone.
        • Re:Easy (Score:3, Insightful)

          Agreed. Slashdot's pathetic search function can't even search the body of comments, just the title. When is the title of a post ever really that meaningful? Hardly ever. There are a bunch of times I remember some tidbit in a post but unless it was moderated up, or appears at the top of a thread (and thus is included in the ".shtml" archive version of the page which Google spiders), it's almost completely impossible to find.

          Or how about the ability to force the search on stories to only match ALL keywor
    • 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

  • Without a doubt (Score:5, Insightful)

    by Loosewire (628916) * on Monday May 19 2003, @04:40PM (#5994383) Homepage Journal
    Google - even their ads are clean and not obtrusive.
  • The current one's not bad, but it's sliding downhill in my opinion. In the hall of shame I think we find The Register, and the random story ordering.
  • G - O - O - G - L - E

    well, only four distinct letters...
  • My own [openglforums.com] of course. Its clean, table-less, and is valid XHTML1.0 Strict.

    -Vic
  • Gripe (Score:5, Insightful)

    by gehrehmee (16338) on Monday May 19 2003, @04:46PM (#5994433) Homepage
    Off hand, I'd say that site's not all that hot. The site doesn't even vary its layout with the width of the window, which means it not only wastes most of the available space on my big monitor, but is completely useless on handleld displays.

    I think we can set the bar a little higher than that don't you?
    • Re:Gripe (Score:4, Informative)

      by missing000 (602285) on Monday May 19 2003, @04:54PM (#5994498)
      It's also not a website. W3C [w3.org] can't tell what it is, and a quick look at the source tells me it full of problems, numberone on my list being an extreeme over-use of javascript.
      • Re:Gripe (Score:2, Interesting)

        That is correct. It is not a site.

        Mozilla 1.4b chokes on it. Opera is no better. Internet Explorer seems to me to be the only browser capable of rendering it correctly... Hmm... let's think about why... Maybe because they're using proprietary extensions? Yeah, that's it!

        The design, while gimmicky (perfect word for it), is not all that useful. Clean designs can be found all over the Internet. Look at Princeton Financial's site: http://www.pfs.com/

        As other posters have mentioned, the perfect site design se
        • It works fine for me in Mozilla Firebird.

          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
          • ah, but it doesn't work on mozilla firebird correctly, at least i don't think the feature of having the middle of the page pretty much empty and the layout pretty much f*****d otherwise too.

            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?
    • I disagree, I think you jumped the gun a bit in your judgment.

      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
  • Clean Design? (Score:4, Insightful)

    by DarkBlack (5773) <darkblack@@@miscreation...net> on Monday May 19 2003, @04:47PM (#5994445) Homepage
    This site is broken in a very recent build of Mozilla Firebird. I find it horrid. I hate the floating bar at the top. There is no content in the middle area, probably because it doesn't validate. [w3.org]

    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.....
    • Looks awful on Safari too! The text overflows and overlaps the footer and the headline too jumbles the beginning of the second column... lousy
    • The content is there. You have to hit refresh and firebird fixes itself. Sometimes firebird omits chunks of content randomly. Does it on my XHTML valid blog to.
    • And it's a interface designer's problem if you use 'a very recent build' of a particular browser? I use moz 1.3 and I read iht all the time without incident.

      While we're calling the kettle black, your own site only 'tentatively' validates as html 4.01.
  • I was going to say the Doonesbury [doonesbury.com] site, and even noticed that I was a bit behind reading them... Then I went there. (Microsoft's) Slate has taken it over! The site used to look like the white area without the Slate shit around it, but I guess MS felt that interface was too intuiti... err... not branded enough. First the subscription debacle of Non Sequitur [ucomics.com] and now this. Damn it!
  • by Anonymous Coward on Monday May 19 2003, @04:49PM (#5994459)
    ...but about:blank is nevertheless really, really clean.
  • by SoCalChris (573049) on Monday May 19 2003, @04:51PM (#5994475) Homepage Journal
  • Here's a mirror:

    This web page is not here yet
  • by Dr. Photo (640363) on Monday May 19 2003, @04:54PM (#5994495) Journal
    My nominee for best site design is Slashdot, but then again I'm completely colorblind... ;-)
    • Actually, for the longest time, i have been using slashdot in "light" mode (available under one of the preferences).

      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.
  • Allthough you might not be able to read the articles, th entire site, including the free font page, has a very clean and elegant design... http://www.wsj.com ---Lane
  • 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

  • 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...

  • The author of the article has a good list of what makes a site good, but needs to swap his first and last items.

    The same damned thing's true of most web designers.

  • Apple has the most intuitive company webpage I've seen in a long while. You are never more then three clicks away from information. Their new store, on the other hand, is much less intuitive than it used to be. I'm not sure why they changed it into the more cluttered interface. Look at Dell's page, or Compaq, or Sun... icky.
  • Ha'ayal and Fisheye (Score:3, Informative)

    by epsalon (518482) <slash@alon.wox.org> on Monday May 19 2003, @05:08PM (#5994589) Homepage Journal
    These [haayal.co.il] Hebrew [fisheye.co.il] sites [sf-f.org.il] employ a very clean and easy forum system, unseen anywhere else.
  • By an dlarge the BEST site design I have EVER seen. The though, effort, and creativity involved in this masterpiece has to been experienced, not just seen.
  • I have to say that Robert has put together a clean site for your anime needs at Animeigo [animego.com] East yo maneuver, easy to find information and works on all my browsers without a fault.
  • The best: jodi.org [jodi.org] .
  • by crapulent (598941) on Monday May 19 2003, @06:00PM (#5994898)
    Come on, the timecube guy [timecube.com] is obviously a master at modern UI deign and html layout. :-)

    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]

  • by Mordant (138460) on Monday May 19 2003, @06:11PM (#5994968) Homepage
    is the best [somethingawful.com].
  • by avi33 (116048) on Monday May 19 2003, @06:12PM (#5994970) Homepage
    First of all, it can't use javascript, because anything that can't be displayed on my 1984 casio digital watch (running slackware via the CLI) isn't really a website anyway. Same goes for tables, XML, pixel gifs, images that use more than 8 bits of color, and true type fonts, though CSS and a DTD are mandatory.

    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?
  • by Fweeky (41046) on Monday May 19 2003, @07:07PM (#5995264) Homepage
    • aagh.net [aagh.net] -- degrades gracefully, uses real (X)HTML properly, has clean URL's, simple and clear navigation, plenty of <link>'s, and is one of the few sites I know of that not only serves XHTML as application/xhtml+xml as it should be, but serves HTML 4.01 to clients that don't support it. Yes, it's my site ;)
    • xiven.com [xiven.com] -- honourable mention :)
    • diveintomark.org [diveintomark.org] -- aside from the braindead US date format he uses, it rules.
    • DevEdge [netscape.com] -- clean, degrades very well.
    • kuro5hin [kuro5hin.org] -- Has a nice fresh creamy flavour.
  • Clean news sites (Score:3, Informative)

    by WIAKywbfatw (307557) on Monday May 19 2003, @07:56PM (#5995520) Journal
    Personally, I think that the BBC News [bbc.co.uk] and NewsNow [newsnow.co.uk] sites are both well layed out, work well, etc. Skimming either can be done in seconds and give you a good snapshot of what's going on in the world.

    Drilling down to an area of interest on either site is very clean, quick and easy too.
  • McMaster-Carr [mcmaster.com]

    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.

  • They offer tips on how to fix thing and how not to make annoying sites. I find it best to learn by example. They show bad examples so you know what NOT to do.

    http://www.webpagesthatsuck.com
  • by hughk (248126) on Tuesday May 20 2003, @01:23AM (#5996889) Journal
    When the FT decided to produce a German language edition, they kept the distinctive colour, but made a much more interesting paper, presenting complex information simply.

    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.

  • by zonix (592337) on Tuesday May 20 2003, @04:07AM (#5997279) Homepage Journal

    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].

    z
  • Apple.com (Score:3, Funny)

    by hexdcml (553714) <hexdcml@@@hotmail...com> on Tuesday May 20 2003, @10:18AM (#5998721)
    I'm surprised that no one has mentioned Apple.com It's clean, simple to use, with lot's of content - compared to Microsoft's website, this is a lot better, and I've read somewhere it reflects Apple's philosophy's or what have you... but I just think it's a really cool site - and Apple being my online Mecca, I visit it daily and never seem to tire from it.
  • Text-based design (Score:3, Informative)

    by selan (234261) on Tuesday May 20 2003, @11:38AM (#5999302) Journal
    Have a look here [textbased.com] for a minimalist, clean approach.
    • Are you f*cking kidding me? I loathe their design. I assume you mean their regular pages, not the "we were slashdotted, so go away" temporary site.

      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
    • Websites should read like books.

      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