Une nouvelle ère d’édition de contenu

AEM Universal Editor: une façon plus simple et plus intelligente de créer du contenu

Adobe Experience Manager (AEM) a parcouru un long chemin dans l’autonomisation des auteurs de contenu. Nous avons commencé avec des modèles statiques – où même de petits changements nécessitaient un développeur – et ont évolué vers des modèles modifiables et le mode de mise en page, ce qui a finalement donné aux auteurs le contrôle visuel sur leurs pages.

Maintenant, Adobe retourne à nouveau le script avec le Rédacteur en chef. Et à première vue, cela pourrait ressembler à un pas en arrière.

• Le mode de mise en page a disparu.
• Contrôles de colonne personnalisées? Parti aussi.

Pour les auteurs habitués à traîner, à laisser tomber et à concevoir des dispositions, cela peut ressembler à une perte de contrôle créatif.

Alors… qu’est-ce qui se passe vraiment?

Le passage de la mise en page à l’expérience

Les réactions de première main:

«Où est le mode de mise en page?» «Pourquoi ne puis-je pas placer des choses où je veux?»

C’est une réponse valide. Mais après avoir passé du temps avec l’éditeur universel, j’ai réalisé que ce changement ne concernait pas enlever le pouvoir – il s’agit de recentrage.

Il s’agit de retirer les distractions de mise en page et de remettre les projecteurs sur ce qui compte le plus: Créer des expériences de contenu significatives et cohérentes.

Pourquoi le mode de mise en page n’était pas la réponse

Le mode de mise en page ressemblait à la liberté au début. Vous pouvez enfin concevoir vos propres pages – aucun développeur nécessaire.

Mais avec cette liberté est venue la complexité.

Pour bien l’utiliser, les auteurs ont dû apprendre:

• Systèmes de grille (dispositions 8 à 4)
• Conteneurs imbriqués
• Marges, paddages et infâme modèle de boîte

Bien sûr, le mode de mise en page était puissant – mais il a rendu la création de contenu plus complexe que nécessaire.

Qu’est-ce qui rend l’éditeur universel différent?

L’éditeur universel apporte une nouvelle approche – celle qui sépare la création de contenu de l’ingénierie de la disposition.

Voici ce qu’il présente:

• Blocs et blocs de section: Des blocs de construction simples pour le contenu structuré
• Le rail des propriétés: Un panneau d’édition unifié
• Nettoyer la sortie HTML: Des pages plus rapides et plus accessibles
• Mappage de source de contenu: Lier les composants aux sources de contenu sans tête
• Autorisation basée sur des documents: Modifier directement dans la page ou le courrier électronique rendu
• Aperçus visuels sur les canaux: Modifier le contenu tout en prévisualisant à quoi il ressemblera à travers les appareils et les canaux

Décomposons-les.

Mode de mise en page au revoir, Hello Clean Structure

Le mode de disposition peut disparaître, mais Le contrôle de la disposition n’est pas.

Au lieu de gérer manuellement des conteneurs de mise en page, les auteurs construisent désormais des pages en utilisant Blocs de section et Blocs de contenu – tous stylés en utilisant Cours de jetons de conception ou CSS à condition via Edge Delivery Services (EDS).

Ce changement empêche la disposition des spaghettis et du code gonflé. Le résultat?

• HTML sémantique plus propre et sémantique
• Meilleur référencement et accessibilité
• Charges de page plus rapides
• Moins de dispositions cassées

Vous voulez des colonnes? Vous pouvez toujours – mais l’approche est plus intelligent et plus propre.

Autorisation visuelle: basée sur des documents, basée sur les fragments

L’éditeur universel permet:

• Autorisation basée sur des documents: Modifiez le contenu directement dans une page Web ou un e-mail entièrement rendu. Ce que vous voyez est vraiment ce que vous obtenez.
• Autorisation basée sur les fragments: Réutiliser les fragments de contenu comme les titres, les images ou les CTA sur plusieurs canaux.

Que vous modifiiez une page de marketing, une page de destination ou un e-mail transactionnel, vous restez dans le contexte de la vraie expérience.

Mappage de la source d’interface utilisateur et de contenu dirigée par JSON

Sous le capot, l’éditeur universel opère sur un Modèle d’interface utilisateur axé sur JSON. Cela signifie:

• Les développeurs définissent quelles propriétés sont modifiables
• Les auteurs interagissent avec une interface dynamique légère
• L’interface utilisateur et les données restent proprement découplées

