Actions panel

Examples

Usage

The actions panel is a user interface component found on pages displaying completed form data. They offer users a clear and concise list of actions they can take based on the information shown.

Do:

• use the actions panel only on read-only or static form pages where users are reviewing previously submitted or completed information
• use concise, verb-first labels that clearly describe the action, for example, ‘Edit user details’, ‘Deactivate user account’
• group related actions logically and maintain consistent ordering across similar pages

Avoid:

• using the actions panel on pages that contain active form inputs, it is intended for static views only
• writing overly long or descriptive labels such as ‘Edit this user’s account’, keep them short and scannable
• including actions that are not relevant to the current page or the user’s role
• duplicating actions that are already available elsewhere on the page unless there is a clear user need

Example actions

Shorter labels are easier to scan and understand, particularly in an actions panel where users expect clear, concise commands. In dense user interfaces, they also help reduce cognitive load and improve overall usability. Here’s some examples of verb first, concise actions:

• Edit user details
• Deactivate user account
• Download submission
• Print user details
• Add supporting information
• Change contact preferences
• Change assigned reviewer
• Archive record
• Report incorrect information