Difference between revisions of "Projects/Usability/HIG/Patterns"

< Projects‎ | Usability‎ | HIG
Jump to: navigation, search
(Guidelines)
(Guidelines)
Line 10: Line 10:
 
** [[Projects/Usability/HIG/Layout/ViewingVsEditing|Viewing vs Editing]] - Patterns and guidelines for laying out content that is primarily viewed.
 
** [[Projects/Usability/HIG/Layout/ViewingVsEditing|Viewing vs Editing]] - Patterns and guidelines for laying out content that is primarily viewed.
 
** [[Projects/Usability/HIG/SearchPattern|Search and Filter]] - Patterns for exposing search and filter functions
 
** [[Projects/Usability/HIG/SearchPattern|Search and Filter]] - Patterns for exposing search and filter functions
** [[Projects/Usability/HIG/Breadcrumbs|Breadcrumbs]] - Support navigation by breadcrumbs if appropriate
+
** [[Projects/Usability/HIG/Breadcrumbs|Breadcrumbs]] - Support navigation by a breadcrumb trail, if appropriate
 
** [[Projects/Usability/HIG/Layout/Wizard|Wizard]] - Patterns for guiding the user through a series of step to accomplish a task
 
** [[Projects/Usability/HIG/Layout/Wizard|Wizard]] - Patterns for guiding the user through a series of step to accomplish a task
 
** [[Projects/Usability/HIG/Tooltip|Tooltips]] - Patterns for consistent presentation of information in tooltips.
 
** [[Projects/Usability/HIG/Tooltip|Tooltips]] - Patterns for consistent presentation of information in tooltips.

Revision as of 08:30, 22 October 2014

Patterns

Patterns are a combination of user interface controls arranged and used in a specific way to satisfy a specific behavior.

Guidelines

  • Command Patterns - Select command patterns appropriate for the application command structure.
  • Navigation Patterns - Select navigation patterns appropriate for the application content.
  • Content Patterns - A collection of consistent ways to view or manipulate with application content
    • Images - Guidelines and patterns for displaying images
    • Icons and text - Patterns for consistently showing icons with text
    • Viewing vs Editing - Patterns and guidelines for laying out content that is primarily viewed.
    • Search and Filter - Patterns for exposing search and filter functions
    • Breadcrumbs - Support navigation by a breadcrumb trail, if appropriate
    • Wizard - Patterns for guiding the user through a series of step to accomplish a task
    • Tooltips - Patterns for consistent presentation of information in tooltips.
    • Dual Lists - Apply the dual list pattern for several selections out of a large number of (multiple) items.
    • Slider and Spinbox - Apply the slider and spin box pattern for numeric input with both large changes and precise control.



Content is available under Creative Commons License SA 4.0 unless otherwise noted.