[AEM_Assets]{class="badge positive" title="S’applique à AEM Assets)."}

Parcours Dynamic Media : principes de base, première partie dm-journey-part1

NOTE

Ce guide présente Dynamic Media sur Adobe Experience Manager et explique le fonctionnement du système, les principales fonctionnalités qu’il offre et la manière dont il accélère la création, la gestion et la diffusion de médias visuels enrichis sur les canaux web, mobiles et marketing. Dynamic Media permet aux entreprises de diffuser des images et des vidéos interactives, réactives et à la demande à partir d’une seule ressource principale, ce qui réduit les frais de production et améliore l’expérience client sur chaque point de contact.

Conditions préalables

Avant de commencer ce parcours, les lecteurs doivent être familiarisés avec les domaines suivants, car Dynamic Media interagit directement avec ces formats, technologies et workflows de conception :

  • Compréhension de base des formats d’image et vidéo, requise car Dynamic Media ingère, transforme et diffuse des ressources dans divers codages.
  • Compréhension de base du langage HyperText Markup (HTML) et des feuilles de style en cascade (CSS) : utile pour l’incorporation et le style des diffusions Dynamic Media dans des pages web.
  • Compréhension de base des outils de conception tels qu’Adobe Illustrator, Adobe Photoshop et Adobe XD : utile car les ressources sources pour Dynamic Media sont généralement produites dans ces applications.
  • L’accès à Dynamic Media sur Adobe Experience Manager est utile, mais n’est pas nécessaire pour suivre le processus conceptuellement.

Résultats d’apprentissage attendus

Première partie

  • Qu’est-ce que Dynamic Media et comment prend en charge la diffusion évolutive et haute performance des médias riches ?
  • Cas pratiques d’utilisation de Dynamic Media, notamment l’imagerie réactive, la vidéo interactive, les rotations de produit à 360° et les expériences visuelles personnalisées pour l’e-commerce et le marketing.
  • Circulation d’une ressource dans le système Dynamic Media, de l’ingestion au traitement, en passant par la diffusion à l’utilisateur final.

Deuxième partie

  • Anatomie d’une URL Dynamic Media et méthode de Dynamic Media pour diffuser du contenu à la demande via son serveur d’images.
  • Principes fondamentaux de la création de paramètres d’image prédéfinis pour effectuer le rendu des ressources selon les dimensions, les formats et les paramètres de qualité requis.
  • Visionneuses d’images (collections d’images de produits associées pour des vues alternatives), visionneuses à 360° (séquences d’images qui créent une vue rotative à 360° d’un produit) et visionneuses de médias mixtes (combinaisons d’images, de vidéos et de visionneuses à 360° dans une seule visionneuse interactive).

Audience

Ce parcours est conçu pour les rôles suivants qui sont nouveaux dans Dynamic Media sur Adobe Experience Manager :

  • Administrateur
  • Analyste métier
  • Architecte de contenu
  • Auteur de contenu
  • Designer
  • Développeur
  • Spécialiste marketing
  • Responsable de produit/prospect
TIP
Pour de meilleurs résultats, Adobe vous recommande de lire et d’afficher cette documentation Dynamic Media sur un ordinateur de bureau, car les exemples visuels, les visionneuses interactives et les exemples de code s’affichent plus clairement sur un écran plus grand.

Qu’est-ce que Dynamic Media et en quoi peut-il vous être utile ? dm-journey-a

Dynamic Media est une solution Adobe qui permet aux marques et aux marketeurs de proposer des ressources visuelles de marchandisage et de marketing à la demande. En travaillant à partir d’un ensemble de ressources issues de sources originales telles que des images, des vidéos et de la 3D, Dynamic Media génère et diffuse plusieurs variantes de ce contenu riche en temps réel par le biais de son réseau de diffusion de contenu global, évolutif et performant).

Fonctionnalités essentielles

Dynamic Media crée et diffuse des expériences de visionnage interactif, notamment :

  • Zoom — visualisation en gros plan et haute résolution de l’imagerie du produit
  • 360 degrés de rotation — vues de produits en rotation qui permettent aux acheteurs d’examiner un article sous tous les angles
  • Vidéo — Diffusion de médias en flux continu avec des ressources statiques

Assets est mis à l’échelle de manière dynamique pour une utilisation sur sites web, mobiles et sociaux. Comme le rendu se produit en temps réel sur le réseau CDN, une seule ressource principale peut être réutilisée sur chaque canal et taille d’appareil, ce qui élimine la nécessité de produire et de stocker manuellement des versions distinctes pour chaque destination. Cela réduit les frais de production et permet d’assurer une expérience de marque cohérente partout où les clients rencontrent le contenu.

Intégration avec Adobe Experience Manager Assets

Dynamic Media intègre les workflows de la solution de gestion des ressources numériques (DAM) ​​afin de simplifier et de rationaliser le processus de gestion des campagnes numériques. Cette intégration permet aux équipes de création, de marketing et de marchandisage de gérer les fichiers sources, les approbations, les métadonnées et la diffusion à partir d’un environnement unifié, en connectant directement la gouvernance des ressources à la diffusion omnicanale.

Un fichier avec plusieurs options de diffusion

Adobe Dynamic Media fonctionne sur un seul principe de base : un fichier de ressource principal, plusieurs options de diffusion. Au lieu de dupliquer et de modifier manuellement le version des médias pour chaque canal, appareil ou page web, Dynamic Media stocke une seule ressource principale et génère chaque rendu à la demande à partir de cette source unique.

Pour comprendre pourquoi cela est important, pensez au workflow traditionnel qui s’applique à une seule ressource telle qu’une image ou une vidéo. En règle générale, les équipes créent une ressource principale, puis produisent manuellement des versions de cette même ressource pour chaque expérience, chaque appareil cible, chaque page web et chaque propriété où la ressource apparaît. Au fil du temps, cette ressource unique peut atteindre 20, 30 versions ou plus, souvent sans aucun historique de version associé. Multipliez maintenant cet effort sur chaque image et vidéo d’une bibliothèque. Le volume des variantes de ressources devient très important à gérer et à mettre à jour, et les coûts de stockage augmentent en conséquence.

En quoi Dynamic Media est différent

Dynamic Media est fondamentalement différent des systèmes traditionnels, car les marketeurs et les développeurs utilisent Dynamic Media pour diffuser des médias dynamiquement à partir de ressources uniques et principales par le biais d’appels d’URL. Les chemins d’URL Dynamic Media qu’un client demande contiennent des instructions incorporées qui indiquent au serveur de publication Adobe comment afficher la ressource lorsqu’elle est diffusée sur l’écran d’un client. Par conséquent, la même ressource principale unique peut être diffusée instantanément dans des rendus illimités, avec des variations à la volée telles que :

  • Taille — dimensions adaptées à la mise en page ou au point d’arrêt cible
  • Format — Format d’image ou vidéo optimisé pour le client demandeur
  • Résolution — densité de pixels adaptée à l’affichage

Cela signifie que les équipes n’ont plus besoin de prégénérer et de stocker chaque variante possible. Au lieu de cela, l’URL elle-même définit le rendu et le serveur le produit en temps réel.

Qualité cohérente sur chaque écran et bande passante

Cette méthode de diffusion permet de s’assurer qu’Adobe Dynamic Media envoie des expériences cohérentes et de haute qualité à n’importe quel écran, quelle que soit la taille ou la bande passante. Dynamic Media optimise également les vidéos en taille réelle pour tous les types d’écran et les diffusions adaptatives en ajustant la qualité en fonction de la connexion de la visionneuse afin de préserver une expérience utilisateur fluide et ininterrompue.

Adobe Dynamic Media diffuse la même image principale sur différents supports, dans des formats et des tailles différents
Adobe Dynamic Media garantit la cohérence et la qualité des expériences diffusées sur n’importe quel écran, quelle que soit leur taille ou leur bande passante.

Importance d’une « ressource principale, plusieurs options de diffusion »

La consolidation sur une seule ressource principale génère plusieurs avantages pratiques qui découlent directement du modèle :

  • Réduction de l’encombrement du stockage — Un fichier source remplace des dizaines de variantes produites manuellement.
  • Itération plus rapide : la mise à jour de la ressource principale propage automatiquement les modifications dans chaque rendu en aval.
  • Expérience de marque cohérente — Chaque appareil et chaque canal sont alimentés à partir de la même source faisant autorité, ce qui élimine la dérive entre les versions.
  • Gouvernance simplifiée : une source unique de vérité est plus facile à suivre, à auditer et à mettre à jour qu’une collection tentaculaire de copies ad hoc.

Comme les sections suivantes l’expliquent, ce concept « Un fichier de ressource principal, plusieurs options de diffusion » est la base de la manière dont Dynamic Media adapte efficacement la diffusion multimédia sur les expériences web, mobiles et connectées.

Le réseau de diffusion de contenu

Lorsque vous êtes prêt à publier une image ou une ressource vidéo, la colonne vertébrale de Dynamic Media (un puissant réseau de diffusion de premier niveau desservant des centaines de clients dans le monde entier chaque jour) la prend en charge. Dynamic Media distribue les ressources sur un réseau de diffusion de contenu (CDN) hébergé par Akamai. Le réseau CDN est un réseau distribué de serveurs Edge qui fonctionnent ensemble de manière transparente pour diffuser du contenu, en particulier des fichiers multimédias volumineux, aux utilisateurs finaux du monde entier.

Fonctionnement du réseau CDN

Le contenu web est stocké dans des caches web positionnés sur Internet, puis diffusé directement à partir du cache le plus proche vers les utilisateurs finaux pour une diffusion plus rapide. Le processus fonctionne comme suit :

  1. Première requête : lorsqu’une personne télécharge une page web pour la première fois, les ressources sont placées dans un cache CDN dans cette région géographique.
  2. Stockage dans le cache : ces ressources sont stockées sur le serveur Edge local.
  3. Requêtes ultérieures : la prochaine fois qu’un utilisateur ou une utilisatrice se trouvant dans la même zone accède à la page, le contenu mis en cache est diffusé à partir du serveur voisin plutôt qu’à partir de l’origine.

Le contenu arrive plus rapidement car il se trouve physiquement plus près de l’utilisateur, ce qui réduit la latence du réseau et le temps d’aller-retour. Il s’agit du mécanisme de base qui rend les réseaux CDN plus rapides que la diffusion traditionnelle à origine unique.

Avantages pour les utilisateurs finaux et les entreprises

Un réseau CDN offre des avantages mesurables :

  • Affichage plus rapide des pages web grâce à une mise en cache géographiquement proche
  • Réduction de la demande de bande passante sur le serveur central, car le contenu est diffusé à partir du réseau de cache plutôt que l’origine de chaque requête.
  • Expérience utilisateur améliorée, grâce à une latence plus faible et à un rendu des ressources plus rapide
  • Augmentation des ventes, car le flux de diffusion optimisé maintient les visiteurs engagés plutôt que perdus en raison de la lenteur des temps de chargement

Performances et échelle

Fonctionnant à grande échelle, le réseau CDN offre historiquement les avantages suivants :

  • 3,5 pétaoctets de trafic vers les clients chaque mois
  • 52 milliards d’actifs en une seule journée
  • 864 000 images et vidéos diffusées avec succès aux clients toutes les secondes

Ces chiffres illustrent le débit et la fiabilité que le réseau CDN soutenu par Akamai de Dynamic Media apporte à la distribution de médias riches.

Imagerie dynamique

Dynamic Media optimise déjà les ressources et garantit que chaque ressource est chargée rapidement sur les systèmes mobiles et de bureau à l’aide d’un réseau de diffusion de contenu (CDN). Pour ce faire, Dynamic Media utilise des paramètres d’image prédéfinis pour définir la qualité de votre image. Les paramètres d’image prédéfinis définissent également le type d’image que vous envoyez, sa netteté et d’autres paramètres de rendu pour différentes parties de vos expériences ou pages.

Mais pour ajouter de la valeur à Dynamic Media au-delà des paramètres d’image prédéfinis, vous pouvez utiliser l’imagerie dynamique.

L’imagerie dynamique offre une amélioration des performances de 22 à 47 % par rapport à la diffusion standard de Dynamic Media, en fonction de vos paramètres d’image prédéfinis existants et des caractéristiques spécifiques de l’utilisateur final, le tout tout en préservant la qualité de l’image comme si la ressource n’avait jamais été touchée.

Fonctionnement de l’imagerie dynamique

L’imagerie dynamique offre de meilleures performances de diffusion des ressources d’image en optimisant automatiquement le format et la taille de fichier d’une image en fonction des fonctionnalités de navigateur d’un client. Il fonctionne avec vos paramètres d’image prédéfinis (les paramètres d’image prédéfinis sont abordés dans la deuxième partie de ce parcours) et fournit des informations au moment de la diffusion.

Cette intelligence réduit davantage la taille du fichier image en fonction du navigateur et de vitesse de connexion réseau. En résumé, l’imagerie dynamique optimise automatiquement le format et la taille de fichier d’une image en fonction des capacités du navigateur et de la vitesse du réseau d’un client, en adaptant chaque diffusion aux conditions d’affichage spécifiques.

Performances et impact commercial

Étant donné que les ressources d’image représentent la majeure partie du temps de chargement d’une page, l’amélioration des performances produite par l’imagerie dynamique influence directement plusieurs indicateurs d’activité clés. Une diffusion d’images plus rapide entraîne :

  • Taux de conversion plus élevés
  • Augmentation du temps passé sur le site
  • Taux de rebond inférieur du site

La chaîne causale est simple : des images plus petites et mieux optimisées se chargent plus rapidement, des pages plus rapides créent des expériences utilisateur plus fluides et des expériences plus fluides se traduisent par un engagement plus fort et des résultats plus rentables.

Activation de l’imagerie dynamique

Imagerie dynamique

L’assistance technique d’Adobe Dynamic Media n’active pas l’imagerie dynamique par défaut, car elle nécessite un effort coordonné. L’activation de l’imagerie dynamique nécessite également l’effacement complet de votre cache CDN, qui est ensuite rempli au fil du temps. Cela garantit que les variantes d’image non optimisées précédemment mises en cache sont remplacées par les diffusions nouvellement optimisées.

Pour utiliser l’imagerie dynamique, procédez comme suit :

  1. Envoyez un ticket d’assistance technique au support technique Dynamic Media d’Adobe.
  2. Recevez un paramètre d’URL de l’assistance technique qui vous permet de prévisualiser le comportement de l’imagerie dynamique avant l’activation complète.
  3. Effectuez un test sur n’importe quelle page ou image web pour mesurer les gains de performances et les économies de taille de fichier sur votre propre contenu.
  4. Demander l’activation complète afin que l’imagerie dynamique soit activée pour l’ensemble de votre site.

Cette approche d’essai puis d’activation vous permet de valider l’amélioration des performances attendue de 22 à 47 % par rapport à vos préréglages spécifiques et à votre audience avant de vous engager dans un déploiement à l’échelle du site.

Visionneuses de vidéos adaptatives

Une visionneuse de vidéos adaptative regroupe plusieurs versions codées de la même vidéo source (chacune rendue à un débit binaire et format différents) afin que le fichier optimal puisse être diffusé sur n’importe quel appareil et dans n’importe quelle condition du réseau. Il s’agit de la solution de Dynamic Media pour diffuser facilement des vidéos sur des téléphones, des tablettes et des ordinateurs de bureau sans que l’éditeur ait à gérer manuellement la logique de codage, de dimensionnement ou de diffusion.

Pourquoi La Diffusion Vidéo Est Complexe

Lorsqu’une page contient une vidéo, les clients et clientes interagissent généralement avec ce contenu plus longtemps et restent sur la page plus longtemps, un modèle de comportement qu’Adobe a observé grâce à ses propres analyses. Pour capter cet engagement, cependant, il faut résoudre plusieurs problèmes techniques à la fois :

  • Le fichier source principale est volumineux souvent trop lourd pour être diffusé directement.
  • Le lecteur doit décider comment dimensionner, coder et diffuser la vidéo pour que la lecture soit fluide.
  • La lecture doit rester fiable quel que soit l’appareil de la visionneuse ou la bande passante disponible.

Dynamic Media résout ces problèmes en générant et en diffusant une visionneuse de vidéos adaptative au lieu d’un fichier statique unique.

Fonctionnement des visionneuses de vidéos adaptatives

  1. Chargez la vidéo principale. Commencez avec votre fichier source d’origine de haute qualité et chargez-le dans le système.
  2. Transcodage automatique. Dynamic Media mesure automatiquement, ou transcode, cette source en plusieurs vidéos dérivées, chacune codée à une résolution et un débit différents optimisés pour une classe spécifique d’appareil ou une vitesse de connexion spécifique.
  3. Diffusion intelligente au moment de la demande. Lorsqu’une visionneuse demande la vidéo, Dynamic Media détermine la version codée, le niveau de qualité et le format à diffuser, puis la diffuse sur le téléphone, la tablette ou l’ordinateur de bureau.

Par exemple, sur un appareil mobile iOS, Dynamic Media détecte si la connexion est 4G, 5G ou Wi-Fi. En fonction de ce signal, il sélectionne automatiquement la vidéo codée appropriée parmi les différents débits de la visionneuse de vidéos adaptative et la diffuse sur l’appareil.

Changement de qualité automatique

Les visionneuses de vidéos adaptatives répondent en continu aux conditions de visionnage :

  • Fluctuations du réseau : lorsque les conditions réseau changent en milieu de lecture, le lecteur passe automatiquement à une version codée différente dans l’ensemble. La lecture reste ainsi continue et les interruptions dues aux pertes de bande passante sont réduites.
  • Affichage plein écran sur le bureau : lorsqu’un client ou une cliente passe en mode plein écran, la visionneuse de vidéos adaptative répond en fournissant un codage à résolution plus élevée, améliorant l’expérience de visionnage à une taille d’affichage plus grande.

Principaux avantages

L’utilisation des visionneuses de vidéos adaptatives offre les avantages suivants :

  • Lecture fluide et de haute qualité pour les clients et clientes qui regardent des vidéos Dynamic Media sur plusieurs écrans et appareils.
  • Gestion vidéo simplifiée, car un seul chargement source est automatiquement transcodé dans chaque version nécessaire, ce qui élimine la nécessité de créer, stocker et cibler manuellement des fichiers distincts pour chaque appareil ou scénario de bande passante.
  • Expérience de visionneuse cohérente, puisque la même visionneuse de vidéos adaptative s’adapte à la volée aux caractéristiques, au type de connexion et au contexte de lecture de l’appareil.

Cas d’utilisation de Dynamic Media dm-journey-b

Vous trouverez ci-dessous des problèmes courants et les solutions proposées par Dynamic Media pour stimuler l’engagement positif des clients, la fidélité, la conversion et un meilleur retour sur investissement ROI).

Dynamic Media résout les problèmes récurrents rencontrés par les équipes de marketing, d’e-commerce et d’expérience digitale qui doivent diffuser du contenu visuel riche à grande échelle sur chaque appareil, canal et segment d’audience. En centralisant la production et la diffusion d’images, de vidéos et de médias interactifs, Dynamic Media réduit les frais généraux de production manuelle, accélère la mise sur le marché et garantit que les clients bénéficient de l’expérience visuelle appropriée dans le bon contexte, ce qui renforce l’engagement et augmente les taux de conversion.

Cas D’Utilisation Courants De Dynamic Media

  • Imagerie réactive et optimisée pour les appareils — Diffusez automatiquement des images dimensionnées, recadrées et compressées pour l’appareil et la fenêtre d’affichage à l’origine de la demande. Cela élimine la nécessité de produire et de stocker plusieurs rendus manuels, améliore les performances de chargement des pages et crée une expérience visuelle cohérente sur les ordinateurs de bureau, les tablettes et les appareils mobiles.
  • Diffusion et diffusion vidéo à la demande — Codez, hébergez et diffusez de manière adaptative de la vidéo sur plusieurs canaux sans plateformes vidéo tierces. La diffusion à débit adaptatif garantit une lecture fluide dans des conditions réseau variables, ce qui prend en charge des taux de surveillance plus élevés et un storytelling de produit plus riche.
  • Visionneuses interactives et expériences multimédias riches — Fournissez un zoom, une rotation à 360°, des visionneuses d’images, des carrousels et des visionneuses de vidéos avec zones réactives qui permettent aux acheteurs d’examiner les produits en détail. Les expériences interactives approfondissent l’engagement et réduisent les hésitations d’achat, contribuant directement à une conversion plus élevée.
  • Recadrage intelligent et imagerie assistée par IA — Utilisez le recadrage intelligent pour garder le sujet d’une image centré sur chaque rapport d’aspect et canal. Cela supprime le travail d’édition manuelle répétitif et permet de conserver les visuels de marchandisage à grande échelle et sur la marque.
  • Expériences visuelles personnalisées et contextuelles — Proposez des variantes d’une même ressource (différentes couleurs, langues, superpositions de prix ou messages promotionnels) à partir d’un seul fichier maître. Personalization au niveau des ressources accroît la pertinence de chaque segment d’audience et prend en charge la fidélité en personnalisant les expériences.
  • Diffusion omnicanale cohérente — Effectuez une publication unique et diffusez partout : sur le web, dans les applications mobiles, par e-mail, sur les réseaux sociaux, sur les écrans en magasin et sur les places de marché. Une source unique de vérité pour les médias empêche les incohérences qui érodent la confiance de la marque.
  • Un délai de mise sur le marché plus rapide pour les campagnes — Réutilisez les ressources principales avec des paramètres dynamiques au lieu de procéder à une nouvelle prise de vue ou à une nouvelle modification pour chaque campagne. Les équipes marketing peuvent lancer, itérer et localiser les campagnes plus rapidement, ce qui maintient l’élan et améliore le retour sur investissement de la campagne.

