Home  >  Design  >  blogs

5 Great UI Pattern Resources

| | Comments (4)
AddThis Social Bookmark Button
_Users_andrecharland_Documents_patternexample.png

As we go hurling down the road of RIA innovation it's nice to have some guidelines and tools to help us create better user experiences. I think user interface design patterns should be in everyone's toolbox. They help us come up with new ideas for our UIs, it helps us communicate inside and outside of our team and finally it helps us to avoid common pitfalls.

For more background on what a design pattern is and what it should contain I'd recommend checking out Jared Spool's article on "The Elements of a Design Pattern". There's a fairly extensive list of elements listed for a pattern, which not all libraries contain, they include:

  • - Pattern Name
  • - Description
  • - Context of Use
  • - Where to Use it
  • - How it Works (with visual aid)
  • - Specifications
  • - Related Patterns
  • - Competitive Approaches
  • - Source Code (quite rare)
  • - Usability Research
  • - Discussion


Yahoo! Design Pattern Library is a great resource for current trends in web development. I really the fact that have mini screencasts of all the patterns to augment the static screenshots.

Designing Interfaces is a website and accompanying book by Jenifer Tidwell. It has number of web and desktop software UI patterns with great write ups and explanations. Unfortunately not all the patterns from the book are on the site. You can see the book over on Google Books too.

Welie Patterns in Interaction Design is a great collection of patterns grouped based on user needs, application needs and context of design. I also really like that Welie encourages you to suggest a pattern. The more the merrier:)

UI Patterns is kind of the new kid on the block but has a very nicely laid out pattern of web UI patterns.


Ajax Patterns
is another website and book combination by Michael Mahemoff. This library is not only focused on visual patterns like the others but also covers some pretty in-depth Ajax programming topics. Nice thing about this site is that it's a wiki so everyone can add to it.

It seems like most of them haven't yet documented a lot of the richer interactions possible with RIAs, but these things take time. Join the party and start documenting patterns.

Comments

4 Comments

Indu S said:

Great effort on compliling the information on to a single point. UX is being considered as one of the elements of a project's ROI, where Design patterns will paly a key role.

I love Jenifer Tidwell's book (printed in color) and I'm sure she'll forgive you for putting 2 n's in her first name.

The Yahoo! site is nice because they're constantly adding new patterns to it. So it's worth coming back to from time to time.

And don't forget things like the Windows User Experience Guidelines (tinyurl.com/24ajt8 - PDF). A lot of this is nitty-gritty details about fonts and pixel counts, but there's also some UI patterns hidden in there.

@Indu thanks. I'd like to gather as many resources as possible here. Do you have any good links to UX ROI material?

@Bernard thanks for catching that, fixed:S The Windows User Experience Guidelines are a great resource. I'll have to dig through them and pull out some juicy bits to entice people. I believe apple also has some good HCI guidelines published, I'll take a look through my links for those.

Marta said:

It has long been common practise to use recurring solutions to solve common problems. Such solutions are also called design patterns. Collections of software design patterns are standard reference points for the experienced user interface 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. My Play Games

Leave a comment


Type the characters you see in the picture above.

Tag Cloud

Related Books

Development Series

Get an overview of the tools and technologies that work together to allow developers to build Rich Internet Applications (RIAs) quickly and easily.

Anatomy of an Enterprise Flex RIA

Archives


 
 


Or, visit our complete archive.  

About This Site

Welcome to the premiere community site for all things RIA sponsored by O'Reilly Media and Adobe Systems Incorporated.

About Us
Meet the Experts
Meet Our Contributors
Send Us Feedback