Yahoo Design Pattern Library

Welcome! This library shares user interface patterns with the web design and development community. We've got 59 patterns today and more on the way, and we welcome your feedback.

Browse All PatternsAbout the LibraryJoin the Community

Browse Patterns

Recently Updated

View the most recent patterns added to the library.

Accordion

There are too many items to fit into a limited space without overwhelming the user.

Availability

Provide a way for a user to display to other people (either the public, or their contacts, depending on the rules of the system) when they are available for contact and when not.

Display Collection

The user has created a collection and wants to display it to other people.


Find with Tags

A user wants to find objects associated with a specific concept or term.

Left Navigation

The user needs to locate content and features necessary to accomplish a task.

Progress Bar

User needs to know at where they are in a multi-screen process (such as purchase or set-up).


Tag an Object

A user wants to attach their own keyword or set of keywords to an object for organization and later retrieval.

Tag Cloud

With sufficient tags in a system it becomes possible to present the most popular tags as a browsing aid.

Top Navigation

The user needs to locate content and features necessary to accomplish a task.


Updates

Provide people with mini-stories about what their connections and others are doing on the net. People can also consume mini-stories on topics they are interested in.

User Card

A user needs to get more information about another participant in an online community without interrupting his or her current task.

Your vs. My

Labeling stuff with Your reinforces the conversational dialogue. It is how another human being might address you when talking about your stuff.


Pattern Categories

Layout

Patterns for choosing page types, a grid, and standard page layout components.

Navigation

The user needs to locate content and features necessary to accomplish a task.

Selection

The user needs to choose an item from among several or otherwise specify information, such as a date range.


Rich Interaction

The user needs to interact with the interface and must therefore recognize any opportunities to do so and understand what is possible.

Social

User wants to associate, communicate, and interact with other people (such as friends, family, and colleagues) online.


Yahoo Forum Discussions