-
Notifications
You must be signed in to change notification settings - Fork 1
Home
Chris Basham edited this page Mar 21, 2014
·
12 revisions
A pattern library providing best-practice UX guidelines, design component behavior and constraints, and UI framework terminology.
The building blocks of an interface, considered a configurable unit of interaction.
- Buttons
- Collections
- Single-Field Collections
- Stacked Collections
- Tables
- Hyperlinks
- Inputs
- Checkboxes
- Dropdowns
- Multiselects
- Radio Buttons
- Spinners
- Text Areas
- Text Fields
- Lookups
- Autosuggests
- Date Selectors
- Search To Select
The means to group components and other containers into cohesive units.
- Dialogs
- Lightboxes
- Popovers
- Tooltips
- Disclosures
- Groups
- Growls
- Tabbed Content
Repeatable implementation of components and containers that address a particular interaction problem
- Information Patterns
- Dirty Fields
- Error Messages
- Forms
- Help Text
- Information Messages
- Input Validation
- Instructional Text
- Progressive Disclosures
- Responsive Enabling
- Required Fields
- Success Messages
- Warning Messages
- Watermarks
- Page Flow Patterns
- Autosave
- Context Switchers
- Edit In Place
- Footer Navigation
- Global Navigation
- Jump-To Navigation
- New Windows And Dialogs
- One-Window Drilldown
- Save And Continue
- Save Progress
- Save Record
- Submit To Workflow
- Search Patterns
- Exploratory Search
- Filter By Field
- Infinite Scrolling
- Input Confirmation
- Pagination
- Search For Known Item
A set of standards for the design of user interfaces.
- Colors
- Icons
- Text Styles
- Messaging
- Language
- Capitalization
- Data Formats
- Labels
- Terminology
- Components
- Buttons (UIM Style)
- Collections (UIM Style)
- Design Containers (UIM Style)
- Page Structure (UIM Style)
- Special Forms (UIM Style)
A hierarchical overview of the content areas comprising a page
- Footers
- Application Footer
- Page Footer
- Headers
- Action Bar
- Application Header
- Breadcrumbs
- Context Bar
- Page Titles
- Panels
- Detail Panel
- Navigation Panel
- Validation Panel
A recurring arrangement of containers and components to facilitate a specific kind of user activity.
- Confirm Screens
- Interactive Review Screens
- Simple Confirm Screens
- Edit Screens
- Attach File Screens
- Long Form Edit Screens
- Multi-Page Panel Edit Screens
- Multi-Page Tabbed Edit Screens
- Quick Edit Screens
- Single-Page Edit Screens
- Form Layouts
- Collection Layouts
- Common Layouts
- Compact Layouts
- Guided Layouts
- Partial Form Layouts
- Search Layouts
- Inspect Screens
- Compare Screens
- Multi-Page Inspect Screens
- Quick Inspect Screens
- Single-Page Inspect Screens
- Manage Screens
- Perform Screens
- Inspect And Perform Screens
- Preview Screens
- Simple Perform Screens
- Toggled Perform Screens
- Search Screens
- Advanced Search Screens
- Composite Search Screens
- Faceted Search Screens
- Select For Lookup Screens
- Simple Search Screens
- Start Screens