[AEM Assets]{class="badge positive" title="Si applica ad AEM Assets)."}

Percorso Dynamic Media: Nozioni Di Base, Parte I dm-journey-part1

NOTE

Questa guida introduce Dynamic Media su Adobe Experience Manager, spiegando come funziona il sistema, le funzionalità di base che offre e come accelera la creazione, la gestione e la distribuzione di rich visual media tra canali web, mobili e di marketing. Dynamic Media consente alle organizzazioni di distribuire immagini e video interattivi, reattivi e on-demand da un’unica risorsa principale, riducendo il sovraccarico di produzione e migliorando l’esperienza del cliente in ogni punto di contatto.

Prerequisiti

Prima di iniziare questo percorso, i lettori possono acquisire familiarità con le seguenti aree, perché Dynamic Media interagisce direttamente con questi formati, tecnologie e flussi di lavoro di progettazione:

  • Comprensione di base dei formati immagine e video, necessaria perché Dynamic Media acquisisce, trasforma e fornisce risorse in diverse codifiche.
  • Nozioni di base su HTML (HyperText Markup Language) e CSS (Cascading Style Sheets): utili per incorporare e formattare le consegne di Dynamic Media nelle pagine Web.
  • Comprensione di base degli strumenti di progettazione come Adobe Illustrator, Adobe Photoshop e Adobe XD, utile perché le risorse di origine per Dynamic Media vengono generalmente prodotte in queste applicazioni.
  • L’accesso a Dynamic Media in Adobe Experience Manager è utile, ma non è necessario che lo segua concettualmente.

Informazioni utili

Parte I

  • Che cos’è Dynamic Media e come supporta la distribuzione scalabile e ad alte prestazioni di rich media.
  • Casi d’uso pratici per Dynamic Media, tra cui immagini reattive, video interattivi, 360° giri di prodotto ed esperienze visive personalizzate per eCommerce e marketing.
  • Flusso di una risorsa nel sistema Dynamic Media, dall’acquisizione alla distribuzione all’utente finale.

Parte II

  • Anatomia di un URL (Uniform Resource Locator) di Dynamic Media e del modo in cui Dynamic Media distribuisce contenuti su richiesta tramite il server immagini.
  • Nozioni di base sulla creazione di predefiniti immagine per eseguire il rendering delle risorse con le dimensioni, i formati e le impostazioni di qualità richiesti.
  • Set di immagini (raccolte di immagini di prodotti correlati per visualizzazioni alternative), set 360° (sequenze di immagini che creano una visualizzazione a 360° di un prodotto) e set di file multimediali diversi (combinazioni di immagini, video e set 360° in un unico visualizzatore interattivo).

Pubblico

Questo percorso è progettato per i seguenti ruoli nuovi di Dynamic Media in Adobe Experience Manager:

  • Amministratore
  • Analista aziendale
  • Architetto dei contenuti
  • Autore del contenuto
  • Designer
  • Sviluppatore
  • Marketer
  • Product Manager/Lead
TIP
Per ottenere risultati ottimali, Adobe consiglia di leggere e visualizzare questa documentazione di Dynamic Media su un computer desktop, in quanto gli esempi visivi, i visualizzatori interattivi e gli esempi di codice vengono visualizzati più chiaramente su uno schermo più grande.

Cos’è Dynamic Media e come può esserti utile? dm-journey-a

Dynamic Media è una soluzione Adobe che consente ai brand e agli addetti al marketing di offrire risorse di marketing e merchandising visive avanzate su richiesta. Lavorando da un set di risorse di origine primarie, ad esempio immagini, video e 3D, Dynamic Media genera e distribuisce più varianti di questo rich content in tempo reale attraverso la sua rete CDN (Content Delivery Network) globale, scalabile e ottimizzata per le prestazioni.

Funzionalità principali

Dynamic Media crea e fornisce esperienze di visualizzazione interattiva, tra cui:

  • Zoom: visualizzazione ravvicinata ad alta risoluzione delle immagini del prodotto
  • Rotazione a 360 gradi: visualizzazioni di prodotto rotazionali che consentono agli acquirenti di esaminare un elemento da ogni angolazione
  • Video: contenuti multimediali in streaming distribuiti insieme a risorse statiche

Assets viene ridimensionato in modo dinamico per il consumo in siti web, mobili e social. Poiché il rendering avviene in tempo reale sulla rete CDN, è possibile riutilizzare una singola risorsa principale su ogni canale e dimensione del dispositivo, eliminando la necessità di produrre e archiviare manualmente versioni separate per ogni destinazione. Questo riduce il sovraccarico di produzione e garantisce un’esperienza del marchio coerente ovunque i clienti incontrino i contenuti.

Integrazione con Adobe Experience Manager Assets

Dynamic Media incorpora i flussi di lavoro della soluzione Adobe Experience Manager Assets Digital Asset Management (DAM) per semplificare e semplificare il processo di gestione delle campagne digitali. Questa integrazione consente ai team creativi, di marketing e di merchandising di gestire file sorgente, approvazioni, metadati e consegne da un ambiente unificato, collegando la governance delle risorse direttamente alla distribuzione omnicanale.

Un file con più opzioni di consegna

Adobe Dynamic Media opera in base a un principio di base singolo: un file di risorse principale, più opzioni di consegna. Invece di duplicare e rieseguire manualmente il controllo delle versioni dei supporti per ogni canale, dispositivo o pagina Web, Dynamic Media memorizza una singola risorsa principale e genera ogni rendering su richiesta da tale origine.