En utilisant mappage de source de contenuvous pouvez lier des blocs de contenu à Données CMS sans têteAPI JSON ou fragments de contenu structurés. Cela rend l’éditeur universel incroyablement flexible – et à l’épreuve des futurs.

Le rail de propriétés: modification simple et unifiée

L’édition dans un AEM classique était… chaotique. Dialogues cachées, fentes pop-ups flottantes, UIS personnalisés pour chaque composant.

Le rail des propriétés répare cela. C’est un panneau latéral propre où vous pouvez modifier le contenu de n’importe quel bloc – le tout en un seul endroit.

Pourquoi ça secoue:

• Édition cohérente sur tous les blocs
• Plus d’interface utilisateur
• Moins de clics, changements plus rapides
• Accessible et respectueux du clavier

Cela peut sembler inconnu au début, mais une fois que vous avez compris, il n’y a pas de retour.

Blocs de section: Structure avec objectif

Autrefois, les pages pourraient devenir des jungles de mise en page:

• Dispositions à l’intérieur des dispositions
• Accordons à l’intérieur des onglets à l’intérieur de plus d’accordés
• Trop de conteneurs imbriqués

Blocs de section Aidez les auteurs à éviter cela. Ils fournissent des limites claires et favorisent le contenu sémantique structuré.

Pourquoi ils comptent:

• Appliquer les niveaux de cap appropriés (H1 → H6)
• Aidez les lecteurs à comprendre à comprendre le flux
• Booster le référencement avec un balisage plus propre
• Faciliter l’édition et le maintien du contenu

Aperçu de la chaîne: un éditeur, toute expérience

L’éditeur universel n’est pas uniquement pour les pages Web. Vous pouvez prévisualiser et auteur à travers:

• Pages Web (sites)
• E-mails
• Contenu sans tête livré via des API
• Applications à une seule page (spas)

Et tout fonctionne à partir de la même interface utilisateur – ce qui fait l’expérience canal.

Pourquoi ce changement est important

Ce n’est pas seulement une mise à niveau d’outil – c’est un changer de mentalité:

• Les auteurs peuvent se concentrer sur la narration, et non sur la structure
• Les développeurs peuvent définir des modèles réutilisables et évolutifs
• SEO et accessibilité sont intégrés par conception

L’éditeur universel ne supprime pas la flexibilité – il raffine il. Ce n’est pas la liberté que nous pensions que nous voulions, mais c’est celle dont nous avions réellement besoin.

Extras d’éditeurs universels

Quelques points saillants supplémentaires:

• Edge Delivery Services (EDS)
  Livraison intégrée via CDN pour des performances ultra-rapides
• Sans tête et hybride prêt
  Fonctionne avec des sites AEM ou des spas sans tête
• Création visuelle sans goulot d’étranglement des développeurs
  Les développeurs définissent la structure + style, les auteurs remplissent le contenu = efficacité

Référence visuelle

Interface UI Universal Editor UI (Forms)

L’interface Universal Editor est divisée en quatre parties logiques:

1. A: Expérience en en-tête cloud : L’en-tête Cloud Experience apparaît en haut de la console et fournit un contexte de navigation dans l’écosystème de cloud plus large de l’expérience Adobe. Il montre votre emplacement actuel et permet un accès rapide à d’autres applications cloud d’expérience.

2. B: Barre d’outils Universal Editor: La barre d’outils fournit des outils de navigation et d’édition essentiels. Avec lui, vous pouvez vous déplacer entre les formulaires, publier ou non publier des formulaires, modifier les propriétés des formulaires et accéder à l’éditeur de règles pour ajouter des comportements dynamiques.

3. C: Panneau Propriétés: Le panneau Propriétés apparaît sur le côté droit de l’interface et affiche des informations contextuelles en fonction de ce que vous avez sélectionné dans le formulaire. Lorsqu’aucun composant n’est sélectionné, il montre la structure globale de la forme.

4. D: éditeur: L’éditeur est l’espace de travail central où vous créez et modifiez votre formulaire. Il affiche le formulaire spécifié dans la barre de localisation et offre une expérience WYSIWYG qui montre exactement comment votre formulaire apparaîtra aux utilisateurs. En mode prévisualisation, vous pouvez interagir avec le formulaire comme le feraient vos utilisateurs, testant la navigation à travers des boutons et des liens.

Pour plus d’informations, vous pouvez vous référer à ce site Adobe: Commencer avec l’éditeur universel dans AEM | Adobe Experience Manager