Buttons: Push Buttons
What They Are
Push buttons are used to enable the user to perform an action. They are called push buttons because the user needs to tap or "push" them to trigger the action. The button takes on a "Pressed" state when pressed, and returns to its normal state when the finger is lifted.
Push buttons can also have a "Disabled" state, which is shown when the button's action cannot be completed. The "Disabled" state is also shown when an activity indicator is shown in the button--see the section on Providing Feedback.
There are a variety of different standard colors for buttons:
-
Light grey is the default color for buttons and should be used in most circumstances.
-
Grey is used to indicate a primary action out of a selection of different choices. The primary action is the action that would generally be selected in most cases. If there is no primary action, then do not use the dark grey color.
-
Green is used in situations where the user needs to make a decision between a positive and a negative action--e.g., between "Done" and "Cancel", or "Yes" and "No". The green button should be used to indicate the positive choice. In task flow navigation (see Task Flow Navigation section), the "Done" button should be green.
-
Red is used to indicate an action that has destructive consequences. It is typically used for a delete action.
-
Blue is used to highlight a button to draw the user's attention to it. Use blue if you want to make an action prominent in the interface. The blue color should be used sparingly.
Push Buttons