Per comprendere l’importanza di questo aspetto, considera il flusso di lavoro tradizionale per una singola risorsa, ad esempio un’immagine o un video. In genere i team creano una risorsa principale e quindi producono manualmente le versioni della stessa risorsa per ogni esperienza, dispositivo di destinazione, pagina web e proprietà in cui la risorsa viene visualizzata. Nel tempo, quella singola risorsa può saltare a 20, 30 o più versioni, spesso senza allegare alcuna cronologia delle versioni. Ora è possibile moltiplicare questo sforzo per ogni immagine e video di una libreria. Il volume delle varianti di asset diventa enorme da mantenere e aggiornare e i costi di storage aumentano di conseguenza.

Differenze tra Dynamic Media

Dynamic Media è fondamentalmente diverso dai sistemi tradizionali perché gli addetti al marketing e gli sviluppatori utilizzano Dynamic Media per distribuire in modo dinamico contenuti multimediali da risorse singole primarie tramite chiamate URL. I percorsi URL di Dynamic Media richiesti da un client contengono istruzioni incorporate che indicano al server di pubblicazione di Adobe come visualizzare la risorsa quando viene distribuita sullo schermo di un cliente. Di conseguenza, la stessa risorsa principale può essere consegnata immediatamente in rappresentazioni illimitate, con varianti rapide come:

  • Dimensioni: dimensioni personalizzate in base al layout di destinazione o al punto di interruzione
  • Formato: formato immagine o video ottimizzato per il client richiedente
  • Risoluzione: densità di pixel corrispondente alla visualizzazione

Ciò significa che i team non dovranno più pregenerare e memorizzare tutte le varianti possibili. L’URL definisce invece la rappresentazione, che viene generata in tempo reale dal server.

Qualità costante su ogni schermo e larghezza di banda

Questo metodo di distribuzione garantisce che Adobe Dynamic Media invii esperienze coerenti e di alta qualità a qualsiasi schermo, indipendentemente dalle dimensioni o dalla larghezza di banda. Dynamic Media ottimizza inoltre i video full-size per tutti i tipi di schermo e li trasmette in streaming in modo adattivo, regolando la qualità in base alla connessione del visualizzatore per preservare un’esperienza utente fluida e ininterrotta.

Adobe Dynamic Media fornisce la stessa immagine primaria a supporti diversi in formati e dimensioni diversi
Adobe Dynamic Media garantisce che le esperienze di qualità e coerenza vengano distribuite a qualsiasi schermo, indipendentemente dalle dimensioni o dalla larghezza di banda.

Perché è importante “una risorsa principale, più opzioni di consegna”

Il consolidamento su un’unica risorsa principale produce diversi vantaggi pratici che derivano direttamente dal modello:

  • Minore spazio di archiviazione: un file di origine sostituisce decine di varianti prodotte manualmente.
  • Iterazione più rapida: l’aggiornamento della risorsa principale propaga automaticamente le modifiche in ogni rappresentazione a valle.
  • Esperienza del brand coerente: ogni dispositivo e canale viene fornito dalla stessa origine autorevole, eliminando la deriva tra le versioni.
  • Governance semplificata: un’unica fonte di verità è più facile da monitorare, controllare e aggiornare rispetto a una raccolta ininterrotta di copie ad hoc.

Come spiegato nelle sezioni seguenti, questo concetto di “un file di risorse principale, più opzioni di consegna” è la base per il modo in cui Dynamic Media scala la distribuzione dei contenuti multimediali in modo efficiente tra esperienze web, mobili e connesse.

La rete per la distribuzione dei contenuti

Quando sei pronto per andare live con un’immagine o una risorsa video, la spina dorsale di Dynamic Media, una potente rete di distribuzione top-tier che serve centinaia di clienti in tutto il mondo ogni giorno, la supporta. Dynamic Media distribuisce le risorse in una rete CDN (Content Delivery Network) ospitata da Akamai. La rete CDN è una rete distribuita di server perimetrali che collaborano perfettamente per distribuire contenuti, in particolare file rich media di grandi dimensioni, agli utenti finali di tutto il mondo.

Funzionamento della rete CDN

Il contenuto web viene memorizzato in cache web posizionate su Internet, quindi distribuito direttamente dalla cache più vicina agli utenti finali per una distribuzione più rapida. Il processo funziona come segue:

  1. Prima richiesta: Quando un utente scarica una pagina Web per la prima volta, le risorse vengono recapitate in una cache CDN in tale area geografica.
  2. Archiviazione cache: tali risorse sono archiviate nel server perimetrale locale.
  3. Richieste successive: Al successivo accesso alla pagina da parte di un utente nella stessa area, il contenuto della cache viene distribuito dal server locale anziché dall’origine.

I contenuti arrivano più rapidamente perché sono fisicamente più vicini all’utente, riducendo la latenza della rete e il tempo di andata e ritorno. Questo è il meccanismo di base che rende le CDN più veloci della distribuzione tradizionale a origine singola.

Vantaggi per utenti finali e aziende

Una rete CDN offre vantaggi misurabili:

  • Visualizzazione più veloce della pagina Web tramite memorizzazione in cache geograficamente vicina
  • Richiesta ridotta di larghezza di banda nel server centrale, perché il contenuto viene distribuito dalla rete della cache anziché dall’origine di ogni richiesta
  • Esperienza utente migliorata, grazie a una latenza inferiore e a un rendering delle risorse più rapido
  • Aumento delle vendite, in quanto il flusso di consegna ottimizzato mantiene i visitatori coinvolti anziché persi per rallentare i tempi di caricamento

Prestazioni e scalabilità

