tags:

views:

148

answers:

8

I definitely appreciate a good interface and as a developer, I try to create them for my users. But appreciating a good interface and designing one are a different thing. I'm looking for good interfaces (such as IMHO StackOverflow, Gmail) as examples of good UI from which I can model my own UI's.

+4  A: 

Pretty much anything by google, really. They're all very simple and to the point, focusing on usability.

Alex Fort
Hahahaha. I want to disagree with you so badly, but can't come up with examples. +1 ;-)
Frank Krueger
I can give you an example - the GSA xsl textarea. We paid how much for.. THIS!?
Nick
Why wasn't this wiki? User wants Rep?
George Stocker
@Gortok, we've all enjoyed a few rep boosts now and then. Neither you nor I are innocent. Makes up for all those other posts that get 0 attention.
Frank Krueger
This question wasn't a CW when I answered it, so I didn't make my answer a wiki either. It now is, so it's been changed. Please don't assume I'm rep-whoring without consulting the history of this question.
Alex Fort
+6  A: 

I personally think that Netflix has an excellent web UI. Responsive, easy to navigate. Not mutch CRUD going on, but I find it very comfortable.

Frank Krueger
They indeed have a great UI
JaredPar
+3  A: 

You should get yourself a copy of both Don't Make Me Think and The Non-Designer's Design Book for your base knowledge/insight.

From there, it's much easier for you to dissect and analyze the layouts you already know and like, and recreate them for your own amusement.

edit: To mitigate misunderstanding, the point I'm trying to make is that you probably don't need as many good examples of nice layouts, if you know what to look for. For example, I can be shown a thousand haute couture dresses, and I still couldn't make one myself, because I don't know what to look for.

Henrik Paul
But I think he was asking *specific* examples of web sites done right. We all know the standard Joel response. +1 'cause those books are great.
Frank Krueger
The point I was trying to make that he don't need as many examples as he thinks he needs, once he knows what to look for. I should clarify myself.
Henrik Paul
+3  A: 

My favorites

  • Stack Overflow: This is a WIKI so it's not a rep point grab. I just really love the interface on this site. Been to too many crappy Q/A sites
  • Google Reader
  • MSDN: It's gotten a ton better in recent years and is a great way to grab little esoteric details about various APIs
JaredPar
MSDN's biggest problem is that their search is absolutely horrible. I can never find the page I want. If I use google to search MSDN, I almost always find exactly what I'm looking for.
17 of 26
The tree navigation is crazy, and the way pages are organized can get a little hairy outside of the framework docs.
Will
+1  A: 

iStockPhoto.com it's simple, effective and handles a large amount of information and data without getting bogged down. It also doesn't get in the way of the info you are looking for.

Paulo
A: 

One of my personal favs: newspond.com

Yanko Yankov
+1  A: 

A good user interface fulfills a specific need of its users effectively.

As an example, here is a site (translation) that I have created for finding out what food is available in the cafeterias of the University of Helsinki. The typical use case is that when a student is hungry, he needs to know what food is available in the neighborhood student cafeterias (which are cheap for students), so that he can choose where to eat and what. He knows where each of those cafeterias is, but does not know what food they have today.

That site shows all the needed information at once. Because the students typically have a couple of cafeterias where they go, they can either bookmark the page with those cafeterias selected, or save the selection as a cookie. After that they can reach their goal without any navigation on the web site.

Esko Luontola
+1  A: 

I don't use it on a day-to-day basis, but I'm very impressed with the Perseus Project digital library.

Here's a link to a poem from Catullus' Carmina in Latin as an example of the interface. Some features that I really like:

  • Click on the bar near the top to jump to any poem in the work. Larger chunks of the bar represent larger sections of the work (poems, chapters, however that particular work is logically broken up by the author).
  • Click on a Latin word in the poem to bring up a window (be patient; it seems to take a while) with lexicon entries, user voting and statistics on the word form (i.e. what the inflection means in the context of the sentence; it can be ambiguous in Latin) and so forth.
  • There are a number of resources down the right column, including various English translations, notes, references, etc. Any of them can be either shown in the right column, or swapped out with whatever is in the main content area in the center.
Adam Jaskiewicz