20 Examples of Great User Interface Design
June 15, 2009
/
By:
Dannyoutlaw/
- 41 Comments
/
- Inspiration
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
Leave a Comment
June 15, 2009 5:18 pm
Really nice stuff.
June 15, 2009 5:59 pm
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.
June 15, 2009 6:43 pm
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.
June 16, 2009 2:03 am
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.
June 16, 2009 5:38 am
Great! Examples without links! Yes!
Fucking moron….
June 21, 2009 5:41 am
Nice list. I’d also include ActiveCollab: http://www.activecollab.com/
July 10, 2009 4:00 am
try clicking the headlines u stupid fuck
July 10, 2009 4:30 am
Uh, what’s that thing called … errrm gooo … uh … google??
July 10, 2009 4:48 am
Love those comments by people who actually haven’t looked at the post.
June 16, 2009 6:17 am
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.
June 18, 2009 12:31 pm
Would also recommend BaseCamp so simple and easy to use.
July 2, 2009 1:42 am
check out the streetfolio.com site – http://streetfolio.com
July 9, 2009 9:47 am
I really like them, but why some of them doesn’t have a link to the real site/system?
July 9, 2009 11:14 am
Wow, you could have just linked to metalabdesign.com and told people to go through their portfolio. Would have saved some time.
July 9, 2009 12:21 pm
Good call to find metalabdesign. Do either of you work for them?
July 23, 2009 1:54 am
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.
July 10, 2009 4:12 am
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.
July 10, 2009 12:04 pm
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?
July 11, 2009 12:00 am
try clicking the headlines u stupid fuck
July 24, 2009 7:03 pm
They really are great interfaces. Not the best ones out there, but great nonetheless because they are very simple. Thanks for sharing!
October 20, 2009 11:17 am
Thanks, I will share it on our desktop wallpaper website
March 10, 2011 3:25 pm
Wow I had no idea UI designers were so angry! I fell into a negativity storm when all I wanted to do was see some cool UI. AHHH!!!!!
March 27, 2011 4:03 pm
Danny you really share a important roundup , pls keep up with these kind of valuable information.
August 25, 2011 2:10 am
I really like this post & hope i will come again for more this kinds of post
Thanks for shearing
January 17, 2012 6:48 am
Thanks for sharing a collection of great UI designs. I really appriciated.
January 31, 2012 12:25 pm
NONE of these are great. they lack a tone of voice and individuality.
March 5, 2012 10:05 pm
Very nice and contemporary designs. I am now checking out the User Interface fictionality.