General

Over the last few years Adobe has updated all the Adobe Experience Cloud solutions with an unified user interface. Users across the Experience Cloud solutions enjoy a consistant experience with common patterns on how to use and operate the applications. With every release, Adobe has refined its user interface based on feedback from customers working across the various solutions.

The original user interface for Adobe Experience Manager (previously known as CQ5), introduced in 2008 and used by customers running versions 5.0-5.6.1, is present in AEM 6.5. This guarantees that customers can update to 6.5, and benefit from an updated platform with new capabilities while keep using the same user interface.

Adobe recommends customers to plan to switch to the new UI in 2018/19. This can either be done during the update to 6.5 - or in a separate projects after the update, that would include the necessary adjustments to the customizations and component dialogs.

The Classic UI was deprecated with AEM 6.4 and Adobe does not plan to make further enhancements to the Classic UI. Note that Classic UI remains fully supported while being deprecated.

Rules and Recommendations

The following is a list of recommendations from Product Management for Adobe Experience Manager 6.5:

My project...Recommendations
Is just starting to use Adobe Experience Manager.Use the default UI.

Has used AEM for a while.

Has used the product UI out-of-the-box and developed custom components for the sites.

  1. Update to 6.5
  2. Use the default UI for site administration, assets, .. etc.
  3. Configure the "Edit Page" action to open the classic UI Page Editor. See Selecting Your UI.

Then, in a second phase:

  1. Update your components dialogs to use the Coral 3 dialog format. Adobe recommends using the AEM Modernization Tools to update the components.
Has built a site that uses the ClientContext with integrations.
  1. Update to 6.5
  2. Use the default UI for site administration, assets, .. etc.
  3. Configure the "Edit Page" action to open the classic UI Page Editor. See Selecting Your UI.

Then, in a second phase:

  1. Update your components dialogs to use the Coral 3 dialog format. Adobe recommends using the AEM Modernization Tools to update the components.
  2. Configure the ContextHub (the replacement for the ClientContext) and update the page templates to use the ContextHub. The ContextHub has a compatibility mode that allows loading custom ClientContext stores.

Has used CQ/AEM for many years.

Has extended the product UI (for example, Site Admin) and built components with extensive edit dialogs.

Update to 6.5 and configure the classic UI as the default for page authoring for all users. See Selecting Your UI.

Then start a project to apply customization and optimize component dialogs in Coral 3 format. See Resources to Help.

FAQ

See the Knowledge Base article, Touch UI Authoring FAQ, for details; including any information about the deprecation schedule for the classic UI.

Selecting Your UI

See Selecting Your UI for information about configuring your system as required.

Touch-Enabled UI Status

For details of the enhancements made to the touch-enabled UI in the AEM 6.5 see What’s New in the Release Notes.

A complete overview see the Touch UI Feature Status page

Resources to Help

For background information on basic handling:

For detailed development information:

Experience Manager


Elevate and Empower Teams with Agentic AI for Exceptional Experiences

Online | Strategy Keynote | General Audience

Elevate and empower your CX teams with AI that transforms creativity, personalization, and productivity. Discover how Adobe is...

Tue, Mar 18, 1:00 PM PDT (8:00 PM UTC)

Register

3 Pillars of Purpose-driven Experiences: Trust, Data, and GenAI

In-person | Session | General Audience

Learn how leading B2B and B2C brands like AT&T and IBM are intersecting data, GenAI and trust to build “purpose-driven” experiences that...

Wed, Mar 19, 1:00 PM PDT (8:00 PM UTC)

Register

Connect with Experience League at Summit!

Get front-row access to top sessions, hands-on activities, and networking—wherever you are!

Learn more