Operando su vasta scala globale, la rete CDN offre storicamente:

  • 3,5 petabyte di traffico verso i clienti ogni mese
  • 52 miliardi di risorse in un solo giorno
  • 864.000 immagini e video consegnati ai clienti ogni secondo

Queste cifre illustrano il throughput e l’affidabilità che la rete CDN di Dynamic Media, supportata da Akamai, offre alla distribuzione di contenuti rich media.

Imaging avanzato

Dynamic Media ottimizza già le risorse e assicura che ogni risorsa venga caricata rapidamente su sistemi mobili e desktop utilizzando una rete CDN (Content Delivery Network). Per ottenere questo risultato, Dynamic Media utilizza predefiniti immagine per definire la qualità dell’immagine. I predefiniti per immagini definiscono anche il tipo di immagine che stai inviando, la sua nitidezza e altri parametri di rendering per diverse parti delle esperienze o delle pagine.

Tuttavia, per aggiungere valore a Dynamic Media oltre ai predefiniti immagine, è disponibile Smart Imaging.

La tecnologia Smart Imaging offre un miglioramento delle prestazioni dal 22% al 47% rispetto alla distribuzione standard di Dynamic Media, in base alle impostazioni esistenti per i predefiniti immagine e alle caratteristiche specifiche dell’utente finale, il tutto mantenendo la qualità dell’immagine come se la risorsa non fosse mai stata toccata.

Funzionamento dell’imaging avanzato

La tecnologia Smart Imaging offre prestazioni ancora migliori per la consegna delle risorse di immagini, ottimizzando automaticamente il formato e la dimensione file di un’immagine in base alla funzionalità browser di un cliente. Funziona con i predefiniti immagine esistenti (i predefiniti immagine sono descritti nella Parte II di questo percorso) e applica l’intelligenza al momento della consegna.

Questa intelligenza riduce ulteriormente le dimensioni del file di immagine in base al browser e alla velocità di connessione di rete. In breve, Smart Imaging ottimizza automaticamente il formato e le dimensioni dei file di un’immagine in base alla capacità del browser e alla velocità di rete del cliente, adattando ogni consegna alle specifiche condizioni di visualizzazione.

Prestazioni e impatto aziendale

Poiché le risorse di immagini rappresentano la maggior parte del tempo di caricamento di una pagina, il miglioramento delle prestazioni prodotto da Smart Imaging influenza direttamente diversi indicatori aziendali chiave. Una distribuzione più rapida delle immagini consente di:

  • Tassi di conversione più elevati
  • tempo trascorso sul sito aumentato
  • Abbassa la percentuale di mancato recapito del sito

La catena causale è semplice: immagini più piccole e ottimizzate vengono caricate più rapidamente, pagine più veloci creano esperienze utente più fluide e esperienze più fluide si traducono in un coinvolgimento più forte e risultati di profitto.

Come abilitare Smart Imaging

Imaging avanzato

Il supporto tecnico per Dynamic Media di Adobe non attiva l’imaging avanzato per impostazione predefinita perché richiede uno sforzo coordinato. L’attivazione della tecnologia Smart Imaging richiede anche la cancellazione completa della cache CDN, che viene quindi riempita nuovamente nel tempo; questo assicura che le varianti di immagine precedentemente memorizzate nella cache e non ottimizzate vengano sostituite con le consegne appena ottimizzate.

Per utilizzare Smart Imaging, effettua le seguenti operazioni:

  1. Invia un ticket di supporto tecnico al supporto tecnico Adobe Dynamic Media.
  2. Ricevi un parametro URL dal supporto tecnico che ti consente di visualizzare l’anteprima del comportamento di Smart Imaging prima dell’attivazione completa.
  3. Esegui il test su qualsiasi pagina Web o immagine per misurare i miglioramenti delle prestazioni e i risparmi in termini di dimensioni dei file sul tuo contenuto.
  4. Richiedi l’attivazione completa in modo che Smart Imaging sia attivato per l’intero sito.

Questo approccio di verifica e attivazione consente di convalidare il miglioramento delle prestazioni previsto tra il 22% e il 47% rispetto a specifici predefiniti e tipi di pubblico prima di eseguire il rollout a livello di sito.

Set video adattivi

Un set di video adattivi raggruppa più versioni codificate dello stesso video sorgente, ognuna con rendering a una frequenza di bit e un formato 0} diversi, in modo che il file ottimale possa essere consegnato a qualsiasi dispositivo in qualsiasi condizione di rete. Questa è la soluzione di Dynamic Media per lo streaming video fluido tra telefoni, tablet e desktop senza che l’editore debba gestire manualmente la codifica, il dimensionamento o la logica di consegna.

Perché la distribuzione dei video è complessa

Quando una pagina contiene dei video, in genere i clienti si impegnano con quei contenuti più a lungo e rimangono sulla pagina più a lungo, un modello di comportamento che Adobe ha osservato tramite le proprie analisi. Per catturare questo impegno, tuttavia, è necessario risolvere diversi problemi tecnici contemporaneamente:

  • Il file di origine primario è di grandi dimensioni, spesso troppo pesante per essere utilizzato direttamente.
  • Il lettore deve decidere come ridimensionare, codificare e distribuire il video in modo che la riproduzione sia fluida.
  • La riproduzione deve rimanere affidabile indipendentemente dal dispositivo del visualizzatore o dalla larghezza di banda disponibile.

Dynamic Media affronta queste sfide generando e distribuendo un set video adattivo al posto di un singolo file statico.

