版权声明：转载时请以超链接形式标明文章原始出处和作者信息及本声明
http://imcc.blogbus.com/logs/14803191.html

User Interface Design Patterns

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.

UI-Patterns.com are not the first to create a UI design library. While other pattern collections are useful, they are far from coherent and 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: to join theory with practice.

Recently added patterns

Lazy Registration

The user wants to immediately use you and try your website without conducting a formal registration beforehand

Password Strength Meter

You want to make sure your user's passwords a sufficiently strong in order to prevent malicious attacks

Inline Help Box

The user needs an assistive introduction aside the interaction he is about to perform

Tag Cloud

The user wants to browse content by popularity or most elaborate topic

Tag

The user wants to find more data in the same category and/or contribute data in the same category

Live Preview

The user wants to check how changes in form fields effect and end result as quickly as possible.

WYSIWYG

The user wants to add formatted text content, but does not have the know-how to write HTML.

Wiki

You want to provide the user the option of adding to- or editing information on a website.

Live Filter

The user wishes to specify a search by different categories to narrow down results

Archive

The user wants to search for an article of interest by chronological order

Pagination

The user needs to view a subset of sorted data that is not easily displayed on one page.

Continuous Scrolling

The user needs to view a subset of data that is not easily displayed on a single page

Blank Slate

The user needs to understand how his web-application will look fully in function and filled with data

Tip A Friend

The user wants to share something of interest with a peer.

Steps Left

The user is about to go through the process of filling in data over several steps and is in need of guidiance.

Coupon

You want to attract your users to conduct a purchase of one of your products

Subscription

The user wants to start a subscription of a service

Shopping Cart

The user wants to buy multiple products, which is collected over time through a shopping session.

Carousel

The user needs to browse through a set of items and possibly select one of them

Thumbnail

The user needs to get an overview of multiple pictures without having to download each of the full size images.