Button groups
Related actions presented as a small cluster of buttons, aligned and with similar graphic treatments.
Button Groups
Action Panel
A group of related actions on a UI panel that’s richly organized and always visible.
Action Panel
Action Panel
Prominent “Done” Button
A big and well labeled button that finishes a transaction at the end of the visual flow.
Prominent “Done” Button
Smart Menu Items
Change menu labels dynamically to show precisely what they will do when invoked.
Preview
Show users a preview or summary of what will happen when they perform an action.
Preview
Preview
Progress Indicator
Show the user how much progress has been made so far on a time-consuming operation.
Progress Indicator
Progress Indicator
Variant: throbber
Cancelability
Provide a way to instantly cancel a time-consuming operation, with no side effects.
Cancelability
Undo
Provide a way to easily reverse a series of actions performed by the user.
Undo
Command History
Keep a visible record of the actions a user performs—what was done to what, and when.