Funzionamento dei set video adattivi

  1. Carica il video principale. Inizia con il file sorgente originale di alta qualità e caricalo nel sistema.
  2. Trascodifica automatica. Dynamic Media ridimensiona automaticamente, o trascodifica, l’origine in più video derivati, ciascuno codificato con una risoluzione e una velocità bit diverse ottimizzate per una classe specifica di dispositivo o velocità di connessione.
  3. Consegna intelligente al momento della richiesta. Quando un visualizzatore richiede il video, Dynamic Media determina la versione codificata, il livello di qualità e il formato da distribuire, quindi lo trasmette al telefono, al tablet o al computer desktop.

Ad esempio, su un dispositivo mobile iOS, Dynamic Media rileva se la connessione è 4G, 5G o Wi-Fi. In base a tale segnale, seleziona automaticamente il video codificato appropriato dai vari bit rate all’interno del set video adattivo e lo invia al dispositivo.

Commutazione automatica della qualità

I set video adattivi rispondono continuamente alle condizioni di visualizzazione:

  • Fluttuazioni di rete: quando le condizioni di rete cambiano a metà riproduzione, il lettore passa automaticamente a una versione codificata diversa all’interno del set. In questo modo la riproduzione continua e si riducono le interruzioni causate da cadute della larghezza di banda.
  • Visualizzazione a schermo intero sul desktop: Quando un cliente entra in modalità a schermo intero, il set di video adattivi risponde fornendo una codifica ad alta risoluzione, migliorando l’esperienza di visualizzazione a una dimensione di visualizzazione più grande.

Vantaggi principali

L’utilizzo di set video adattivi offre:

  • Riproduzione fluida e di alta qualità per i clienti che guardano video Dynamic Media su più schermi e dispositivi.
  • Gestione video semplificata, poiché un unico caricamento di origine viene automaticamente transcodificato in ogni versione necessaria, eliminando la necessità di creare, archiviare e indirizzare manualmente file separati per ogni dispositivo o scenario di larghezza di banda.
  • Esperienza del visualizzatore coerente, poiché lo stesso set di video adattivi si adatta immediatamente alla funzionalità del dispositivo, al tipo di connessione e al contesto di riproduzione.

Casi d’uso per Dynamic Media dm-journey-b

Di seguito sono riportati i problemi e le soluzioni comuni relativi ai casi d’uso risolti da Dynamic Media per favorire il coinvolgimento, la fidelizzazione, la conversione e l’aumento del ROI (Return on Investment).

Dynamic Media affronta le sfide ricorrenti affrontate dai team di marketing, e-commerce ed esperienza digitale che devono fornire contenuti visivi avanzati su larga scala attraverso ogni dispositivo, canale e segmento di pubblico. Centralizzando la produzione e la distribuzione di immagini, video e contenuti multimediali interattivi, Dynamic Media riduce il sovraccarico di produzione manuale, velocizza il time-to-market e assicura che i clienti vedano la giusta esperienza visiva nel contesto giusto, il che a sua volta rafforza il coinvolgimento e aumenta i tassi di conversione.

Casi d’uso comuni per gli elementi multimediali dinamici

  • Immagini reattive ottimizzate per il dispositivo: distribuisce automaticamente le immagini ridimensionate, ritagliate e compresse per il dispositivo e il riquadro di visualizzazione richiesti. Questo elimina la necessità di produrre e archiviare più rappresentazioni manuali, migliora le prestazioni di caricamento delle pagine e crea un’esperienza visiva coerente su desktop, tablet e dispositivi mobili.
  • Consegna e streaming di video on-demand: codifica, hosting e streaming adattivo di video tra canali senza piattaforme video di terze parti. La distribuzione di bitrate adattivo garantisce una riproduzione fluida in varie condizioni di rete, il che supporta tassi di watch-through più elevati e una narrazione più ricca dei prodotti.
  • Visualizzatori interattivi ed esperienze rich media: forniscono zoom, rotazione a 360 gradi, set di immagini, caroselli e visualizzatori con hotspot che consentono agli acquirenti di esaminare i prodotti in dettaglio. Le esperienze interattive aumentano il coinvolgimento e riducono le esitazioni di acquisto, contribuendo direttamente a una conversione più elevata.
  • Ritaglio avanzato e imaging basato sull’intelligenza artificiale: utilizza il ritaglio intelligente per mantenere il soggetto di un’immagine centrato su ogni proporzione e canale. In questo modo si eliminano le operazioni manuali ripetitive di editing e si mantengono gli effetti visivi del merchandising su larga scala.
  • Esperienze visive personalizzate e contestuali — Distribuisci varianti della stessa risorsa — colori, lingue, sovrapposizioni di prezzo o messaggi promozionali diversi — da un singolo file principale. Personalization a livello di risorsa aumenta la rilevanza per ogni segmento di pubblico e supporta la fedeltà facendo sì che le esperienze si sentano personalizzate.
  • Consegna omnicanale coerente: pubblicazione singola e distribuzione ovunque: web, app mobili, e-mail, social, schermi in-store e marketplace. Un’unica fonte di verità per i media impedisce incoerenze che erodono la fiducia del brand.
  • Time-to-market più rapido per le campagne: riutilizza le risorse principali con parametri dinamici anziché riprenderle o modificarle per ogni campagna. I team di marketing possono lanciare, iterare e localizzare le campagne più rapidamente, sostenendo lo slancio e migliorando il ROI delle campagne.

Ciascuno di questi casi d’uso collega un problema concreto di produzione o consegna a un risultato commerciale misurabile: riduzione dei costi operativi, cicli di lancio più rapidi, maggiore coinvolgimento dei clienti, maggiore conversione e maggiore fedeltà a lungo termine.

Caso d’uso: approccio basato su file primario

Il problema di spessore della pagina

Circa il 90% del peso di una pagina Web tipica proviene da rich media: immagini e file video spesso molto più pesanti di altri componenti della pagina. Il restante 10% è HTML, codice CSS e tag specifici. La riduzione del peso della pagina e delle dimensioni del contenuto, sia per un’immagine che per un video, è uno dei casi d’uso più importanti e più ovvi per Dynamic Media. Pagine più leggere si caricano più velocemente, hanno prestazioni migliori sulle reti mobili e forniscono un’esperienza più fluida tra i dispositivi, contribuendo a risultati di coinvolgimento e conversione più forti.

Spessore pagina contenuto
Peso pagina contenuto di una pagina Web tipica.

Poiché i contenuti rich media dominano il peso delle pagine, ottimizzando questo 90% è il punto su cui Dynamic Media si concentra. Il concetto di base è un file di risorse primario con più opzioni di consegna e questo approccio è fondamentale per ridurre il peso complessivo della pagina.

L’approccio basato su file primario singolo

Una singola risorsa primaria può alimentare più superfici contemporaneamente. Ad esempio, un’immagine del prodotto può essere riutilizzata il:

  • Pagina dei dettagli del prodotto
  • Una pagina di miniatura
  • Il carrello
  • Griglia di ricerca

Approccio file primario
L’orologio è un file di risorse principale, ma con più copie trasformate, non copie, create al volo.

Questo riutilizzo è altamente efficiente e garantisce la coerenza visiva in ogni esperienza in cui la risorsa viene visualizzata.

Problemi risolti da Dynamic Media con l’approccio a file singolo

Problema
Soluzione Dynamic Media
Crea e archivia ogni risorsa.
Utilizza un singolo file di immagine, creando automaticamente le rappresentazioni richieste solo al momento della consegna.
Costi di storage elevati.
Elimina la necessità di creare e archiviare più copie di una risorsa.
Difficoltà a mantenere la catena di custodia.
Garantisce la distribuzione di esperienze coerenti e ottimizzate per i dispositivi.
Nessuna cronologia delle versioni.
Mantiene un’unica origine di verità, in modo che ogni rappresentazione ripercorra un’unica risorsa principale e gli aggiornamenti si propaghino ovunque venga utilizzata.
Esperienze del brand non coerenti tra i dispositivi.
Fornisce copie trasformate ottimizzate per i dispositivi da un file master, garantendo lo stesso aspetto del brand su schermi, risoluzioni e fattori di forma.
Costi non necessari per la creazione di risorse duplicate.
Genera varianti in modo dinamico alla consegna, eliminando la necessità di commissionare, approvare e archiviare duplicati della stessa risorsa.

Perché la duplicazione delle risorse genera costi nascosti

Quando i team creano una risorsa separata per ogni tipo di esperienza, in genere un’immagine iniziale diventa 20, 30 o 40 varianti memorizzate, ognuna delle quali deve essere pagata e gestita. I team devono quindi assicurarsi che in ogni contesto venga utilizzata l’immagine corretta, il che influisce direttamente sulla coerenza del brand. Quando non è possibile individuare un’immagine, i team finiscono per duplicare nuovamente le risorse, con un conseguente aumento dei costi di storage e coordinamento.

Vantaggi dell’approccio basato su un solo file

Dynamic Media crea in modo dinamico varianti di immagini da quella immagine iniziale. I team di Creative possono lavorare in modo flessibile con la risorsa principale senza doversi coordinare ripetutamente con il team di progettazione grafica o con lo studio fotografico per generare contenuti aggiuntivi. Ciò riduce direttamente i costi di produzione e riduce i tempi di commercializzazione, poiché le copie trasformate vengono prodotte su richiesta anziché precostruite e immagazzinate.

Con l’approccio a un file, un singolo file principale alimenta ogni versione a valle. Le rappresentazioni necessarie per siti, proprietà ed esperienze dei clienti vengono generate solo nel momento in cui vengono consegnate a un cliente. Questa efficienza riduce notevolmente l’ingombro di storage richiesto per le risorse e la complessità complessiva del flusso di lavoro. Il sistema di distribuzione di Dynamic Media garantisce che ogni immagine e video sia ottimizzato, caricato rapidamente e di grande impatto su tutti gli schermi e i dispositivi.

Caso d’uso: video

Dynamic Media si rivolge a uno dei tipi di risorse più esigenti di Digital Commerce: video. Le risorse video sono intrinsecamente complesse da gestire, archiviare e distribuire a causa delle loro grandi dimensioni di file, dei requisiti in più formati e della necessità di eseguire il rendering in modo fluido su un’ampia gamma di dispositivi, risoluzioni dello schermo e condizioni di rete. Senza una pipeline automatizzata, i team di solito devono affrontare la transcodifica manuale, una qualità di riproduzione incoerente e tempi di caricamento lenti, che influiscono direttamente sulla percezione e sulla conversione del brand.

