Home  
  Patterns  
  Visio stuff  
  Thoughts  

Pattern library

All patterns are listed here. It's quite a bunch of them, but I have tried to group them meaningfully.

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
· Tag Cloud
· Topic Pages

Dealing with data

· Carrousel
· Table Filter
· Collapsible Panels
· 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

Suggest a pattern

Have you seen new examples of patterns out there that have not been described on this site? Send me a link to an example and I'll add it to my to-do list.
Suggest a pattern

Latest comments

Autocomplete (santi banks)

@Klaus: I think that it depends on the context and what you users expect. Alphab...

Meta Navigation (gorn)

The name Meta navigation is not very good. It would mean rather Navigation in na...

Accordion (Kevin)

I implemented this in a prototype redesign of the application I work on. I didn'...

Repeated Menu (Dennis)

You have a typo ("or" should be "on")
Repeat the main navigation or the bo...

Form (Norbert)

Thanks Danni for the link to Bemba - seems well thought out and like the balloon...

rss logo

Copyright 2007, Martijn van Welie