in Inspiration

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. 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

user Interface Design

2. Want Stream

user Interface Design

3. Mozilla Songbird

user Interface Design

4. Amidst

user Interface Design

5. Concierge Live

user Interface Design

6. Fluid Tumblr Theme

user Interface Design

7. Seen It Yet

user Interface Design

8. Episodic

user Interface Design

9. Send Space

user Interface Design

10. Answer Me

user Interface Design

11. Swatchblot

user Interface Design

12. Code Base

user Interface Design

13. Blinksale

user Interface Design

14. WuFoo

user Interface Design

15. Groove Shark

user Interface Design

16. Go Plan

user Interface Design

17. Basecamp

user Interface Design

18. Help Suite

user Interface Design

19. Human Race

user Interface Design

20. Crazy Egg

user Interface Design
About Danny Outlaw

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec cursus sollicitudin risus, id accumsan urna hendrerit non. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec cursus sollicitudin risus, id accumsan urna hendrerit non.


  • http://www.webflostudios.com/ Theodore

    Really nice stuff.

  • http://YourWebsite Ben Kuker

    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.

  • http://www.ericdgreene.com Eric D. Greene

    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.

  • http://www.medicalwebexperts.com Medical Webexperts

    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.

  • http://YourWebsite ReTox

    Great! Examples without links! Yes!

    Fucking moron….

    • http://www.jankoatwarpspeed.com/ Janko

      Nice list. I’d also include ActiveCollab: http://www.activecollab.com/

    • http://www.api.ba kemo

      try clicking the headlines u stupid fuck

    • http://YourWebsite pixelz

      Uh, what’s that thing called … errrm gooo … uh … google??

    • http://http//drew3000.net drew3000

      Love those comments by people who actually haven’t looked at the post.

  • http://www.shicksdesign.com/onlifeanddesign Sarah Hicks

    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.

  • Pingback: 25 Ejemplos de grandes diseños de interface | Móchate

  • Pingback: The Best Web Design Links Of The Day 17/06/09 | D-Lists

  • Pingback: Outlaw Design Blog » 20 Examples of Great User Interface Design | Squico

  • http://wp.contempographicdesign.com Chris Robinson

    Would also recommend BaseCamp so simple and easy to use.

  • Pingback: Enlaces semanales que no he publicado (23)

  • Pingback: My Favorite Design Links of the Week | eGrace Creative Web Solutions

  • Pingback: 20 Examples of Great User Interface Design | Adobe Tutorials

  • Pingback: 20 Examples of Great User Interface Design | Design Newz

  • Pingback: Neue Links / Neustart-Magazin

  • http://streetfolio.com vernon

    check out the streetfolio.com site – http://streetfolio.com

  • Pingback: Outlaw Design Blog » 20 Examples of Great User Interface Design « Netcrema - creme de la social news via digg + delicious + stumpleupon + reddit

  • http://nik.chankov.net Nik

    I really like them, but why some of them doesn’t have a link to the real site/system?

  • http://YourWebsite Brent

    Wow, you could have just linked to metalabdesign.com and told people to go through their portfolio. Would have saved some time.

    • http://www.gongames.com Carl Johan

      Good call to find metalabdesign. Do either of you work for them? :)

    • http://joshuarussell.net Joshua

      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.

  • http://eilycoghlan.com smiley

    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.

  • Pingback: LISTDUB» 20 Examples of Great User Interface Design

  • Pingback: 20个优秀的网站用户界面设计欣赏| ShowCase| 前端观察

  • http://YourWebsite Peter

    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?

  • Pingback: links for 2009-07-10 - curiosity killed hec

  • http://www.facefinance.com Avery

    try clicking the headlines u stupid fuck

  • http://twitter.com/Uprinting UPrinting

    They really are great interfaces. Not the best ones out there, but great nonetheless because they are very simple. Thanks for sharing! :)

  • Pingback: Outlaw Design Blog » 20 Examples of Great User Interface Design

  • http://www.desktopland.com desktop

    Thanks, I will share it on our desktop wallpaper website

  • Pingback: Outlaw Design Blog » Episode 21 - The Importance of Interface Design

  • Boomie

    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!!!!!

  • http://www.facebook.com/profile.php?id=100001489875424 DesignMy Template

    Danny you really share a important roundup , pls keep up with these kind of valuable information.

  • Mohammad Danish

    I really like this post & hope i will come again for more this kinds of post

    Thanks for shearing 

  • http://www.riaxe.com/ Sanjeeb Sahu

    Thanks for sharing a collection of great UI designs. I really appriciated.

  • marhinna

    NONE of these are great. they lack a tone of voice and individuality.