About

UI-Patterns.com is the work of Anders Toxboe – a Danish web developer seeking to categorize what has before seemed like ad hoc approaches to developing web applications.

By not only listing different ways of solving common design problems, but also rationalizing about how, when, and why such solutions should be used, it is the goal to create a tool that will help end feature debates, get a clear understanding of why we’re doing what we’re doing, and why we’re not doing what we’re not doing.

UI-Patterns.com is an attempt to over time create a library of such solutions to common problems. It is a personal project, but is extremely open to contributions.

User Interface Design Patterns

It has long been common practice in software design to use libraries of recurring solutions to solve common problems in software design. Such solutions are also called design patterns as described by legendary books.

Collections of software design patterns are standard reference points for the experienced programmer. But why not for the experienced User Interface (UI) designer? This website seeks to better the situation for the UI designer, who struggles with the same problems as many other UI designers have struggled with before him.

UI-Patterns.com are not the first to create a UI design library. A popular design library is the Yahoo! Design Pattern Library. While very useful, it is far from complete. The purpose of this site is over time to fill some of the gaps – especially by providing code examples as to how how the different patterns can be implemented.

Get in touch!

If you have ideas on how UI-Patterns.com can be improved, want to contribute, want to write hatemail or praisemail, then you’re more than welcome to write to info (at) ui-patterns (dot) com.

License

Creative Commons License
UI-Patterns.com by Anders Toxboe is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 2.5 Denmark License.

About has 9 comments

  • esta pagina esta muy buena, felicitaciones, disculpen deseo suscribirme gracias……

  • Very good initiative! I work in usability and I use it as a reference point. Thank you.

  • Hi,

    Browsing the Next and Prev featuring while looking at Calendars, I noticed that you’re not adding the width and height attributes to the main image. This causes the page to jump about and is quite jarring/distracting.

    I’m enjoying the site either way.

    Thanks!

  • Dear sir/madam

    I represent a start up company called intellygence an online marketing
    firm that is into content management. I have just visited your websiteb
    [www.ui-patterns.com] and liked what I have seen.

    We would like a text link on your home page that leads to a content
    based folder hosted at your AWhat I needed to know was how much would a text link + content folder
    cost us monthly?

    We are looking at long mutually beneficial business relationship that
    results in our combined growth.

    Looking forward to your response and an opportunity to do business

    Regards,
    naveen.

  • the page is excellent!! congrats.. but I have a question, I’m researching about Delegation pattern I know is a UI pattern and I found about how I can do in java , php, etc. but… I would like to know how or wich framework use this patter or maybe in what context I could to use this pattern.
    thanks

  • I’m interested in browsing some of the design patterns of your homepage. Are they completely “free” to use (as in the sense of creative commons "ca") or are there any restrictions (like attribution, non-commercial, no derivates). It would be very helpful if you state this in your about page.

    Thanks and regards

  • How about a breadcrumb pattern?

  • @Jerome Munchenberg: http://ui-patterns.com/pattern/Breadcrumbs

  • I have also written about some UI Patterns I found, I would love to read your opinon on them:

    http://luxspes.blogspot.com/2006/04/ui-design-edit-then-list-vs-list-then.html

    and

    http://luxspes.blogspot.com/2006/05/ui-design-when-do-you-save.html

    Thanks!

Post a comment

Required
Required
Will not be published
simple_captcha.jpg
Required
Type the code from the image