Sources

• Martijn van Welie Pattern library
• UI-Patterns.com
• UC Berkeley Web Patterns
• Yahoo Design Pattern Library
• Patterns Repository

Factory Joe's Flickr Tags

From factoryjoe's tags

• pagination
• footer
• header
• tabs
• navigation
• form
• video
• login, loginform, signin, signinform
• signupform, registration
• comment
• commentform
• installer
• defaultstate
• blankslate
• lightbox
• editor
• confirmation
• chat
• addfriend, addfriends
• avatar
• dashboard
• stats
• visualization
• dropdown
• error
• email
• homepage
• notice
• message
• player
• preferences
• updater
• upload

---

Welie Pattern Libary

From * Martijn van Welie Pattern library

User needs

Patterns that meet a direct need of the user.

Navigating around

• Accordion
• Headerless Menu
• Breadcrumbs
• Directory Navigation
• Doormat Navigation
• Double Tab Navigation
• Faceted Navigation
• Fly-out Menu
• Home Link
• Icon Menu
• Main Navigation
• Map Navigator
• Meta Navigation
• Minesweeping
• Panning Navigator
• Overlay Menu
• Repeated Menu
• Retractable Menu
• Scrolling Menu
• Shortcut Box
• Split Navigation
• Teaser Menu
• To-the-top Link
• Trail Menu
• Navigation Tree

Basic interactions

• Action Button
• Guided Tour
• Paging
• Pulldown Button
• Slideshow
• Stepping
• Wizard

Searching

• Advanced Search
• Autocomplete
• Frequently Asked Questions (FAQ)
• Help Wizard
• Search Box
• Search Area
• Search Results
• Search Tips
• Site Index
• Site Map
• Footer Sitemap
• Topic Pages

Dealing with data

• Carrousel
• Table Filter
• Details On Demand
• Collector
• Inplace replacement
• List Builder
• List entry view
• Overview by Detail
• Parts Selector
• Tabs
• Table Sorter
• Thumbnail
• View

Personalizing

• Customizable Window
• Login
• Registration

Shopping

• Booking
• Product Comparison
• Product Advisor
• Product Configurator
• Purchase Process
• Shopping Cart
• Store Locator
• Testimonials
• Virtual Product Display

Making choices

• Country Selector
• Date Selector
• Language Selector
• Poll
• Rating

Giving input

• Comment Box
• Constraint Input
• Form

Miscelleaneous

• Footer Bar
• Hotlist
• News Box
• News Ticker
• Send-a-Friend Link

Application needs

Patterns that help the application, or you the designer, communicate better with the user

Drawing attention

• Captcha
• Center Stage
• Color Coded Section
• Premium Content Lock
• Grid-based Layout
• Liquid Layout
• Outgoing Links
• Alternating Row Colors

Feedback

• Input Error Message
• Processing Page

Simplifying interaction

• Enlarged Clickarea
• Font Enlarger

Context of design

The context of the design

Site types

• Web-based Application
• Artist Site
• Automotive Site
• Branded Promotion Site
• Campaign Site
• E-commerce Site
• Community Site
• Corporate Site
• Multinational Site
• Museum Site
• Personalized 'My' Site
• News Site
• Portal Site
• Travel Site

Experiences

• Community Building
• Information Management
• Fun
• Information Seeking
• Learning
• Assistence
• Shopping
• Story Telling

Page types

• Article Page
• Blog Page
• Case Study
• Contact Page
• Event Calendar
• Forum
• Guest Book
• Help Page
• Homepage
• Newsletter
• Printer-friendly Page
• Product Page
• Tutorial

---

Yahoo Design Pattern Libary

From * Yahoo Design Pattern Library

Search

• Search Pagination

Navigate

• Breadcrumbs
• Links
• Alphanumeric Filter Links
• Tabs
• Module Tabs
• Navigation Tabs

Read

• Page Grids
• Pagination
• Item Pagination
• Search Pagination

Select

• Auto Complete
• Calendar Picker

Interact

• Invitation
• Cursor Invitation
• Drop Invitation
• Tool Tip Invitation
• Hover Invitation
• Transition
• Animate
• Brighten
• Collapse
• Cross Fade
• Dim
• Expand
• Fade in
• Fade out
• Self-Healing
• Slide
• Spotlight

Give Feedback

• Ratings & Reviews
• Architecture Review
• Rating an Object
• Writing a Review

Customize

• Drag and Drop
• Drag And Drop Modules

---

UC Berkeley Patterns

From * UC Berkeley Web Patterns

Forms

• Auto-complete
• Form Validation

Info Organization

• Calendar
• Multi-Step Indicator
• Related Information

Navigation

• Breadcrumbs
• Directory
• Horizontal Navigation
• Lev Byblikov
• Navigation Tabs
• Utility Navigation
• Vertical Navigation

Profile Management

• Student Info Management

Search

• Search
• Paging
• Search Results

---

Patterns Repository

From * Patterns Repository

Navigation

• Site map
• Homeward path

Content presentation

• Copy box

Patterns under heavy construction

• Page contents -- Arthur
• Fewer pages -- Arthur
• Search
• Full text indexing
• Human indexing
• Guided learning
• FAQ -- Joost
• Site index

New, but empty patterns

• Page introduction
• Page title
• Advanced search
• Associative search
• Search with implicit AND
• Glossary
• Search tips
• Thesaurus
• Additions alert
• Sticky menu
• Plain text email
• Tabs

---

UI Patterns

From UI-Patterns.com

User input

Forms

• ui:pattern=ForgivingFormat
• ui:pattern=StructuredFormat
• ui:pattern=FillInTheBlanks
• ui:pattern=InputPrompt
• ui:pattern=GoodDefaults
• ui:pattern=Captcha
• ui:pattern=InplaceEditor
• ui:pattern=WYSIWYG
• ui:pattern=LivePreview

Explaining the process

• ui:pattern=StepsLeft
• ui:pattern=BlankSlate

Community driven

• ui:pattern=Wiki

Dealing with data

Tables

• ui:pattern=SortByColumn
• ui:pattern=AlternatingRowColors

Formatting data

• ui:pattern=CopyBox

Images

• ui:pattern=Thumbnail
• ui:pattern=Carousel

Browsing

• ui:pattern=ContinuousScrolling
• ui:pattern=Pagination
• ui:pattern=Archive
• ui:pattern=Tag
• ui:pattern=TagCloud

Search

• ui:pattern=TableFilter
• ui:pattern=LiveFilter

Navigation

Tabs

• ui:pattern=ModuleTabs
• ui:pattern=NavigationTabs

Fly-out menus

• ui:pattern=VerticalDropdownMenu
• ui:pattern=HorizontalDropdownMenu
• ui:pattern=AccordionMenu

Jumping in hierarchy

• ui:pattern=Breadcrumbs
• ui:pattern=ShortcutDropdown
• ui:pattern=HomeLink
• ui:pattern=FatFooter

Shopping

• ui:pattern=ShoppingCart
• ui:pattern=Subscription
• ui:pattern=Coupon

Miscellaneous

• ui:pattern=TipAFriend