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

  • Stop wasting time looking for files and revisions. Connect your Gmail, DriveDropbox, and Slack accounts and in less than 2 minutes, Dokkio will automatically organize all your file attachments. Learn more and claim your free account.

View
 

UIPatternsMachineTags

Page history last edited by Chris Messina 12 years, 11 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.