AEM Sites UI and navigation basic-handling-aem-sites

[For publishing from AEM Sites using Edge Delivery Services, click here.]{class="badge positive" title="Publish from AEM to Edge Delivery Services"}

The following video provides an overview of basic handling when using the AEM author environment. It uses the Sites console as a basis.

Hi there. In this video, let me introduce Adobe Experience Manager sites. Adobe Experience Manager enables users to deliver an immersing and engaging experience for every user. With the help of Adobe Experience Manager, you can quickly create content, efficiently manage the content and get your content delivered to your audience. Let’s get started. To log in to you AEM instance, you need a username and a password for you account. If you don’t have one already, reach out to your administrator for an account and they should be able to provide you with a username, a password and a link to you Altering instance of AEM. The Alter instance provides a platform to design, create and review the content before publishing it to your organization’s marketing channels. Let’s log in to AEM instance and you will be taken directly to AEMs homepage screen. You might be familiar with the homepage screen. If not, don’t worry we’re going to cover this now. AEM provided a touch enabled user interface letting users interact with the software using gestures like tap, touch and hold and swipe. A touch enabled user interface allows users to use their mobile or tablet devices to interact with AEM and deliver your marketing needs on the go. AEM homepage consists of a navigation panel and a tools panel. Navigation panel provides you quick access to all AEM consults, all solutions. In this video, we’re going to explore the AEM sites console. When accessing the console for the first time, after you log in, the correct navigation tutorial gets displayed. Take a minute to click or tap through, to get a good overview of the basic handling of AEM. Once you’re inside an AEM solution console, you can navigate to another console using the global navigation. When you click or tap the Adobe Experience Manager link at the top left of the screen, you get a full screen drop down. Let’s close the navigation panel for now and continue exploring sites. On the top right corner of your screen, you can notice the toolbar within the AEM sites console. The search icons provides an option to search for content that resides within the AEM Alter instance.
Solution switcher icon offers an easy way to navigate to other Adobe Experience Cloud solutions from your AEM sites console. Using the help icon, you can get access to documentations, forums, keyboard shortcuts, et cetera. The notification icon indicates the currently assigned incomplete tasks for a user. For a new user, you do not have any tasks assigned to you, you hence have zero notifications. When you work with your colleagues, you will get notified here when a task needs your attention. You can click on the user icon and edit some of your personal preferences for altering content, that includes setting your favorite color for annotations. Right beneath the global navigation, you can notice the rail selector, by default for AEM sites, the rail selector is in the content only option. You can switch to other rail selections based on your requirements. The view icon is at the far right of the AEM toolbar. You can switch between a list view, a column view or a card view. I hope this video helps you get an interaction to AEM site’s UI and navigation. -

In this video, the following capabilities or features are covered:

  • Touch Enabled UI

  • Global Navigation panel consists of :

    • Navigation - Represented by a compass

      table 0-row-2 1-row-2 2-row-2 3-row-2 4-row-2 5-row-2 6-row-2
      Console Purpose
      Assets These consoles let you import and manage digital assets such as images, videos, documents and audio files. These assets can then be used by any website running on the same AEM instance
      Experience Fragments An experience fragment is a stand-alone experience that can be re-used across channels and have variations, saving the trouble of repeatedly copying and pasting experiences or parts of experiences
      Forms This console allows you to create, manage, and process your forms and documents
      Personalization This console provides a framework of tools for authoring targeted content and presenting personalized experiences
      Projects The Projects console gives you direct access to your projects . Projects are virtual dashboards. They can be used to build a team, then give that team access to resources, workflows and tasks, allowing people to work on a common goal
      Sites The Sites consoles let you create, view and manage websites running on your AEM instance. Through these consoles you can create, edit, copy, move and delete website pages, start workflows, and publish pages
    • Tools - Represented by a hammer

  • Omni Search

  • Solution Switcher

  • Help

  • Notifications

  • User properties

  • Rail Selector

  • AEM Site Console views

    • List View
    • Column View
    • Card View

Additional Resources additional-resources