TE
TechEcho
Home24h TopNewestBestAskShowJobs
GitHubTwitter
Home

TechEcho

A tech news platform built with Next.js, providing global tech news and discussions.

GitHubTwitter

Home

HomeNewestBestAskShowJobs

Resources

HackerNews APIOriginal HackerNewsNext.js

© 2025 TechEcho. All rights reserved.

Ask HN: Your favorite web application design/UI?

47 pointsby abinodaover 14 years ago
I'm redesigning my web application — it's a SAAS app for project management — right now it looks too similar to Basecamp but I'm having trouble breaking out of the tabs-content-sidebar look.<p>I'm thinking of going with a totally different style.. inspired by http://www.alfredapp.com/<p>Big type, top-to-bottom, full screen.<p>What are some of your favorite web application user-interfaces + designs?

23 comments

joelburgetover 14 years ago
Jason Santa Maria is the only designer whose rss feed I'm subscribed to. Check his porfolio for some projects you'll probably recognize.<p><a href="http://jasonsantamaria.com/" rel="nofollow">http://jasonsantamaria.com/</a>
评论 #1766188 未加载
评论 #1765956 未加载
threepointoneover 14 years ago
While it created a lot of dissatisfied customers, I truly loved the redesign for <a href="http://www.thesixtyone.com/" rel="nofollow">http://www.thesixtyone.com/</a> beautiful stuff.
评论 #1765944 未加载
评论 #1765939 未加载
MrAlmostWrongover 14 years ago
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.
fjabreover 14 years ago
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:<p>&#60;plug&#62; <a href="http://www.HobsonFiles.com" rel="nofollow">http://www.HobsonFiles.com</a> &#60;/plug&#62;<p>So did <a href="http://mailchimp.com" rel="nofollow">http://mailchimp.com</a>. I've always been impressed by how much personality their web app has while actually doing something very useful.
评论 #1766003 未加载
评论 #1766091 未加载
评论 #1766055 未加载
budu3over 14 years ago
I like Quora and github. Nice clean designs.
raheemmover 14 years ago
I find that most YC funded companies have great designs/UIs. Some that spring to mind are airbnb, hipmunk, etc.<p>Here is a list of YC funded companies (look on bottom left column under investments) - <a href="http://www.crunchbase.com/company/y-combinator" rel="nofollow">http://www.crunchbase.com/company/y-combinator</a>
keithwarrenover 14 years ago
<a href="http://www.campaignmonitor.com/" rel="nofollow">http://www.campaignmonitor.com/</a>
summeroover 14 years ago
<a href="http://forrst.com/" rel="nofollow">http://forrst.com/</a> &#38; <a href="http://carbonmade.com/" rel="nofollow">http://carbonmade.com/</a> &#38; <a href="http://gowalla.com/" rel="nofollow">http://gowalla.com/</a>
ikhareover 14 years ago
A couple of comments here have liquid card based layouts (<a href="http://spacecollective.org/projects/The-Total-Library" rel="nofollow">http://spacecollective.org/projects/The-Total-Library</a>, <a href="http://alpha.patterntap.com/collections/Tabs" rel="nofollow">http://alpha.patterntap.com/collections/Tabs</a>). To add to the list of this type of design check out <a href="http://pinterest.com/" rel="nofollow">http://pinterest.com/</a>. That site does a great job in showing and discovering collections.
johnglasgowover 14 years ago
<a href="http://alpha.patterntap.com/collections/Tabs" rel="nofollow">http://alpha.patterntap.com/collections/Tabs</a><p>I always start at PatternTap.com when I'm stumped on a design solution.
jjcmover 14 years ago
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.
dinkumthinkumover 14 years ago
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.
hkuoover 14 years ago
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.<p><a href="http://spacecollective.org/projects/The-Total-Library" rel="nofollow">http://spacecollective.org/projects/The-Total-Library</a>
评论 #1765953 未加载
SHOwnsYouover 14 years ago
<a href="http://icontact.com" rel="nofollow">http://icontact.com</a> has a smart design<p>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.
bradheover 14 years ago
I'm not a Rubyist, but 37signals' (clickable: <a href="http://37signals.com/" rel="nofollow">http://37signals.com/</a>) new design is really great to me. It's clean and extremely functional.
评论 #1766954 未加载
评论 #1769907 未加载
anarchitectover 14 years ago
You might find some useful links in this thread... <a href="http://news.ycombinator.com/item?id=1282024" rel="nofollow">http://news.ycombinator.com/item?id=1282024</a>
bhermsover 14 years ago
I like the <a href="http://invoicemachine.com" rel="nofollow">http://invoicemachine.com</a> web app interface.
ashitvoraover 14 years ago
Basecamp, Wufoo, Reddit (If you are not looking at Visual Design but Good Design)
评论 #1768939 未加载
评论 #1769249 未加载
snissnover 14 years ago
if anyone is interested in the concept behind this thread, this was my intent for starting <a href="http://reddit.com/r/prettywebsites" rel="nofollow">http://reddit.com/r/prettywebsites</a> which is since out of date
seanMeverettover 14 years ago
looks like the new 37signals homepage
vrikhterover 14 years ago
Clockspot.com
korchover 14 years ago
Craigslist.<p>Take the 10+ billion web pages out there, zoom in on the top 100 by traffic, which one is <i>effectively</i> used by the maximum number of people for non-trivial tasks?<p>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).<p>Think of web users as a strictly economical <i>force</i>, 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 <i>derivative</i> products. Their value is based on the value of something else, or the value of a collection of something else.<p>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.<p>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.<p>Name one other site that defeats this same set of constraints?<p>As for how this relates to design proper, the best <i>designs</i> are those you don't even see, and which optimize some set of material constraints that you don't even know about.
评论 #1766970 未加载
AuroraSnowover 14 years ago
www.playmycam.com