Icons & Actions

What are Icons?

Icons are small, pictorial representations or symbols used to convey information, actions, or concepts in a visual and easily recognizable way. Icons are are widely used to make interfaces more intuitive, efficient, and aesthetically pleasing.

  • Action Icons: Icons for actions like save, delete, print, edit, share, and more, help users perform specific tasks. See General Actions, Quick Actions, and Account Actions.

  • Status Icons: These icons indicate the status of something, such as network connectivity, battery level, or message delivery. See Product Status.

  • Information Icons: Icons like question marks, exclamation points, and "i" symbols are used to convey information or alert the user to something.

    • Icon Badges: Badges are used to provide at-a-glance information to convey status, notifications, counts, or other relevant data.

Processing Status Icon Badge representing a count within the number of expected processing days.
Processing Status Icon Badge warning that the total processing days exceeds the expected number of processing days.
  • Object Icons: Icons can represent objects like files, folders, documents, or devices. See Quick Actions.

What are Actions?

Actions refer to the specific interactions or operations that users can perform within an application or on a website. Actions are a fundamental aspect of interfaces and are essential for guiding users through tasks and helping to achieve goals efficiently.

Key Uses of Icons & Actions

General Actions

chevron-right Createhashtag
chevron-right Updatehashtag

Update a record.

  • Product

  • Recipe

  • Manual Log

  • Performance

chevron-right Deletehashtag

Delete a record.

  • Manual Log

  • Recipe > Ingredient

chevron-right Viewhashtag

View a record.

Opens content in Overlay.

chevron-right Expandhashtag

Expand content.

  • Product

  • Environmental Impact

chevron-right Collapsehashtag

Collapse content.

  • Product

  • Environmental Impact

chevron-right Sort Ascendinghashtag

Sort Products in ascending order by selected filter and sort field.

chevron-right Sort Decendinghashtag

Sort Products in descending order by selected filter and sort field.

Quick Actions

chevron-right Create Manual Loghashtag
chevron-right View Product Performancehashtag
chevron-right Download Reporthashtag
chevron-right Download Datahashtag
chevron-right Processing Statushashtag

Processing status.

Click triggers a form to "Complete" processing.

Product Status

chevron-right Metric Not Methashtag

Metric is not met.

  • PFRP Not Met

chevron-right Metric Methashtag

Metric is met.

  • PFRP Met

chevron-right Processing Completehashtag

Processing is complete.

Account Actions

chevron-right Profilehashtag

Manage Profile

chevron-right User Managementhashtag
chevron-right Settingshashtag

View and modify Organization details and settings.

chevron-right Log outhashtag

Log out of AEYD

How Icons & Actions trigger Overlays

Clicking on an Action Icon is a crucial step in advancing your production workflow. Action Icons trigger specific functions or operations and they play a large role in guiding you through your production workflow.

Last updated