UI-Patterns.com

User Interface Design Patterns

User Interface Design patterns are recurring solutions that solve common design problems. Design patterns are standard reference points for the experienced user interface designer.

This site will help you in two ways: You can read insightful design pattern articles and browse screenshot examples.

Pattern categories

Getting the user to input data is task that should be tailored to the context of use.

Data can be searched, formatted, overviewed, and browsed in a variety of ways.

The user needs to locate specific features and content and needs navigation to accomplish this.

Allow the user to associate, communicate, and interact with other people online.

Patterns that haven't found their main category yet.

Recently added patterns

Content Mar 16

The user wants to find events of interest happening in a certain period of time. Read more

Content Mar 15

The user needs guidance in finding editorial content of interest, which hierarchical navigation alone does not accomplish. Read more

Search Mar 9

The user needs to enter information into a text box which is prone to be mis-typed, hard to remember, or ambiguous. Read more

Forms Mar 2

The user wants to find or submit information based on a date or date range Read more

Social Feb 19

The user wants to get an overview of all actions in a system that are interesting from his or her perspective. Read more

Ego Jul 13, 2009

Some users respond to opportunities of winning and collecting awards that in turn can be displayed to other community members. Read more

Show all patterns

Recent blog posts

Written by toxboe on Aug 3

When building a website that relies on social interaction it is particularly important to design your feedback and reward structures to match your design goals. This article examines important details to consider. Continue reading 0 comments

Keep users in the flow by prompting for continuation

Written by toxboe on Jul 19

A new trend on content-based websites seems is to animate a small box popping up at the bottom or top of the page, guiding users’ next move as they reach the end of an article. This technique is smart as it waits for just the right moment to break users’ attention. Continue reading 1 comment

Written by toxboe on Jul 15

Icons are most often used to enhance meaning and afford scanning in web design. The same icons have been used again and again for similar functions and in turn they have become synonyms for specific functionality or information. Continue reading 0 comments

Written by toxboe on Jul 13

There are far more video and audio player designs than what we know as the standard from youtube and vimeo. We’ve collected 57 examples of interesting multimedia player designs Continue reading 0 comments

51 good frontpage carousel design examples

Written by toxboe on Jun 15

We’ve explored the world of frontpage carousel slideshows and collected 51 great screenshot examples from web pages for your inspirational needs. Continue reading 2 comments

Written by toxboe on Jun 5

Keeping your site usable is like keeping your home clean; it’s all about hygiene. It only becomes a problem if the hygiene is bad. If not, good usability won’t even get noticed, but be taken for a given. Continue reading 10 comments

About UI-Patterns.com

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 open to contributions.

About UI-Patterns.com