Problema
Soluzione Dynamic Media
È difficile gestire e distribuire video ottimizzati per vari dispositivi.
Utilizza un video principale singolo che ridimensiona e riformatta automaticamente tutti i dispositivi, le risoluzioni dello schermo e gli orientamenti.
I video si interrompono o vengono riprodotti in bassa qualità a causa della larghezza di banda disponibile dell’utente.
Distribuisci video tramite un lettore HTML5 che rileva automaticamente la larghezza di banda disponibile e adatta dinamicamente la qualità del flusso (streaming con bitrate adattivo) per garantire un’alta fedeltà e una riproduzione fluida e ininterrotta.
Non è possibile creare manualmente tutte le versioni di un video in modo da garantirne una buona visualizzazione e riproduzione su tutti i dispositivi.
Eliminare le ore di noioso lavoro di transcodifica, il processo di conversione di un video sorgente in più formati e risoluzioni codificati, con un flusso di lavoro semplificato e automatizzato.
Liberate la capacità del team per attività creative e strategiche di alto valore, poiché i team di produzione non devono più produrre a mano rappresentazioni specifiche per i dispositivi.

I clienti arrivano a Dynamic Media con i seguenti problemi che sperano di risolvere:

“La mia azienda ha il video, ma ha evitato di distribuirlo. I test hanno mostrato che la qualità video era incoerente. Questo influisce sul marchio e sulla conversione.”

Una riproduzione incoerente erode la fiducia degli utenti e aumenta le percentuali di mancato recapito, perché i visitatori interpretano un video in stallo o di bassa qualità come un segnale di qualità scadente del prodotto o del marchio. La soluzione di Dynamic Media è quella di prendere quel file video principale e consentire a Dynamic Media di generare tutte le dimensioni e le codifiche richieste tramite il suo processo automatizzato di transcodifica. Tale output viene quindi associato al lettore video intelligente di Dynamic Media, che seleziona il rendering ottimale in tempo reale in base al dispositivo e alla connessione.

Di conseguenza, questo flusso di lavoro garantisce una riproduzione coerente e di alta qualità ovunque venga visualizzato il video, che si trovi nella pagina di destinazione principale, in una pagina di categoria o in una pagina di dettaglio del prodotto, contribuendo a preservare l’integrità del brand e a supportare prestazioni di conversione più elevate nel percorso di clienti.

Di seguito sono riportati diversi altri casi d’uso da considerare.

Caso d’uso: un’unica fonte di verità

Problema
Soluzione Dynamic Media
Risorse digitali distribuite in tutta l’organizzazione, in silos in diversi team o business unit.
Archivia e gestisci tutte le risorse digitali in un archivio centrale, dando a ogni team un’origine autorevole.
I membri del team scaricano e creano versioni locali.
I membri del team lavorano da un file principale per creare e per distribuire tutte le versioni necessarie tra le dimensioni dello schermo e i dispositivi.
Risorse monouso create per ogni esperienza e dispositivo.
Elimina le risorse monouso, riducendo il lavoro di produzione duplicato e i tempi e i costi di creazione.

Caso di utilizzo: ritaglio avanzato basato sull’intelligenza artificiale per rich media

Problema
Soluzione Dynamic Media
Lungo e laborioso ritagliare, ridimensionare e riinquadrare manualmente immagini o video per evidenziare il punto focale e visualizzarli in modo appropriato su tutti i dispositivi e le dimensioni dello schermo.
Utilizza Ritaglio avanzato in Dynamic Media, una funzionalità di intelligenza artificiale (AI) di Adobe, per identificare automaticamente il punto focale, il soggetto visivo o il punto di interesse, in qualsiasi immagine o video, quindi ritaglia in modo intelligente intorno a esso per mantenere lo stato attivo in ogni rappresentazione.
Tempo perso che potrebbe essere impiegato meglio per creare esperienze ad alto impatto.
Acquisisce il punto di interesse desiderato indipendentemente dalle dimensioni dello schermo, in modo che i team creativi possano indirizzare gli sforzi verso la progettazione di campagne di forte impatto anziché riformattare le risorse.
Risorse monouso create per ogni esperienza e dispositivo.
Elimina il lavoro di produzione manuale ripetitivo offrendo immagini e video di alta qualità e a caricamento rapido che supportano un coinvolgimento e una conversione più forti, con rendering nitido e coerente su desktop, tablet, telefoni cellulari e altre dimensioni di schermo.

Caso di utilizzo: authoring di contenuti multimediali interattivi

Problema
Soluzione Dynamic Media
Esperienze cliente piatte e statiche che non coinvolgono il pubblico, non creano fedeltà o non favoriscono la conversione.
Consente agli utenti non tecnici di aggiungere facilmente e senza problemi elementi interattivi come punti attivi, caroselli e set 360 gradi, producendo esperienze di acquisto e navigazione più dinamiche e coinvolgenti senza il coinvolgimento degli sviluppatori.
Utile sul capitale investito limitato da risorse digitali inutilizzate e da esperienze cliente poco brillanti.
Aumenta i tassi di conversione e aumenta il ritorno sugli investimenti trasformando le risorse digitali statiche in esperienze multimediali interattive che catturano l’attenzione dei clienti, incoraggiano l’esplorazione dei prodotti e riducono la dipendenza da una produzione creativa aggiuntiva.

Flusso di una risorsa attraverso il sistema Dynamic Media dm-journey-c

Un flusso di lavoro tipico di Dynamic Media sposta una risorsa in tre fasi sequenziali: (1) Creazione, (2) Authoring/Caricamento e (3) Ottimizzazione e pubblicazione. Il risultato finale è una singola risorsa principale distribuita in modo dinamico tra canali Web, stampa, e-mail, desktop e mobili da server Dynamic Media centralizzati.

Flusso di una risorsa attraverso il sistema Dynamic Media.

1. Fase di creazione: produzione della risorsa primaria

Il flusso di lavoro inizia nella fase di creazione, in cui l’obiettivo è quello di produrre una risorsa principale di alta qualità. Queste risorse primarie in genere provengono da:

