Adobe Experience Manager (AEM) comes with a Touch UI interface. Users should familiarize themselves with the interface and terminology in order to fully utilize the system.
Basic teminology of AEM
Admin Portal
Header Bar (Green)
The header bar shows global elements including a dropdown to switch between Sites/Assets, Search, User icon, etc.
Toolbar (Blue)
A content-sensitive toolbar that allows users to perform various actions on the selected page such as cut, move, delete, publish, etc. It also has the site breadcrumb for easy access to the parent page(s).
Left Rail (Red)
An expandable sidebar includes the Content Tree, Timeline, Reference, etc.
Content Page Area (Yellow)
Displays all available pages (Cards, List, or Column view) within the current level.

Page Editor
Side Panel (Green)
The Side Panel contains the Assets repository, the Components list and the Content tree. Users can drag asset(s) or component(s) from here to the content area on the right and view the content structure on the page.
Action Bar (Orange)
Action Bar allows users to toggle the Side Panel, provides page-specific action in Page Information, and switches between Edit mode and Preview mode.
Edit bar (Yellow)
Edit bar activates when the user clicks on a component. It provides component-specific functions such as Rich Text Editor, Configure Panel, copy, paste, delete, etc.
Configured component (Red)
A configured component will display already authored content with pre-defined style.
Unconfigured component (Magenta)
An unconfigured component is grey and will only display in Edit mode.
Parasys (Cyan)
A Parasys indicates an area where the user can insert components. Users can also double click on the Parasys to open the component list
