Recommandations relatives aux interfaces utilisateur pour les client(e)s

Adobe Experience Manager est fourni avec deux interfaces utilisateur : l’interface utilisateur unifiée Experience Cloud (également appelée interface utilisateur tactile) et l’interface utilisateur classique.

Ce document vise à guider les clients dans leur choix d’interface utilisateur en fonction de leurs besoins.

Termes à retenir :

  • IU (ou IU standard) Interface utilisateur moderne, introduite avec la version 5.6.0 en tant qu’aperçu technologique, puis développée avec les versions suivantes. Elle est basée sur l’expérience utilisateur unifiée pour Adobe Experience Cloud, connue précédemment sous le nom d’interface utilisateur tactile.

  • IU classique
    Interface utilisateur basée sur la technologie ExtJS introduite avec CQ 5.1 en 2008.

  • Administration du site Fonctionnalités de gestion de la hiérarchie du site (déplacer, activer, gérer les références) et de création de nouvelles pages.

  • Création de pages Fonctionnalités d’ajout de contenu et de modification du contenu d’une page.

  • Administration de gestion des ressources numériques / de ressources
    Fonctionnalités de gestion des ressources numériques (y compris les images, les vidéos, les documents et les téléchargements).

  • ContextHub
    Fonctionnalités de regroupement des informations sur le visiteur en vue de les utiliser pour différents objectifs. Fournit une interface utilisateur pour simuler des personnes qui visitent le site. Depuis AEM 6.2, ContextHub a remplacé la technologie précédente, ClientContext.

Général

Au cours des dernières années, Adobe a mis à jour toutes les solutions Adobe Experience Cloud grâce à une interface utilisateur unifiée. Les utilisateurs bénéficient d’une expérience constante sur l’ensemble des solutions Experience Cloud avec des modèles communs expliquant comment utiliser et activer les applications. Avec chaque version, Adobe a optimisé son interface utilisateur à l’aide des commentaires des clients utilisant les différentes solutions.

L’interface utilisateur d’origine pour Adobe Experience Manager (précédemment nommé CQ5), introduite en 2008 et utilisée par les clients utilisant les versions 5.0 à 5.6.1, est présente dans AEM 6.5. Ceci garantit que les clients peuvent effectuer la mise à jour vers la version 6.5 et bénéficier d’une plateforme mise à jour avec de nouvelles fonctionnalités, tout en utilisant la même interface d’utilisateur.

Adobe recommande aux utilisateurs de planifier le passage à la nouvelle interface utilisateur en 2018 ou 2019. Cela peut être effectué au cours de la mise à jour vers la version 6.5 ou dans un projet distinct après la mise à jour, qui inclut les réglages nécessaires aux personnalisations et aux boîtes de dialogue de composant.

L’interface utilisateur classique est obsolète avec AEM 6.4 et Adobe ne prévoit pas d’apporter d’autres améliorations à l’interface utilisateur classique. Notez que l’interface utilisateur classique reste complètement prise en charge alors qu’elle est en passe de devenir obsolète.

Règles et recommandations

Voici une liste de recommandations de la gestion du produit pour Adobe Experience Manager 6.5 :

Mon projet… Recommandations
Vient de commencer à utiliser Adobe Experience Manager. Utilisez l’IU par défaut.

Utilise AEM depuis un certain temps.

A utilisé l’IU du produit prête à l’emploi et développé des composants personnalisés pour les sites.

  1. Effectuez la mise à jour vers la version 6.5.
  2. Utilisez l’IU par défaut pour l’administration de site, les ressources, etc.
  3. Configurez l’action « Modifier la page » pour ouvrir l’éditeur de page de l’IU classique. Voir Choix de l’interface utilisateur.

Ensuite, lors d’une seconde phase :

  1. Mettez à jour vos boîtes de dialogue de composants pour utiliser le format de boîte de dialogue Coral 3. Adobe recommande d’utiliser les Outils de modernisation AEM pour mettre à jour les composants.
A créé un site utilisant ClientContext avec les intégrations.
  1. Effectuez la mise à jour vers la version 6.5.
  2. Utilisez l’IU par défaut pour l’administration de site, les ressources, etc.
  3. Configurez l’action « Modifier la page » pour ouvrir l’éditeur de page de l’IU classique. Voir Choix de l’interface utilisateur.

Ensuite, lors d’une seconde phase :

  1. Mettez à jour vos boîtes de dialogue de composants pour utiliser le format de boîte de dialogue Coral 3. Adobe recommande d’utiliser les Outils de modernisation AEM pour mettre à jour les composants.
  2. Configurez ContextHub (le remplacement de ClientContext) et mettez à jour les modèles de pages pour utiliser ContextHub. Notez que le ContextHub a un mode de compatibilité qui permet de transférer les entrepôts ClientContext personnalisés.

Utilise CQ/AEM depuis de nombreuses années.

A développé l’IU du produit (par exemple, administrateur de site) et créé des composants avec des boîtes de dialogue de modification complètes.

Passez à la version 6.5 et configurez l’IU classique en tant qu’interface utilisateur par défaut pour la création de page pour tous les utilisateurs. Voir Choix de l’interface utilisateur.

Démarrez ensuite un projet pour appliquer la personnalisation et optimiser les boîtes de dialogue du composant au format Coral 3. Voir Ressources d’aide.

FAQ

Voir l’article de la base de connaissances, FAQ sur la création dans l’interface utilisateur tactile pour en savoir plus, notamment sur la planification du déclassement de l’IU classique.

Choix de l’interface utilisateur

Consultez la section Choix de l’interface utilisateur pour plus d’informations sur la configuration de votre système.

État de l’interface utilisateur tactile

Pour plus d’informations sur les améliorations apportées à l’interface utilisateur optimisée pour les écrans tactiles dans AEM 6.5 voir la section Nouveautés dans les notes de mise à jour.

Pour découvrir une présentation complète, consultez la page Statut des fonctionnalités de l’interface utilisateur optimisée pour les écrans tactiles.

Ressources d’aide

Pour plus d’informations sur la gestion de base :

Pour des informations détaillées de développement :

Sur cette page