Show Menu
TOPICS×

User Interface Recommendations for Customers

Adobe Experience Manager 6.4 comes with two UIs - the unified Experience Cloud UI and the Classic UI.
This document is intended to guide customers to make a choice on what UI to use depending their situation.
Terms of interest:
  • UI (or standard UI) Modern user interface that was introduced in 5.6.0 as a technology preview and extended in subsequent releases. It is based on the unified user experience for the Adobe Experience Cloud, formerly known as touch-enabled UI or touch UI.
  • Classic UI User interface based on ExtJS technology that was introduced with CQ 5.1 in 2008.
  • Site Admin Capabilities to manage the site hierarchy (move, activate, managed references) and create new pages.
  • Page Authoring Capabilities to add/edit the content of a page.
  • DAM/Assets Admin Capabilities to manage digital assets (including images, video, documents, downloads).
  • ContextHub Capabilities to aggregate information about the visitor and use it for various purposes. Provides an user interface to simulate persons visiting the site. Starting AEM 6.2, ContextHub replaced the previous technology, Client Context.

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 it's 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.4. This guarantees that customers can update to 6.4, 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.4 - or in a separate projects after the update, that would include the necessary adjustments to the customizations and component dialogs.
Adobe does not plan to make further enhancements to the Classic UI starting AEM 6.4. 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.4:
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.4
  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 to use the Dialog Conversion Tool to update the components.
Has built a site that uses the ClientContext with integrations.
  1. Update to 6.4
  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 to use the Dialog Conversion Tool to update the components.
  2. Configure the ContextHub (the replacement for the ClientContext) and update the page templates to use the ContextHub. Note that the ContextHub has a compatibility mode that allows loading custom ClientContext stores.
Has used CQ/AEM for many years.
Has extended the product UI (e.g Site Admin) and built components with extensive edit dialogs.
Update to 6.4 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-Optimized UI Status

For details of the enhancements made to the touch-optimized UI in the AEM 6.3 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: