In case you don’t know already, UI Design Patterns are not creative design patterns or illustrations. In web practice, they are a set of solutions that happened as a result of best practices of design layout.
UI Design Pattern is a strong marriage of Information Architecture (IA) and User Interface (UI) turning a set of User Experience (UX) goal into simple intuitive interfaces.
Here is a collection of design pattern library from UI-Patterns.com. Great help for when designing intuitive next gen user interfaces.
“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.”
Input Feedback
The user have entered input into the system expects to receive feedback on the result of the submission.
Account Registration
You wish to know who the active user is in order to provide personalized content or opportunities to conduct a purchase.
Vote To Promote
The user wants to promote a specific piece of content in order to democratically help decide what content is more popular.
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 get started and get a feel of how the application will feel when 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 guidance.
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.
Cool, this will help on our daily design checklist.