Chacun de ces cas d’utilisation associe un problème concret de production ou de diffusion à un résultat commercial mesurable : coût d’exploitation réduit, cycles de lancement plus rapides, engagement client plus fort, conversion plus élevée et fidélité améliorée à long terme.

Cas d’utilisation : l’approche des fichiers principaux

Le problème de l’épaisseur de page

Environ 90 % du poids d’une page web type provient de médias riches à savoir d’images et de fichiers vidéo qui sont souvent beaucoup plus lourds que d’autres composants de page. Les 10 % restants HTML, le code CSS et des balises spécifiques . La réduction du poids de la page et de la taille du contenu (pour une image ou une vidéo) est l’un des cas d’utilisation les plus importants et les plus évidents de Dynamic Media. Des pages plus légères se chargent plus rapidement, offrent de meilleures performances sur les réseaux mobiles et une expérience plus fluide sur tous les appareils, ce qui contribue à des résultats d’engagement et de conversion plus solides.

Épaisseur de la page de contenu
Poids de la page de contenu d’une page web standard.

Étant donné que les médias riches dominent le poids de la page, Dynamic Media se concentre sur l’optimisation de ces 90 %. Le concept de base est un fichier de ressource principal avec plusieurs options de diffusion et cette approche est essentielle pour réduire le poids global de la page.

L’approche du fichier principal unique

Une seule ressource principale peut alimenter plusieurs surfaces à la fois. Par exemple, une image de produit peut être réutilisée sur :

  • Page des détails du produit
  • Une page de miniature
  • Le panier
  • La grille de recherche

Approche des fichiers de Principal
La montre est un fichier de ressource principal unique, mais avec plusieurs rendus (à ne pas confondre avec des copies) créés à la volée.

Cette réutilisation est très efficace et garantit la cohérence visuelle sur chaque expérience où la ressource apparaît.

Problèmes que Dynamic Media résout grâce à l’approche de fichier unique

Problème
Solution Dynamic Media
Besoin de créer et stocker chaque ressource.
Utilisez un seul fichier image qui crée automatiquement les rendus requis uniquement au moment de la diffusion.
Coûts de stockage élevés.
Il n’est plus nécessaire de créer et de stocker plusieurs copies d’une ressource.
Difficulté à maintenir la chaîne de traçabilité.
Garantit la diffusion d’expériences optimisées et cohérentes entre les appareils.
Absence d’historique de version.
Conserve une seule source de vérité, de sorte que chaque rendu remonte à une ressource principale et que les mises à jour se propagent partout où elles sont utilisées.
Incohérence des expériences de la marque entre les appareils.
Fournit des rendus optimisés pour les appareils à partir d’un fichier maître, en s’assurant que la marque a la même apparence sur tous les écrans, résolutions et facteurs de formulaire.
Coût superflu de la création de ressources en double.
Génère des variations de manière dynamique au moment de la diffusion, ce qui évite d’avoir à mettre en service, approuver et stocker des doublons d’une même ressource.

Pourquoi la duplication des ressources crée des coûts cachés

Lorsque les équipes créent une ressource distincte pour chaque type d’expérience, une image de départ se compose généralement de 20, 30 ou 40 variations stockées, chacune d’elles devant être payée et gérée. Les équipes doivent ensuite s’assurer que la bonne image est utilisée dans chaque contexte, ce qui affecte directement la cohérence de la marque. Lorsqu’une image ne peut pas être localisée, les équipes finissent par dupliquer à nouveau les ressources, ce qui augmente les coûts de stockage et de coordination.

Avantages de l’approche du fichier unique

Dynamic Media crée dynamiquement des variantes d’images à partir de cette image de départ. Les équipes de Creative peuvent travailler de manière flexible avec la ressource principale sans se coordonner à plusieurs reprises avec l’équipe de conception graphique ou le studio photo pour générer du contenu supplémentaire. Cela réduit directement les coûts de production et raccourcit le délai de mise sur le marché, car les rendus sont produits à la demande plutôt que préconstruits et entreposés.

Grâce à l’approche du fichier unique, un seul fichier principal alimente chaque version en aval. Les rendus requis sur les sites, les propriétés et les expériences client ne sont générés qu’au moment où ils sont diffusés à un client. Cette efficacité réduit considérablement l’empreinte de stockage requise pour les ressources et réduit la complexité globale des workflows. Le système de diffusion de Dynamic Media garantit que chaque image et vidéo est optimisée, se charge rapidement et s’affiche parfaitement sur tous les écrans et appareils.

Cas pratique : la vidéo

Dynamic Media traite l’un des types de ressources les plus exigeants du commerce numérique : vidéo. La gestion, le stockage et la distribution des ressources vidéo sont intrinsèquement complexes en raison de leur taille de fichier importante, de leurs exigences en termes de formats multiples et de la nécessité d’effectuer un rendu fluide sur un large éventail d’appareils, de résolutions d’écran et de conditions réseau. Sans pipeline automatisé, les équipes sont généralement confrontées à un transcodage manuel, à une qualité de lecture incohérente et à des temps de chargement lents, ce qui a un impact direct sur la perception et la conversion de la marque.

Problème
Solution Dynamic Media
Difficulté à gérer et diffuser des vidéos optimisées pour divers appareils.
Utilisez une vidéo principale unique qui dimensionne et reformate automatiquement tous les appareils, toutes les résolutions d’écran et toutes les orientations.
Les vidéos sont bloquées ou lues en basse qualité en raison de la faible bande passante disponible.
Diffusez de la vidéo via un lecteur HTML5 qui détecte automatiquement la bande passante disponible et adapte dynamiquement la qualité du flux (diffusion en continu à débit adaptatif) pour garantir une haute fidélité et une lecture fluide et ininterrompue.
La création manuelle de toutes les versions d’une vidéo n’est pas réalisable et prend trop de temps pour garantir un affichage et une lecture corrects sur tous les appareils.
Éliminez les heures de travail fastidieux transcodage le processus de conversion d’une vidéo source en plusieurs formats et résolutions codés, grâce à un processus simplifié et automatisé.
Libérez de la capacité au sein de l’équipe pour un travail créatif et stratégique à plus forte valeur ajoutée car les équipes de production n’ont plus à produire en main des rendus spécifiques à chaque appareil.

