• If you are citizen of an European Union member nation, you may not use this service unless you are at least 16 years old.

  • Files spread between Dropbox, Google Drive, Gmail, Slack, and more? Dokkio, a new product from the PBworks team, integrates and organizes them for you. Try it for free today.

View
 

UIPatternsMachineTags

Page history last edited by Chris Messina 12 years, 3 months ago

Sources

 

 

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

Comments (0)

You don't have permission to comment on this page.