Pulldown Button

From Interaction-Patterns.org

Kategorie:Interface Interaction

Contents 1 Pulldown Button 1.1 Quick Summary 1.2 Visual Examples 1.3 Examples found on the World Wide Web 1.4 Use When 1.5 Possible Solution 1.6 Rationale 1.7 The pattern is being used to 1.8 Source

[edit] Pulldown Button

[edit] Quick Summary

The user needs to select an item out of a set of items.

[edit] Visual Examples

Found at movies.yahoo.com	Found at www.gmail.com

[edit] Examples found on the World Wide Web

[edit] Use When

• The items need considerable space to display, usually because the are displayed as an image. At the same time the space for the items is limited. Typically only enough for 5-8 items. The set of items shouldn't be to large because otherwise it takes to long to select the item. Do not use for more than 3x times the amount of items that are visible at one time.

[edit] Possible Solution

• Show the items by their visual representation in a circular fashion so that one item can be selected at a time.
• Show the item in a rectangular space with arrow buttons at both ends. Display the items and highlight the one that is currently selected.

[edit] Rationale

[edit] The pattern is being used to

• Show/Hide
• Add
• Access functionalities/tools
• Activate
• Download
• Filter
• Navigate
• Select

[edit] Source

• http://www.welie.com/patterns/showPattern.php?patternID=pulldown-button