Les clients consultent Dynamic Media avec les problèmes suivants qu’ils espèrent résoudre :

« Mon entreprise a la vidéo, mais évite de la diffuser. Les tests ont montré que la qualité vidéo était incohérente. Cela affecte la marque et la conversion. »

Une lecture incohérente érode la confiance des utilisateurs et augmente les taux de rebond, car les visiteurs interprètent une vidéo bloquée ou de faible qualité comme un signal de mauvaise qualité du produit ou de la marque. La solution de Dynamic Media consiste à prendre ce fichier vidéo principal et à laisser Dynamic Media générer toutes les tailles et tous les codages requis par le biais de son processus automatisé de transcodage. Cette sortie est ensuite associée au lecteur vidéo intelligent de Dynamic Media, qui sélectionne le rendu optimal en temps réel en fonction de l’appareil et de la connexion.

Par conséquent, ce workflow garantit une lecture cohérente et de haute qualité partout où la vidéo apparaît (que ce soit sur la page de destination principale, une page de catégorie ou une page de détails d’un produit), ce qui contribue à préserver l’intégrité de la marque et à renforcer les performances de conversion sur le parcours client.

Voici plusieurs autres cas d’utilisation à prendre en compte.

Cas d’utilisation : source unique de vérité

Problème
Solution Dynamic Media
Des ressources numériques éparpillées dans l’organisation, compartimentées dans différentes équipes ou unités opérationnelles.
Stockez et gérez toutes les ressources numériques dans un référentiel central unique donnant à chaque équipe une source faisant autorité.
Les membres de l’équipe téléchargent et créent des versions locales.
Les membres de l’équipe travaillent à partir d’un fichier maître principal pour créer et diffuser chaque version nécessaire sur les tailles d’écran et les appareils.
Des ressources à usage unique créées pour chaque expérience et appareil.
Élimine les ressources à usage unique, ce qui réduit le travail de production dupliqué et réduit le temps et le coût de leur création.

Cas d’utilisation : recadrage intelligent optimisé par l’IA pour le rich media

Problème
Solution Dynamic Media
Le recadrage, le redimensionnement et le recadrage manuels des images ou des vidéos pour mettre en évidence le point focal et les afficher de manière appropriée sur toutes les tailles d’écran et tous les appareils demandent beaucoup de temps et de main d’œuvre.
Utilise le recadrage intelligent dans Dynamic Media, une fonctionnalité d’intelligence artificielle (IA) d’Adobe, pour identifier automatiquement le point focal (le sujet visuel ou le point ciblé) d’une image ou d’une vidéo, puis le recadre intelligemment pour préserver cette mise au point sur chaque rendu.
Temps perdu qui pourrait être mieux investi pour créer des expériences à fort impact.
Capture le point ciblé prévu, quelle que soit la taille de l’écran, afin que les équipes créatives puissent rediriger les efforts vers la conception de campagnes à fort impact plutôt que de reformater les ressources.
Des ressources à usage unique créées pour chaque expérience et appareil.
Élimine le travail manuel répétitif de production tout en fournissant des images et des vidéos à chargement rapide de haute qualité qui prennent en charge un engagement et une conversion plus forts, avec un rendu net et cohérent sur les ordinateurs de bureau, les tablettes, les téléphones mobiles et les autres tailles d’écran.

Cas d’utilisation : création de médias interactifs

Problème
Solution Dynamic Media
Expériences client statiques et aplaties qui ne parviennent pas à intéresser les audiences, à fidéliser les clients ou à générer des conversions.
Permet aux utilisateurs n’ayant pas de connaissances techniques d’ajouter facilement et en toute transparence des éléments interactifs tels que zones réactives, carrousels et visionneuses à 360°, pour offrir des expériences d’achat et de navigation plus dynamiques et plus attrayantes sans l’intervention de l’équipe de développement.
Retour sur investissement limité issu de ressources numériques sous-utilisées et d’expériences client médiocres.
Améliore les taux de conversion et le retour sur investissement en transformant les ressources numériques statiques en expériences multimédias enrichies interactives qui attirent l’attention des acheteurs, encouragent l’exploration de produits et réduisent la dépendance à une production créative supplémentaire.

Circulation d’une ressource dans le système Dynamic Media dm-journey-c

Un workflow Dynamic Media type déplace une ressource à travers trois phases séquentielles : (1) Création, (2) Création/Chargement et (3) Optimisation et publication. Le résultat final est une seule ressource principale diffusée dynamiquement sur les canaux web, d’impression, d’e-mail, de bureau et mobiles à partir de serveurs Dynamic Media centralisés.

Circulation d’une ressource dans le système Dynamic Media.

1. Phase de création : production de la ressource principale

Le workflow commence à la phase de création, où l’objectif est de produire une ressource principale de haute qualité. Ces ressources principales proviennent généralement des éléments suivants :

Workflow Dynamic Media

  • Séances photo professionnelles
  • Fournisseurs de vidéos et partenaires de production
  • Fichiers audio produits pour le projet

