User interface Design Patterns

User interface Design Patterns

• Hundreds of user interface (UI) patterns have been proposed in recent years. 
• Most fall within one of the following 10 categories of patterns : 
• (1) Pattern: TopLevelNavigation 
• Brief Description: Used when a site or application implements a number of major functions. Provides a top-level menu, often coupled with a logo or identifying graphic, that enables direct navigation to any of the system’s major functions. 
• (2) Pattern: CardStack 
• Brief Description: Used when a number of specific subfunctions or content categories related to a feature or function must be selected in random order. [e.g. DropDownList]
• (3) Pattern: Fill-in-the-Blanks 
• Brief description: Allow alphanumeric data to be entered in a “text box.” 
• (4) Pattern: SortableTable
• Brief description: Display a long list of records that can be sorted by electing a toggle mechanism for any column label. 
• (5) Pattern: BreadCrumbs 
• Brief description: Provides a full navigation path when the user is working with a complex hierarchy of pages or display screens. 
• (6) Pattern: EditInPlace
• Brief description: Provide simple text editing capability for certain types of content in the location that it is displayed.
• (7)  Pattern: SimpleSearch 
• Brief description: Provides the ability to search a website or persistent data source for a simple data item described by an alphanumeric string.
• (8) Pattern: Wizard
• Brief description: Takes the user through a complex task one step at a time, providing guidance for the completion of the task through a series of simple window displays.
• (9) Pattern: ShoppingCart 
• Brief description: Provides a list of items selected for purchase. 
• (10) Pattern: ProgressIndicator 
• Brief description: Provides an indication of progress when an operation takes longer than n seconds.