We Just Re-Launched!

To Serve the Webgrrls community better we have been working hard on building new tools. We're in beta and would love to get your feedback. Let us know if you love the features and/or if something is not working

SPONSORED SITES

DigitalWoman.com
Need technology solutions? Join DigitalWoman on the IT fast track...websites, databases, programming, marketing, and more

Femina
Sites For, By, and About Women

TrainerNYC
Become Fit - Ask TrainerNYC!


Insights, Information & Infinite Inspiration...
Welcome to Webgrrls Wisdom, a blog to find commentaries about women's careers, business, technology, and the industry.

Save Time & Money – Leverage the expertise by using Design Patterns

written by Nelly Yusupova
Nelly Yusupova
Topics: Design, Technology, Usability
Veiw all posts written by Nelly
Follow Nelly on Twitter

Web designers & developers are constantly searching to find the best practices for guiding the user through completing a specific action or task on a website. And as more and more complex applications come online, and there is more and more user interaction with those applications, the problem to present information in a meaningful way for the user to interact with in those applications, becomes increasingly difficult.

But designers no longer have to work in a vacuum to figure out the solutions. They can now leverage all of the expertise, user behavior analysis, and best practices of the great user interface design patterns that are available online.

What is a user interface design pattern?

A design pattern is good design that has been vetted and tested for usability by designers, User Interface (UI) experts, and even the design community that have been proven to work well for very specific user situations and user issues. It is a package of proven expertise that informs the designer of the principles behind the design and what is known to work.

Using known and researched principles in your design will save you time and money and make your applications more intuitive for the user and easy to use.

All design patterns answer the following questions:

  • What is the Problem we are trying to solve?
  • What is the Solution?
  • When and why to use the pattern?

Where can I find design patterns?

  • Yahoo Design Pattern Library
    Yahoo Design Pattern LibraryYahoo! breaks down their design patterns into five categories: Layout, Navigation, Selection, Rich Interaction, and Social.  Within each category you will find an array of design patterns that not only answer the standard questions of What, When & Why they also provide real world examples, code examples, related patterns, and similar patterns from non Yahoo! libraries.  They also have a community where you can discuss the design patterns with people who are trying to solve the same design problems.
  • Welie.com
    Welie Design PatternThe patterns on this site are grouped in a very meaningful way.  The main categories are broken down into:
    User needs which include navigating around, searching, shopping, making choices
    basic interactions, dealing with data, personalizing, making choices, giving input.
    Application needs which include drawing attention, feedback, simplifying interaction.
    Context of design which include site types, experiences, page types
  • UI-Patterns.com
    UI PatternsThis website provides a good number of design patters but what makes it different is that they offer a lot of examples of actual sites that use good design principles via their screenshot collections and their resources.
  • Open Source Design Pattern Library
    Open Source Design Patter LibraryThis is a community where designers, developers, and other people interested in patterns can come to reference material, collaborate on patterns and designs, and share their knowledge with everyone.

Do you use other resources that I haven’t mentioned?  Let me know if the comments!


Related posts:

  1. Design and Usability principles from the google team
  2. 10 Principles Of Effective Web Design
  3. Get Inspired by the 2008 International Design Excellence Winners
  4. Information Overload: Are You Up for the Interface Challenge?
  5. Online Music to Help You Design

Did you enjoy this post? Comments (1)

1 Comment »

Comment by Albara
2009-09-26 17:03:26

Thanks Nelly .. That’s a grat post .. I would like to add to the collection thi website called by Infragistics ..

all the best,

Albara

 
Name (required)
E-mail (required - never shown publicly)
URI
Your Comment (smaller size | larger size)
You may use <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> in your comment.

© 1995 - 2013 Webgrrls International, Inc. All Rights Reserved.