Les applications Adobe Creative Suite prennent en charge cette étape, notamment Adobe InDesign, Adobe Photoshop et Adobe Illustrator, qui sont utilisées pour concevoir, retoucher et finaliser le contenu source avant qu’il n’entre dans le système Dynamic Media.

2. Phase de création : chargement dans Dynamic Media

Une fois la création terminée, la ressource finalisée est chargée dans la solution de création dans Dynamic Media. Au cours de cette phase, les paramètres d’image prédéfinis et visionneuses corrects sont configurés et alignés avec les différentes pages web du site, de sorte que chaque ressource s’affiche avec la taille, la qualité et le comportement interactif appropriés pour son emplacement prévu.

3. Phase de publication : optimisation et diffusion multicanal

Dans la phase finale, le contenu est optimisé et publié sur les serveurs Dynamic Media. Cette optimisation prépare la ressource pour une diffusion dynamique, ce qui permet de réutiliser efficacement un seul fichier maître sur chaque canal de sortie. Une fois publiée, la ressource peut être diffusée à :

  • Pages Web et sites réactifs
  • Impression production
  • Campagnes e-mail
  • Expériences Desktop
  • Mobile appareils

Ce modèle centralisé de publication unique et de diffusion en tout lieu garantit la cohérence visuelle sur l’ensemble des canaux tout en réduisant la nécessité de stocker et de gérer des rendus distincts pour chaque destination.

Chargement d’Assets dans Dynamic Media

Après avoir créé une ressource principale, chargez-la dans Dynamic Media. Le type, format et taille du fichier sont des attributs essentiels qui déterminent la manière dont Dynamic Media traite et diffuse la ressource. Au moment du chargement, veillez à extraire la valeur maximale du modèle prise en charge d’un fichier unique.

Par exemple, l’image de montre ci-dessous mesure 4 560 x 3 020 pixels. Même si vous n’avez jamais l’intention d’afficher une image de cette taille, vous devez toujours la charger à la résolution disponible la plus élevée. Plus l’image source est grande, meilleure est la qualité que Dynamic Media peut fournir pour chaque rendu (jusqu’à la plus petite miniature), car Dynamic Media peut sous-échantillonner un gabarit haute résolution sans introduire d’artefacts. Rappelez-vous ce principe clé : vous pouvez facilement diminuer la résolution d’une image existante, mais si vous tentez de augmenter la résolution d’une image basse résolution, les résultats ne sont pas satisfaisants et pixellisés.

Considérations relatives aux chargements de ressources

Formats recommandés pour le chargement dans Dynamic Media

Formats de fichiers recommandés : Adobe recommande de charger des ressources dans un format sans perte. Évitez de choisir ​​comme format source, car chaque fois que vous diffusez ou enregistrez un JPEG, la qualité de l’image se dégrade en raison de sa compression avec perte. Commencez plutôt par les images à la résolution la plus élevée dans un format sans perte. Les formats préférés sont généralement les suivants :

  • ​​(Format De Fichier Image Balisé)
  • PNG (Portable Network Graphics)

Considérations relatives aux espaces colorimétriques : lors de la planification de canaux numériques ou d’une diffusion web, l’espace colorimétrique par défaut est RGB (rouge, vert, bleu), ce qui correspond à la manière dont les écrans affichent les couleurs à l’aide de la lumière.

La plupart des utilisateurs n’envisagent pas de diffuser des ressources en CMJN (cyan, magenta, jaune, clé/noir) ni la raison pour laquelle ils devraient le faire. Le CMJN est l’espace colorimétrique standard pour les matériaux imprimés, car il correspond aux encres utilisées dans les presses offset et les presses d’impression numérique. Toutefois, Dynamic Media prend en charge la diffusion dans les deux espaces colorimétriques.

De nombreux clients dépendent toujours de la production d’impression, notamment :

  • Clubs-entrepôts production de catalogues membres
  • Épiceries impression de prospectus et de circulaires hebdomadaires

Ces clients ont besoin de leurs images dans RGB et CMJN. Traditionnellement, répondre à cette exigence impliquait de conserver deux fichiers distincts : une version RGB et une version CMJN. Toutefois, avec Dynamic Media, vous pouvez charger directement des ressources CMJN. Dynamic Media diffusera alors automatiquement des ressources RGB par le biais d’un paramètre d’image prédéfini ou d’un profil de couleurs. Il n’est ainsi plus nécessaire de créer et de gérer plusieurs versions d’un même fichier, ce qui préserve le principe de base selon lequel un fichier de ressource principal avec plusieurs options de diffusion est nécessaire.

Publication et prévisualisation de ressources

Publication de ressources dans Dynamic Media

Une fois les ressources chargées dans Dynamic Media, publiez-les afin qu’elles puissent être diffusées dans toute expérience destinée aux clients. Pour publier manuellement :

  1. Sélectionnez les ressources chargées dans Dynamic Media.
  2. Cliquez sur Publier ou Publication rapide.

La publication est obligatoire lorsque vous envisagez d’utiliser des ressources dans n’importe quelle expérience, car les ressources dépubliées ne sont pas diffusées via la couche de diffusion de Dynamic Media et ne peuvent donc pas être référencées à partir d’une page web active. Une fois les ressources publiées, elles peuvent être incluses dans une page web de deux manières :

  • Copiez l’URL générée par Dynamic Media et référencez-la directement.
  • Copiez le code intégré et collez-le dans le balisage de la page.

Publication automatique au chargement

Au-delà du workflow manuel, Dynamic Media prend en charge la publication automatique. Vous pouvez configurer Dynamic Media pour publier instantanément les ressources au moment du chargement, sans intervention de l’utilisateur. Cela élimine l’étape de publication manuelle et raccourcit le temps entre l’ingestion d’une nouvelle ressource et sa mise à disposition pour la diffusion web.

