Main Page

Design Basics

• Page Grids
• Story blocks (with headline and author attribution)
• Buttons
  • Forms
  • Call to Action
• Drag and Drop
  • Drag and Drop Modules
• 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

Getting a user started

Sign Up / Registration

• short version
  • Error Messages

  • Success Feedback

Sign In / Login

• Sign-in Continuity
• Sign Out
• Password Anti-pattern

Navigating

• Left Navigation
• Menus
  • Fly Out Menus
• Breadcrumbs
• Navigation Tabs
• Module Tabs

Social

See the Social Patterns wiki for more than 100 social interface patterns

Browsing Information

Pagination

• Item Pagination
  • Search Pagination
• Carousel
• Tour
• Wizard
• Tag Cloud
• Find with Tags
• Lightbox / Overlay

User Manipulation

• Calendar Picker
• Polls
• Ratings
• Tag An Object
• Forms
• Auto Complete
• Error Messages
• Label Alignment
  • Button Ordering
  • Add Another

Data

• Lists
• Table Filter
• Collapsible Panels
• Accordian
• Overview / Detail
• Thumbnail View
• A-Z Filter
• Continuous Scrolling
• Build a List

Shopping

• Shopping cart
• Purchase Process

Search

• Simple Search
• Advanced Search
• Search Results
• Faceted Narrowing
• Search Pagination

Social Patterns Presentations and Workshops

• My IA Summit 2009 Social Patterns talk (PDF)
• My SXSW 2009 Conversation handout (PDF)

Talk about patterns

Yahoo!'s Writing Patterns forum

Presentations about patterns

Some good talks defining patterns and about specific pattern types:

• Christian Crumlish talks about the Yahoo! Pattern Library
• LukeW's talk on Design Patterns: Designing and Sharing Web Design Languages
• Christian Crumlish's talk on Designing with Patterns in the Real World
• Peter Morville's talk on Search Patterns
• Christian Crumlish's Ignite talk on Grasping Social Patterns
• LukeW's talk on Form Design
• Bill Scott's talk on Designing for AJAX, Patterns for rich interaction
• Jenifer Tidwell's talk on Mobile UX Design Patterns from Interaction 09?

Pattern Collections

• Yahoo! Design Pattern Library
• Common Ground (Jenifer Tidwell's original library)
• Patterns in Interaction Design (Martijn van Welie)
• Designing Interfaces: Patterns for Effective Interaction Design (Jenifer Tidwell's book)
• User Interface Design Patterns (Sari Laakso)
• Hypermedia Design Pattern Repository
• The Brighton Usability Pattern Collection
• Open Design Patterns
• Ajax Patterns
• Visible Area patterns repository
• Little Springs Mobile User Interface Design Patterns
• Search Patterns
• Open Source Pattern Library (Fluid Project)
• Information Design Patterns
• UI-Patterns.com
• UI Pattern Factory
• Designing Web Interfaces (Bill Scott and Theresa Neil's book)
• Quince UX Patterns Explorer (requires Silverlight)
• Moderation Strategies (vandalized, from Wayback machine)
• Web Patterns: A UC Berkeley Resource for Building User Interfaces (neglected)

Wiki stuff

Consult the User's Guide for information on using the wiki software.

• Configuration settings list
• MediaWiki FAQ
• MediaWiki release mailing list