Flusso di lavoro per elementi multimediali dinamici

  • Riprese fotografiche professionali
  • Fornitori video e partner di produzione
  • File audio prodotti per il progetto

Le applicazioni Adobe Creative Suite supportano questa fase, tra cui Adobe InDesign, Adobe Photoshop e Adobe Illustrator, utilizzati per progettare, ritoccare e finalizzare il contenuto di origine prima che entri nel sistema Dynamic Media.

2. Fase di authoring - caricamento in Dynamic Media

Al termine della creazione, la risorsa completata viene caricata nella soluzione di authoring in Dynamic Media. Durante questa fase, i predefiniti immagine e i visualizzatori corretti sono configurati e allineati con le varie pagine web del sito, in modo che ogni risorsa venga riprodotta con le dimensioni, la qualità e il comportamento interattivo appropriati per il posizionamento previsto.

3. Fase di pubblicazione: ottimizzazione e distribuzione multicanale

Nella fase finale, il contenuto viene ottimizzato e pubblicato su server Dynamic Media. Questa ottimizzazione prepara la risorsa per la distribuzione dinamica, che consente di riutilizzare in modo efficiente un singolo file master in ogni canale di output. Dopo la pubblicazione, la risorsa diventa disponibile per la consegna a:

  • Pagine Web e siti reattivi
  • Stampa produzione
  • Campagne e-mail
  • Esperienze desktop
  • Dispositivi mobili

Questo modello centralizzato di pubblicazione singola e disponibile ovunque garantisce la coerenza visiva tra i canali, riducendo al contempo la necessità di archiviare e gestire rappresentazioni separate per ogni destinazione.

Caricamento di Assets in Dynamic Media

Dopo aver creato una risorsa principale, caricala in Dynamic Media. Il tipo, il formato e le dimensioni del file ​​sono attributi critici che determinano il modo in cui Dynamic Media elabora e distribuisce la risorsa. Al momento del caricamento, assicurati di estrarre il valore massimo dal modello one-file support.

Ad esempio, l’immagine dell’orologio in basso misura 4560 x 3020 pixel. Anche se non intendi mai visualizzare un’immagine a quelle dimensioni, devi comunque caricarla alla massima risoluzione disponibile. Più grande è l’immagine sorgente, migliore sarà la qualità offerta da Dynamic Media in ogni rendering, fino alla miniatura più piccola, perché Dynamic Media può effettuare il downsampling da un master ad alta risoluzione senza introdurre artefatti. Ricorda questo principio chiave: puoi facilmente diminuire la risoluzione di un’immagine esistente, ma tentando di aumentare la risoluzione di un’immagine a bassa risoluzione produce risultati insoddisfacenti e con pixel.

Considerazioni per il caricamento delle risorse

Formati consigliati per il caricamento in Dynamic Media

Formati di file consigliati: Adobe consiglia di caricare le risorse in un formato lossless. Evita JPEG come formato di origine perché ogni volta che distribuisci o salvi un JPEG la qualità delle immagini si riduce a causa della compressione con perdita di dati. Invece, inizia con le immagini alla massima risoluzione in un formato senza perdite. I formati preferiti sono in genere:

  • TIFF (formato file immagine con tag)
  • PNG (grafica di rete portatile)

Considerazioni sullo spazio colore: Nella pianificazione dei canali digitali o della distribuzione Web, lo spazio colore predefinito è RGB (rosso, verde, blu), che corrisponde al modo in cui gli schermi riproducono il colore utilizzando la luce.

La maggior parte degli utenti non considera la consegna di risorse in CMYK (Cyan, Magenta, Yellow, Key/Black) o il motivo per cui dovrebbe. CMYK è lo spazio colore standard per i materiali stampati in quanto corrisponde agli inchiostri utilizzati nelle macchine da stampa offset e digitali. Tuttavia, Dynamic Media supporta la distribuzione in entrambi gli spazi di colore.

Molti clienti si affidano ancora alla produzione di stampe, tra cui:

  • Club all’ingrosso del magazzino che producono cataloghi membri
  • Negozi alimentari stampa di volantini e circolari settimanali

Questi clienti richiedono immagini sia in RGB che in CMYK. In genere, soddisfare questo requisito significava mantenere due file separati: una versione RGB e una versione CMYK. Con Dynamic Media, tuttavia, puoi caricare direttamente le risorse CMYK e Dynamic Media distribuirà automaticamente le risorse RGB tramite un predefinito immagine o un profilo colore. Questo elimina la necessità di creare e gestire più versioni dello stesso file, mantenendo il principio di base di un file di risorse principale con più opzioni di consegna.

Pubblicare e visualizzare in anteprima le risorse

Pubblicare risorse in Dynamic Media

Dopo aver caricato le risorse in Dynamic Media, pubblicale in modo che possano essere consegnate a qualsiasi esperienza rivolta ai clienti. Per pubblicare manualmente:

  1. Seleziona le risorse caricate in Dynamic Media.
  2. Fai clic su Pubblica o Pubblicazione rapida.

La pubblicazione è necessaria quando intendi utilizzare le risorse in qualsiasi esperienza, perché le risorse non pubblicate non vengono distribuite tramite il livello di consegna di Dynamic Media e non possono quindi essere referenziate da una pagina web live. Una volta pubblicate, le risorse diventano disponibili per l’inclusione in una pagina web in due modi:

  • Copia l’URL generato da Dynamic Media e fai riferimento direttamente ad esso.
  • Copiare il codice di incorporamento e incollarlo nel markup della pagina.

Pubblicazione automatica al caricamento

