I constantly find my self studying good user interfaces to find out what makes them work so well. I think understanding good user interface design can help you create website designs that are more user friendly. The more user friendly a website is, the more profitable it can be. Therefor, why would you not study good user interface design? Here is a showcase of some good user interface designs I came across while doing some research for a recent project of mine.
1. Ballpark
2. Want Stream
3. Mozilla Songbird
4. Amidst
5. Concierge Live
6. Fluid Tumblr Theme
7. Seen It Yet
8. Episodic
9. Send Space
10. Answer Me
11. Swatchblot
12. Code Base
13. Blinksale
14. WuFoo
15. Groove Shark
16. Go Plan
17. Basecamp
18. Help Suite
19. Human Race
20. Crazy Egg
21 Comments
Really nice stuff.
Great examples. Kudos on finding them all. Your site isn’t so bad on the design itself, either. I know it’s a ton of work, but I’d especially love to see why you think each of them is good user interface design and maybe some common patterns we could apply to our own work or parts that you applied to yours.
I like most of these in your list. I wouldn’t have put Grooveshark in that list though. I like GS a lot and use if often. (I even have a GS widget on my own website) But the UI could use some work, imo. Browsing songs, albums, and artists can be quirky and even confusing at times.
A very effective and quite simple way to optimize the website for easier marketing and publicity. Tags play an important role in optimizing your website to be easily searched by the internet search spiders. There has been lot of advancements in the search engine algorithms that needs you to be precise while creating title tags. This is one of those crucial aspects which are overlooked by many while designing a website for their business and other corporate purposes. In the latest advancements of the search engine spiders, search engine optimization has not left by mere re occurring your desired keywords, It is highly required that your website design and content should serve as an enticement to the web spiders. It’s of no use to have a site which doesn’t comply with the standards of search spiders. I got my medical website reconstructed from a web designer and marketing company named medicalwebexperts.com. They reconstruct every page making it compliant with search engine algorithms. After a few months of time, the impact was definitely distinctive in my income. I have got a steady increase in the patients, which was a direct result of reconstructing and (re)marketing my old obsolete site.
Great! Examples without links! Yes!
Fucking moron….
Nice list. I’d also include ActiveCollab: http://www.activecollab.com/
try clicking the headlines u stupid fuck
Uh, what’s that thing called … errrm gooo … uh … google??
Love those comments by people who actually haven’t looked at the post.
We used basecamp when coordinating AIGA’s Design Show 2009. It worked great for uploading files, sharing information and keeping everyone in the loop. I recommend it as well! Great post.
Would also recommend BaseCamp so simple and easy to use.
check out the streetfolio.com site - http://streetfolio.com
I really like them, but why some of them doesn’t have a link to the real site/system?
Wow, you could have just linked to metalabdesign.com and told people to go through their portfolio. Would have saved some time.
Good call to find metalabdesign. Do either of you work for them?
Wow, yeah - This is basically the MetaLab portfolio….
Those guys do some great design, though, a lot of it really does look the same.
ie. Fonts, Gradients, Strokes etc.
I find this article interesting, but I find most interesting is the fact that you don’t describe WHY you think these are good user interfaces?
These sites are nice to look at, but a number of them I don’t understand what they are for, or why. Perhaps a little explanation on your part would have really added to the quality of this article.
Thanks for the list anyway, provides good debate.
great post about good designs. One problem: if you’re going to talk about great designs, you should probably consider that your own blog’s header takes up so much space that the content on your blog barely starts above the fold on 1024×768 which is still the resolution that dominates on the internet. All of these designs have their content somewhat close to the top. Perhaps something to consider?
try clicking the headlines u stupid fuck
They really are great interfaces. Not the best ones out there, but great nonetheless because they are very simple. Thanks for sharing!
Thanks, I will share it on our desktop wallpaper website
13 Trackbacks
[...] 20 Examples of Great User Interface Design Comparte y [...]
[...] 20 Examples of Great User Interface Design via Outlaw Design Blog [...]
[...] In: Design inspiration 18 Jun 2009 Go to Source [...]
[...] 20 Examples of Great User Interface Design (outlawdesignblog). Una buena comprensión del diseño de interfaz de usuario le puede ayudar a crear diseños de página web que son más fáciles de usar. Aquí está una muestra de algunos buenos diseños de interfaz de usuario. [...]
[...] 20 Examples of Great User Interface Design [...]
[...] I constantly find my self studying good user interfaces to find out what makes them work so well. I think understanding good user interface design can help you create website designs that are more user friendly More here: 20 Examples of Great User Interface Design [...]
[...] 20 Examples of Great User Interface Design [...]
[...] Outlaw Design Blog » 20 Examples of Great User Interface Design – Tweet This!Share this on del.icio.usShare this on FacebookAdd this to Mister WongShare this on TechnoratiSubmit this to DesignFloatStumble upon something good? Share it on StumbleUponShare this on LinkedinDigg this!Add this to Google Bookmarks [...]
[...] Outlaw Design Blog » 20 Examples of Great User Interface Designoutlawdesignblog.com [...]
[...] Outlaw Design Blog » 20 Examples of Great User Interface Design. Categories: Top 20s Lists Tags: examples, user interface Comments (0) Trackbacks (0) [...]
[...] , 发表评论 » 原文：20个优秀的网站用户界面设计欣赏 译自：20 Examples of Great User Interface Design [...]
[...] Outlaw Design Blog » 20 Examples of Great User Interface Design (tags: inspiration design interface web gui) [...]
[...] Read more here: Outlaw Design Blog » 20 Examples of Great User Interface Design [...]