Ask HN: Your favorite web application design/UI?
23 comments
Jason Santa Maria is the only designer whose rss feed I'm subscribed to. Check his porfolio for some projects you'll probably recognize.
http://jasonsantamaria.com/
http://jasonsantamaria.com/
I went to check his portfolio and noticed one of his works is dictionary.com - he lists it under website design. Not sure what happened but dictionary.com is an awful site!
I just went there. Seems pretty okay to me. If you mean those click-popups that drive everyone crazy, that's not the designer's fault.
I love that site design. It's very clean and readable for me.
While it created a lot of dissatisfied customers, I truly loved the redesign for http://www.thesixtyone.com/ beautiful stuff.
Whoa! I hadn't been on the site in ages. The design is nuts! I think it's beautiful, yes, but much less functional.
When I first saw the redesign of TheSixtyOne, I also thought it was nuts; a classic case of web-design by graphic-designer.
But then I realized that it's an amazing solution to the problem they're trying to solve; discovering new music.
You're shown just one song (you've likely never heard of before) at a time.
You either like it and listen to it, or move on to the next.
You can't physically listen to more than one song at once, so you move everything to individual pages.
TheSixtyOne's design can be improved a bit, sure, but the overall concept is brilliant.
But then I realized that it's an amazing solution to the problem they're trying to solve; discovering new music.
You're shown just one song (you've likely never heard of before) at a time.
You either like it and listen to it, or move on to the next.
You can't physically listen to more than one song at once, so you move everything to individual pages.
TheSixtyOne's design can be improved a bit, sure, but the overall concept is brilliant.
Absolutely. The redesign was the first time I had heard of it and I instantly loved it!
I know this isn't what you asked for, but it sounds like you are trying to find a design that you will wedge your content into. Let the content dictate the design.
Love the Alfred app design. I bookmarked it when it first came out. It inspired me to do a very logo centric design for my web app:
<plug> http://www.HobsonFiles.com </plug>
So did http://mailchimp.com. I've always been impressed by how much personality their web app has while actually doing something very useful.
<plug> http://www.HobsonFiles.com </plug>
So did http://mailchimp.com. I've always been impressed by how much personality their web app has while actually doing something very useful.
Re: HobsonFiles.com
Isn't that a bit wide of a design? I would think that the average person would have to scroll left and right to see it all. I did, at least, and it took me by surprise.
Edit: In reference to the landing page.
Isn't that a bit wide of a design? I would think that the average person would have to scroll left and right to see it all. I did, at least, and it took me by surprise.
Edit: In reference to the landing page.
[deleted]
mailchimp is absolutely stunning!
I like Quora and github. Nice clean designs.
I find that most YC funded companies have great designs/UIs. Some that spring to mind are airbnb, hipmunk, etc.
Here is a list of YC funded companies (look on bottom left column under investments) - http://www.crunchbase.com/company/y-combinator
Here is a list of YC funded companies (look on bottom left column under investments) - http://www.crunchbase.com/company/y-combinator
A couple of comments here have liquid card based layouts (http://spacecollective.org/projects/The-Total-Library, http://alpha.patterntap.com/collections/Tabs). To add to the list of this type of design check out http://pinterest.com/. That site does a great job in showing and discovering collections.
http://alpha.patterntap.com/collections/Tabs
I always start at PatternTap.com when I'm stumped on a design solution.
I always start at PatternTap.com when I'm stumped on a design solution.
Redmine does a great job for a web application in being easy to use out of the box, while handling loads of data as well. With the amount of stuff it does, it could very easily be convoluted and spiteful to its users. Instead it's quite easy to use and logical in it's layout. It's not pretty, mind you, but it's functional.
Not sure. But I think I am tired of the "Web 2.0 aesthetic" or whatever people are calling it these days. It's bland, boring, and done. Sometimes that is a good thing but it is almost just too cliche for me at this point. I don't hate it and don't think it's the worst decision to go that route, I'm just tired of it.
Perhaps not appropriate for your app, but who knows, maybe? But this is my favorite UI that I've seen in a very long time. Just click on any of the content boxes.
http://spacecollective.org/projects/The-Total-Library
http://spacecollective.org/projects/The-Total-Library
That site has one of my pet peeves. At the top, there is a Flash element. Wanting to see the full site design, I allowed Flash to run on the page. What did I see?
Text.
Just text.
At worst, it would have taken a PNG to produce the same thing, but they decided to create an entire Flash app devoted to displaying some text.
Text.
Just text.
At worst, it would have taken a PNG to produce the same thing, but they decided to create an entire Flash app devoted to displaying some text.
Actually I think this is one of those Flash-based font substitution tricks. Although I wonder why anyone would still use that now cufon is available...
Many (most?) commercial font licenses prohibit embedding fonts via Cufon or other non-Flash solutions.
Typekit, Fontdeck, etc. are helping to fix this problem, but it takes time.
Typekit, Fontdeck, etc. are helping to fix this problem, but it takes time.
I think they're using it for a cross-browser solution for rendering custom fonts. There's nothing wrong with that, though we'd be better served if they used a progressive enhancement strategy -- they're replacing a single space character with their Flash banner, when instead they should be replacing a text representation of it:
e.g., Instead of: <td id="flash_banner"> </td>
they should do this: <td id="flash_banner">project: The Total Library</td> (They use JavaScript to replace that <td> element with the Flash banner)
e.g., Instead of: <td id="flash_banner"> </td>
they should do this: <td id="flash_banner">project: The Total Library</td> (They use JavaScript to replace that <td> element with the Flash banner)
http://icontact.com has a smart design
The first thing that hits you is a sliding list of benefits + social proof on each slide + prominent buttons for a free trial and a video tour.
The first thing that hits you is a sliding list of benefits + social proof on each slide + prominent buttons for a free trial and a video tour.
I'm not a Rubyist, but 37signals' (clickable: http://37signals.com/) new design is really great to me. It's clean and extremely functional.
You might find some useful links in this thread... http://news.ycombinator.com/item?id=1282024
I like the http://invoicemachine.com web app interface.
Basecamp, Wufoo, Reddit (If you are not looking at Visual Design but Good Design)
Hipmunk too
I love Reddit, but I've never thought it was a good design.
It is not visually appealing but it has good user experience. You will hardly make any mistakes while using it. They concentrated more on making it clean.
if anyone is interested in the concept behind this thread, this was my intent for starting http://reddit.com/r/prettywebsites which is since out of date
looks like the new 37signals homepage
Clockspot.com
Craigslist.
Take the 10+ billion web pages out there, zoom in on the top 100 by traffic, which one is effectively used by the maximum number of people for non-trivial tasks?
Craigslist is at or among the very top of the list. I don't count Google, which is meta—they are a "portal" of the web. I discount Facebook for the same reason, as well as being 99.999% used for trivial tasks(teenagers sharing stupid photos, etc).
Think of web users as a strictly economical force, and ask which web site has the most real-world impact? Craigslist is 99% about real-world money changing hands. Buyer, meet Seller. Google, Facebook, the Silicon Valley Bubble Chamber, and almost all the biggest web properties/brands on the web are derivative products. Their value is based on the value of something else, or the value of a collection of something else.
I often wish Craiglist would add a simple counter to their site displaying a total value of good exchanged, similar to what many new sites show. Even if only a fraction of commercial exchanges could be tracked through some half-hacked manner, I bet that dollar amount would be a very large and surprising number.
Craigslist loses all design awards. This is true. It is an eternal relic enshrining HTML web design circa 1999, it has a hideous, redundant UI, it mercilessly makes users do too much work to sift and sort through what's out there, and provides no tools to lessen at least some of the work. And there's no way to extend or scale it it beyond doing individual, in-person transactions. Yet Craigslist blithely meanders on its merry way in 2010 without needing to partner or integrate with any other major web properties, any "Tech Coast" corps, any telecoms, nor are they beholden to Wall St in any way.
Name one other site that defeats this same set of constraints?
As for how this relates to design proper, the best designs are those you don't even see, and which optimize some set of material constraints that you don't even know about.
Take the 10+ billion web pages out there, zoom in on the top 100 by traffic, which one is effectively used by the maximum number of people for non-trivial tasks?
Craigslist is at or among the very top of the list. I don't count Google, which is meta—they are a "portal" of the web. I discount Facebook for the same reason, as well as being 99.999% used for trivial tasks(teenagers sharing stupid photos, etc).
Think of web users as a strictly economical force, and ask which web site has the most real-world impact? Craigslist is 99% about real-world money changing hands. Buyer, meet Seller. Google, Facebook, the Silicon Valley Bubble Chamber, and almost all the biggest web properties/brands on the web are derivative products. Their value is based on the value of something else, or the value of a collection of something else.
I often wish Craiglist would add a simple counter to their site displaying a total value of good exchanged, similar to what many new sites show. Even if only a fraction of commercial exchanges could be tracked through some half-hacked manner, I bet that dollar amount would be a very large and surprising number.
Craigslist loses all design awards. This is true. It is an eternal relic enshrining HTML web design circa 1999, it has a hideous, redundant UI, it mercilessly makes users do too much work to sift and sort through what's out there, and provides no tools to lessen at least some of the work. And there's no way to extend or scale it it beyond doing individual, in-person transactions. Yet Craigslist blithely meanders on its merry way in 2010 without needing to partner or integrate with any other major web properties, any "Tech Coast" corps, any telecoms, nor are they beholden to Wall St in any way.
Name one other site that defeats this same set of constraints?
As for how this relates to design proper, the best designs are those you don't even see, and which optimize some set of material constraints that you don't even know about.
Wouldn't ebay be closer to "99% about real-world money changing hands?" Craigslist is fine but isn't it more about sex and Nigerian scams? Not to dig too much at Craigslist but I don't think this gets to what the OP is asking about.
www.playmycam.com
I'm thinking of going with a totally different style.. inspired by http://www.alfredapp.com/
Big type, top-to-bottom, full screen.
What are some of your favorite web application user-interfaces + designs?