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