Aperçu des rendus de ressources

Après le chargement, Dynamic Media offre plusieurs façons de prévisualiser les rendus d’une ressource. L’aperçu vous montre ce qu’un client voit avant l’incorporation de la ressource dans la production, ce qui permet de valider le recadrage, le dimensionnement, le comportement de la visionneuse et la qualité visuelle globale.

Prévisualisation avec un paramètre d’image prédéfini

Une méthode d’aperçu courante utilise paramètres d’image prédéfinis :

  1. Sélectionnez une ressource dans Dynamic Media.
  2. Ouvrez ses Rendus.
  3. Choisissez un paramètre d’image prédéfini (par exemple, « Grand »).

Le chemin d’URL qui en résulte contient le nom du paramètre d’image prédéfini (par exemple, « Grand ») et correspond à l’URL que vous utilisez dans une page web.

Prévisualisation d’un rendu d’une ressource en fonction du paramètre d’image prédéfini Grande
Prévisualisation d’un rendu d’une ressource en fonction du paramètre d’image prédéfini « Grand » sélectionné. Le chemin d’URL qui en résulte contient le nom du paramètre d’image prédéfini « Grand » et est utilisé dans une page web.

L’URL ci-dessus est en ligne ! Faites un essai.

Aperçu avec un paramètre prédéfini de visionneuse

Une autre méthode de prévisualisation d’une ressource utilise des paramètres prédéfinis de visionneuse, qui effectuent le rendu de la ressource dans une visionneuse HTML5 interactive :

  1. Sélectionnez la ressource image.
  2. Choisissez un paramètre prédéfini Visionneuses (par exemple, « ZoomVertical_light »).
  3. Utilisez les boutons URL et Incorporer pour copier l’URL de diffusion ou le fragment de code intégré.

Prévisualisation d’une ressource en fonction du paramètre prédéfini Zoom de la visionneuse Lumière verticale
Prévisualisation d’une ressource en fonction du paramètre prédéfini de visionneuse « ZoomVertical_light » sélectionné. Le pointeur de la souris (+) a été déplacé sur la montre pour effectuer un zoom avant. Remarquez les boutons URL et Incorporer.

Le rendu ci-dessus est en ligne ! Faites un essai.

Facultatif - En savoir plus

La première partie de cette documentation couvrait les principes de base de Dynamic Media dans Adobe Experience Manager, une fonctionnalité conçue pour diffuser des médias riches réactifs et interactifs, notamment des images, des visionneuses et des vidéos, sur des canaux web, mobiles et connectés. Pour mieux comprendre les concepts introduits dans la partie I, utilisez les ressources sélectionnées ci-dessous. Ces documents supplémentaires développent les détails techniques des workflows Dynamic Media, de la configuration et des modèles de diffusion. Dans le cas contraire, reportez-vous à la deuxième partie de cette documentation. Consultez Étapes suivantes de ce Parcours Dynamic Media.

Tutoriels Dynamic Media

  • Utilisation de Dynamic Media avec Experience Manager Assets : vidéos de présentation et procédures pas à pas guidées qui montrent comment activer, configurer et appliquer les fonctionnalités Dynamic Media directement dans Adobe Experience Manager Assets, y compris l’ingestion de ressources, les paramètres d’image prédéfinis et la diffusion dynamique.
  • Bibliothèque de contenu ​ (recherchez Dynamic Media) — un centre de formation Experience League plus large où vous pouvez filtrer les tutoriels, cours et articles recommandés en recherchant Dynamic Media pour trouver des parcours de formation basés sur les rôles pour les administrateurs, les développeurs et les spécialistes marketing.

Visionneuses Dynamic Media

  • Démonstrations en direct de chaque visionneuse : démonstrations interactives de travail de chaque type de visionneuse Dynamic Media (par exemple, visionneuses de zoom, de rotation, vidéo et carrousel), utiles pour évaluer l’apparence de la visionneuse, l’interaction de l’utilisateur et le comportement avant de les implémenter sur des sites de production.

Étapes suivantes de cette documentation Dynamic Media whats-next

La deuxième partie de cette documentation poursuit le parcours Dynamic Media en mettant davantage l’accent sur la diffusion de ressources et les expériences de visionneuse multi-ressources. Plus précisément, la partie II couvre :

  • URL Dynamic Media : examen approfondi de la structure et des paramètres des URL afin que vous compreniez exactement ce qui se passe en arrière-plan lorsqu’une ressource est demandée et diffusée.
  • Paramètres d’image prédéfinis : principes de base de la création de paramètres prédéfinis qui effectuent le rendu dynamique des ressources à la taille, au format et à la qualité requis par chaque contexte de diffusion.
  • Visionneuses d’images : comment créer des visionneuses qui permettent aux utilisateurs d’afficher un produit ou une ressource sous plusieurs angles ou variations au sein d’une seule visionneuse interactive.
  • Visionneuses à 360° : assemblage de séquences d’images produisant une expérience de visionnage par rotation à 360 degrés.
  • Visionneuses de médias mixtes : combiner différents types de ressources (images, visionneuses à 360° et vidéos, par exemple) dans une visionneuse unifiée.

Ensemble, ces rubriques s’appuient directement sur les concepts de base introduits dans la première partie et vous préparent à configurer des expériences Dynamic Media plus riches et plus interactives.

Passez à Dynamic Media : principes de base, deuxième partie.

recommendation-more-help
experience-manager-cloud-service-help-main-toc