Oltre al flusso di lavoro manuale, Dynamic Media supporta la pubblicazione automatica. Puoi configurare Dynamic Media in modo da pubblicare immediatamente le risorse al momento del caricamento, senza alcun intervento da parte dell’utente. In questo modo si elimina il passaggio di pubblicazione manuale e si riduce il tempo che intercorre tra l’acquisizione di una nuova risorsa e la sua disponibilità per la distribuzione web.

Anteprima rappresentazioni risorse

Dopo il caricamento, Dynamic Media offre diversi modi per visualizzare in anteprima le rappresentazioni di una risorsa. L’anteprima mostra ciò che un cliente vede prima che la risorsa sia incorporata nella produzione, il che consente di convalidare il ritaglio, il dimensionamento, il comportamento dell’utente e la qualità visiva complessiva.

Anteprima con predefinito immagine

Un metodo di anteprima comune utilizza predefiniti immagine:

  1. Seleziona una risorsa in Dynamic Media.
  2. Apri le relative rappresentazioni.
  3. Scegli un predefinito immagine ​​(ad esempio, “Large”).

Il percorso URL risultante contiene il nome del predefinito immagine (ad esempio “Large”) ed è lo stesso URL utilizzato in una pagina web.

Anteprima del rendering di una risorsa in base al predefinito per immagine di grandi dimensioni
Anteprima del rendering di una risorsa in base al predefinito immagine “Large” selezionato. Il percorso URL risultante contiene il nome del predefinito immagine “Large” e viene utilizzato in una pagina Web.

L’URL qui sopra è live! Prova.

Anteprima con un predefinito visualizzatore

Un altro metodo per visualizzare in anteprima una risorsa utilizza predefiniti visualizzatore, che eseguono il rendering della risorsa all’interno di un visualizzatore HTML5 interattivo:

  1. Seleziona la risorsa immagine.
  2. Scegli un predefinito per Visualizzatori (ad esempio, “ZoomVertical_light”).
  3. Utilizza i pulsanti URL e Incorpora per copiare l’URL di consegna o lo snippet di incorporamento.

Anteprima di una risorsa in base al predefinito visualizzatore Zoom verticale chiaro
Anteprima di una risorsa in base al predefinito visualizzatore “ZoomVertical_light” selezionato. Il puntatore del mouse (+) è stato spostato sull’orologio per ingrandire. Osservare i pulsanti URL e Incorpora.

La rappresentazione qui sopra è live! Prova.

Facoltativo - Ulteriori informazioni

La parte I di questa documentazione tratta le nozioni di base di Dynamic Media in Adobe Experience Manager, una funzionalità progettata per fornire rich media interattivi e reattivi, inclusi immagini, set e video, su canali web, mobili e connessi. Per approfondire la comprensione dei concetti introdotti nella parte I, utilizza le risorse selezionate di seguito. Questi materiali supplementari approfondiscono i flussi di lavoro, la configurazione e i modelli di consegna di Dynamic Media con maggiori dettagli tecnici. In caso contrario, continua con la Parte II di questa documentazione. Vedi Le prossime novità di questo Percorso Dynamic Media.

Esercitazioni Dynamic Media

  • Utilizza Dynamic Media con Experience Manager Assets: video sulle funzioni e procedure guidate che illustrano come abilitare, configurare e applicare le funzionalità di Dynamic Media direttamente in Adobe Experience Manager Assets, inclusi l’acquisizione di risorse, i predefiniti per immagini e la distribuzione dinamica.
  • Libreria dei contenuti di Adobe Experience Manager (ricerca in Dynamic Media): un hub di apprendimento Experience League più ampio in cui è possibile filtrare esercitazioni, corsi e articoli consigliati ricercando Dynamic Media per trovare percorsi di apprendimento basati sui ruoli per amministratori, sviluppatori e addetti al marketing.

Visualizzatori Dynamic Media

  • Demo live di ciascun visualizzatore: dimostrazioni di lavoro interattive di ciascun tipo di visualizzatore Dynamic Media (ad esempio visualizzatori di zoom, rotazione, video e carosello), utili per valutare l’aspetto del visualizzatore, l’interazione dell’utente e il comportamento prima di implementarli nei siti di produzione.

Passaggi successivi di questa documentazione di Dynamic Media whats-next

La parte II di questa documentazione prosegue il percorso Dynamic Media con un focus tecnico più approfondito sulla distribuzione delle risorse e sulle esperienze di visualizzatore con più risorse. In particolare, la parte II riguarda:

  • URL Dynamic Media: un attento esame della struttura URL e dei parametri, per comprendere esattamente cosa accade dietro le quinte quando una risorsa viene richiesta e consegnata.
  • Predefiniti immagine: nozioni di base sulla creazione di predefiniti per il rendering dinamico delle risorse in base alle dimensioni, al formato e alla qualità richiesti da ciascun contesto di consegna.
  • Set di immagini: come creare set che consentano agli utenti di visualizzare un prodotto o una risorsa da più angoli o varianti all’interno di un singolo visualizzatore interattivo.
  • Set 360 gradi di rotazione: come assemblare sequenze di immagini che producono un’esperienza di visualizzazione a 360 gradi.
  • Set di file multimediali diversi: come combinare diversi tipi di risorse, ad esempio immagini, set 360 gradi e video, in un visualizzatore unificato.

Insieme, questi argomenti si basano direttamente sui concetti fondamentali introdotti nella Parte I e vi preparano a configurare esperienze Dynamic Media più ricche e interattive.

Continua su Dynamic Media: nozioni di base, parte II.

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