Outlaw Design Blog

My Wordpress Blog

Blog

  • View Archive

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
  • June 15, 2009
  • Inspiration
  • 0

Discussion41 Comments

  1. Theodore says:
    June 15, 2009 at 5:18 pm

    Really nice stuff.

    Reply
  2. Ben Kuker says:
    June 15, 2009 at 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.

    Reply
  3. Eric D. Greene says:
    June 15, 2009 at 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.

    Reply
  4. Medical Webexperts says:
    June 16, 2009 at 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.

    Reply
  5. ReTox says:
    June 16, 2009 at 5:38 am

    Great! Examples without links! Yes!

    Fucking moron….

    Reply
    • Janko says:
      June 21, 2009 at 5:41 am

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

      Reply
    • kemo says:
      July 10, 2009 at 4:00 am

      try clicking the headlines u stupid fuck

      Reply
    • pixelz says:
      July 10, 2009 at 4:30 am

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

      Reply
    • drew3000 says:
      July 10, 2009 at 4:48 am

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

      Reply
  6. Sarah Hicks says:
    June 16, 2009 at 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.

    Reply
  7. 25 Ejemplos de grandes diseños de interface | Móchate says:
    June 16, 2009 at 8:58 am

    [...] 20 Examples of Great User Interface Design Comparte y [...]

    Reply
  8. The Best Web Design Links Of The Day 17/06/09 | D-Lists says:
    June 17, 2009 at 8:14 am

    [...] 20 Examples of Great User Interface Design via Outlaw Design Blog [...]

    Reply
  9. Outlaw Design Blog » 20 Examples of Great User Interface Design | Squico says:
    June 17, 2009 at 6:00 pm

    [...] In: Design inspiration 18 Jun 2009 Go to Source [...]

    Reply
  10. Chris Robinson says:
    June 18, 2009 at 12:31 pm

    Would also recommend BaseCamp so simple and easy to use.

    Reply
  11. Enlaces semanales que no he publicado (23) says:
    June 20, 2009 at 10:48 pm

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

    Reply
  12. My Favorite Design Links of the Week | eGrace Creative Web Solutions says:
    June 21, 2009 at 6:53 pm

    [...] 20 Examples of Great User Interface Design [...]

    Reply
  13. 20 Examples of Great User Interface Design | Adobe Tutorials says:
    June 25, 2009 at 3:20 am

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

    Reply
  14. 20 Examples of Great User Interface Design | Design Newz says:
    June 25, 2009 at 4:01 pm

    [...] 20 Examples of Great User Interface Design [...]

    Reply
  15. Neue Links / Neustart-Magazin says:
    June 26, 2009 at 2:27 pm

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

    Reply
  16. vernon says:
    July 2, 2009 at 1:42 am

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

    Reply
  17. Outlaw Design Blog » 20 Examples of Great User Interface Design « Netcrema - creme de la social news via digg + delicious + stumpleupon + reddit says:
    July 9, 2009 at 8:40 am

    [...] Outlaw Design Blog » 20 Examples of Great User Interface Designoutlawdesignblog.com [...]

    Reply
  18. Nik says:
    July 9, 2009 at 9:47 am

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

    Reply
  19. Brent says:
    July 9, 2009 at 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.

    Reply
    • Carl Johan says:
      July 9, 2009 at 12:21 pm

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

      Reply
    • Joshua says:
      July 23, 2009 at 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.

      Reply
  20. smiley says:
    July 10, 2009 at 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.

    Reply
  21. LISTDUB» 20 Examples of Great User Interface Design says:
    July 10, 2009 at 10:01 am

    [...] Outlaw Design Blog » 20 Examples of Great User Interface Design. Categories: Top 20s Lists Tags: examples, user interface Comments (0) Trackbacks (0) [...]

    Reply
  22. 20个优秀的网站用户界面设计欣赏| ShowCase| 前端观察 says:
    July 10, 2009 at 10:13 am

    [...] , 发表评论 » 原文:20个优秀的网站用户界面设计欣赏 译自:20 Examples of Great User Interface Design [...]

    Reply
  23. Peter says:
    July 10, 2009 at 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?

    Reply
  24. links for 2009-07-10 - curiosity killed hec says:
    July 10, 2009 at 6:14 pm

    [...] Outlaw Design Blog » 20 Examples of Great User Interface Design (tags: inspiration design interface web gui) [...]

    Reply
  25. Avery says:
    July 11, 2009 at 12:00 am

    try clicking the headlines u stupid fuck

    Reply
  26. UPrinting says:
    July 24, 2009 at 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! :)

    Reply
  27. Outlaw Design Blog » 20 Examples of Great User Interface Design says:
    July 30, 2009 at 11:24 pm

    [...] Read more here: Outlaw Design Blog » 20 Examples of Great User Interface Design [...]

    Reply
  28. desktop says:
    October 20, 2009 at 11:17 am

    Thanks, I will share it on our desktop wallpaper website

    Reply
  29. Outlaw Design Blog » Episode 21 - The Importance of Interface Design says:
    March 3, 2010 at 10:44 am

    [...] all know that slick interface designs are pretty to look at. Personally, I ogle over them like the centerfold in a mens magazine. Is that [...]

    Reply
  30. Boomie says:
    March 10, 2011 at 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!!!!!

    Reply
  31. DesignMy Template says:
    March 27, 2011 at 4:03 pm

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

    Reply
  32. Mohammad Danish says:
    August 25, 2011 at 2:10 am

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

    Thanks for shearing 

    Reply
  33. Sanjeeb Sahu says:
    January 17, 2012 at 6:48 am

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

    Reply
  34. marhinna says:
    January 31, 2012 at 12:25 pm

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

    Reply
  35. Designer Jewelry says:
    March 5, 2012 at 10:05 pm

    Very nice and contemporary designs. I am now checking out the User Interface fictionality.

    Reply
Cancel reply

written by

Dannyoutlaw

Copyright © 2012 Outlaw Design Blog. Powered by WordPress.


Warning: Invalid argument supplied for foreach() in /home/pictaloc/public_html/outlawdesignblog.com/wp-content/themes/creatic11/feather/modules/bandit-social/bandit-social.php on line 199
Back To Top