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

Benvenuto nel Percorso Dynamic Media.

Questo percorso descrive le nozioni di base di Dynamic Media, il suo funzionamento, il suo potenziale vantaggio e il valore che apporta al tuo lavoro e ai tuoi clienti.

Prerequisiti

Informazioni utili

Parte I

Parte II

Pubblico
I tipi di pubblico più adatti ai lettori di questo percorso sono i seguenti, che hanno poca esperienza con Dynamic Media su Experience Manager:

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

Dynamic Media ti consente di fornire risorse visive avanzate di merchandising e marketing on-demand. Consente inoltre di creare e distribuire esperienze di visualizzazione interattive, tra cui zoom, 360 gradi in rotazione e video. Le risorse vengono scalate in modo dinamico per l’utilizzo su siti web, mobili e social network. Utilizzando un set di risorse di origine primarie, come 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.

Dynamic Media incorpora i flussi di lavoro della soluzione Adobe Experience Manager Assets per la gestione delle risorse digitali per semplificare e semplificare il processo di gestione delle campagne digitali.

Un file con infinite possibilità

Uno dei punti principali da comprendere su Dynamic Media è il concetto di Un file di risorsa principale con infinite possibilità.

Per comprendere meglio questo concetto, pensa al modo in cui tradizionalmente si lavora con una singola risorsa, ad esempio un’immagine o un video. In genere si crea una risorsa principale. Quindi, crei manualmente le versioni di quella stessa risorsa per ogni esperienza, ogni dispositivo necessario, ogni pagina web e ogni proprietà in cui viene utilizzata. Con il tempo, quella singola risorsa può crescere fino a 20, 30 o più versioni, senza alcuna cronologia delle versioni associata. Ora, immaginate di farlo per ogni immagine o video che avete. Il numero di versioni delle risorse diventerebbe rapidamente enorme da mantenere e aggiornare, per non parlare dell'aumento dei costi di storage.

Dynamic Media, tuttavia, è fondamentalmente diverso da altri sistemi perché lo si utilizza per distribuire i contenuti multimediali in modo dinamico da singole risorse primarie e da chiamate URL. I percorsi URL di Dynamic Media richiesti includono istruzioni che indicano al server di pubblicazione di Adobe come visualizzare la risorsa quando viene consegnata alla schermata di un cliente. Ad esempio, utilizzando la stessa risorsa principale, è possibile consegnarla immediatamente in un numero illimitato di copie trasformate, cambiando dimensione, formato, risoluzione, peso, colore, ritaglio ed effetti, come una visualizzazione zoom.

Questo metodo di distribuzione univoco garantisce che esperienze di qualità coerenti vengano inviate a qualsiasi schermo, indipendentemente dalle dimensioni o dalla larghezza di banda. I video a schermo intero sono ottimizzati anche per tutti i tipi di schermo e vengono trasmessi in streaming adattivo per garantire un’esperienza utente coerente e di qualità.

Adobe Dynamic Media garantisce che le esperienze di qualità e coerenza vengano distribuite a qualsiasi schermo, indipendentemente dalle dimensioni o dalla larghezza di banda.

Continuando a leggere, imparerai di più sul perché questo concetto di "un file di risorse principale, infinite possibilità" è importante.

La rete per la distribuzione dei contenuti

Quando sei pronto per andare live con una risorsa di immagine o una risorsa video, è supportato dalla spina dorsale di Dynamic Media, costituita da una potente rete di consegna di primo livello. La rete serve centinaia di clienti in tutto il mondo ogni giorno. Le risorse sono distribuite sulla rete per la distribuzione dei contenuti (CDN) in hosting presso Akamai. La rete CDN è un sistema di servizi informatici collegati in rete che cooperano in modo trasparente per fornire contenuti, soprattutto rich media di grandi dimensioni, agli utenti finali.

Nel sistema CDN, il contenuto web viene memorizzato nelle cache web su Internet. Quindi viene distribuito dalla cache web agli utenti finali per velocizzare la consegna. Pertanto, la prima volta che qualcuno scarica una pagina web, le risorse visualizzate vengono inviate a una cache CDN. Vengono archiviati sul server in modo che, al successivo accesso alla pagina Web da parte di un utente nella stessa area, lo stesso contenuto memorizzato nella cache venga distribuito più rapidamente. Il contenuto viene distribuito più rapidamente perché si trova più vicino all’utente. Una rete CDN consente una visualizzazione più rapida delle pagine Web, ma riduce i requisiti di larghezza di banda del server centrale, in quanto i contenuti vengono distribuiti da una rete cache e non da un server centrale in ogni istanza. Questo flusso ottimizzato garantisce una migliore esperienza d'uso, con un conseguente aumento delle vendite.

Storicamente, la rete CDN distribuisce ogni mese 3,5 petabyte di traffico ai clienti. Il sistema è in grado di fornire 52 miliardi di asset in un singolo giorno. Questo numero equivale a 864.000 immagini e video distribuiti correttamente ai clienti, ogni secondo.

Imaging avanzato

Dynamic Media già ottimizza le risorse e assicura che ogni risorsa venga caricata rapidamente sui sistemi mobili e desktop tramite la rete CDN. Per realizzare questo obiettivo, in Dynamic Media vengono utilizzati predefiniti per le immagini per definire la qualità dell’immagine. Inoltre, definiscono il tipo di immagine che stai inviando, la sua nitidezza e altri elementi per varie parti delle esperienze o delle pagine.

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

La tecnologia Smart Imaging migliora ulteriormente le prestazioni di consegna delle immagini ottimizzando automaticamente il formato e le dimensioni dei file in base alle funzionalità del browser del cliente. Funziona con i predefiniti immagine esistenti (i predefiniti immagine sono descritti nella Parte II di questo percorso) e utilizza l'intelligenza al momento della consegna.

Questa tecnologia riduce ulteriormente le dimensioni dei file di immagine in base alla velocità del browser e della connessione di rete. Poiché le risorse di immagini rappresentano la maggior parte del tempo di caricamento di una pagina, il miglioramento delle prestazioni può avere un impatto completo sugli indicatori aziendali chiave, ad esempio:

Nel complesso, con la tecnologia Smart Imaging, le prestazioni delle network camere migliorano del 22-47% in base alle impostazioni predefinite e alle caratteristiche specifiche dell'utente finale. Il tutto mantenendo la qualità delle immagini come se non fossero mai state toccate.

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.

L’imaging avanzato non è attivato per impostazione predefinita perché richiede uno sforzo coordinato tra l’utente e il supporto tecnico di Adobe Dynamic Media. Inoltre, l’abilitazione di Smart Imaging richiede la cancellazione completa della cache CDN, che viene quindi riempita con il tempo. Se ti interessa utilizzare Smart Imaging, puoi lavorare con Adobe per attivarlo inviando un ticket di supporto tecnico. Il supporto tecnico fornisce quindi un parametro URL che consente di provare, in anticipo, l’imaging intelligente. Puoi provarlo su qualsiasi pagina web o immagine in modo da vedere le prestazioni che ottieni e i risparmi. È quindi possibile attivare la tecnologia Smart Imaging per l'intero sito.

Set video adattivi

Quando in una pagina è presente un video o una pagina principale, i clienti tendono a interagire più a lungo con tale contenuto e a rimanere sulla pagina più a lungo, il che è in genere una buona cosa. Questo comportamento viene mostrato attraverso le analisi eseguite da Adobe. Tuttavia, il video può essere complesso. Per prima cosa, spesso hai un file principale di grandi dimensioni. È complicato determinare come ridimensionare e distribuire il video, il tutto per garantire un'esperienza fluida indipendentemente dal dispositivo su cui viene visualizzata e dalla larghezza di banda.

Per risolvere questo problema, Dynamic Media consente di creare set di video adattivi.

Un set di video adattivi raggruppa le versioni dello stesso video che sono codificate in bit rate e formati diversi.

Inizia con il tuo video originale principale, che carichi nel sistema. Dynamic Media ridimensiona automaticamente o trascodifica il video in più video. Quindi, al momento della consegna, determina in modo intelligente quale schermo video, quale qualità e quale formato utilizzare e lo distribuisce al telefono, al tablet o al computer desktop.

Ad esempio, su un dispositivo mobile iOS rileva una larghezza di banda come 4G, 5G o Wi-Fi. Quindi seleziona automaticamente il video codificato giusto tra i vari bit rate video all’interno del set video adattivo. Il video viene inviato in streaming a dispositivi mobili, tablet o computer desktop.

Inoltre, la qualità video viene automaticamente commutata in caso di cambiamento delle condizioni della rete. Inoltre, se un cliente entra in modalità a tutto schermo su un desktop, il set video adattivo risponde con una risoluzione migliore, migliorando l’esperienza di visualizzazione del cliente.

L’utilizzo di set video adattivi offre una riproduzione fluida e di alta qualità per i clienti che riproducono video Dynamic Media su più schermi e dispositivi. Riduce davvero la complessità del video.

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

Di seguito sono riportati i problemi comuni relativi ai casi d’uso e le soluzioni che Dynamic Media può aiutarti a gestire per favorire il coinvolgimento positivo dei clienti, la fidelizzazione, la conversione e l’aumento del ROI.

Caso d’uso: approccio basato su file primario

Uno dei casi d’uso più importanti per Dynamic Media è anche uno dei più ovvi. In altre parole, riducendo il peso delle pagine e delle esperienze e le dimensioni del contenuto, che si tratti di un’immagine o di un video in fase di distribuzione.

Di seguito è riportata un’esperienza o una pagina web tipica. Circa il 90% di una pagina è costituito da rich media, come immagini e video, che sono comunemente file molto più pesanti.

Peso pagina contenuto di una pagina Web tipica.

Il restante 10% è costituito da HTML, codice CSS e tag specifici. Desideri ottimizzare il peso del 90% della pagina; Dynamic Media ti aiuterà in questo compito. In precedenza, hai letto del concetto di un file di risorse principale con infinite possibilità. Questo approccio è importante per ridurre il peso complessivo delle pagine. La possibilità di prendere una risorsa principale e utilizzarla in una pagina di dettaglio del prodotto, in una pagina di miniature, nel carrello e nella griglia di ricerca ti consente di risparmiare tempo. Inoltre, assicura la coerenza tra le diverse esperienze.

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

Osserviamo più da vicino i problemi che Dynamic Media sta risolvendo con l’unico file e alcune delle soluzioni a tale approccio.

Quando pensi a un file, crei una risorsa per ogni tipo di esperienza. Potreste avere un'immagine di partenza, e poi dovreste creare 20, 30, o 40 varianti di quell'immagine, che alla fine dovete archiviare e pagare per quell'archiviazione.

Poi devi assicurarti che venga utilizzata l’immagine giusta, che potrebbe influire sulla tua capacità di mantenere coerenza tra i vari marchi. E se non riesci a trovare un’immagine, devi tornare indietro e duplicare quelle risorse.

Dynamic Media consente di creare al volo varianti di immagini a partire da quella immagine iniziale. Ti consente di essere creativo con quella risorsa principale e di non dover andare avanti e indietro con il tuo artista di design grafico o studio fotografico per creare contenuti aggiuntivi. Ed è risparmiando tempo e denaro.

Con l’approccio basato su un file, puoi utilizzare un singolo file principale. Quindi crea le versioni o le rappresentazioni necessarie per i vari siti, proprietà ed esperienze, solo nel momento in cui vengono consegnate o visualizzate da un cliente. Questa efficienza può ridurre notevolmente la quantità di storage necessario per le risorse e la complessità complessiva del flusso di lavoro. Grazie al sistema di distribuzione di Dynamic Media, ogni immagine e video è ottimizzato, caricato rapidamente e ha un aspetto eccezionale su tutti gli schermi e i dispositivi.

Caso d’uso: video

Un altro caso d’uso che Dynamic Media risolve per è il video. Il video è complesso. È difficile da gestire. I file video sono difficili da archiviare e spostare a causa delle loro dimensioni intrinseche.

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

"La mia azienda ha il video e il reparto ha speso una grande quantità di denaro per crearlo, ma ha evitato di metterlo sulle pagine o consegnarlo. Il motivo era che, a causa dei test, la qualità del video non poteva essere garantita, o anche se stava per essere riprodotto davvero. E in ultima analisi, questo influisce sul marchio dell'azienda e potenzialmente sul suo ruolo nella conversione."

La soluzione di Dynamic Media è quella di prendere quell'unico file video principale e lasciare che Dynamic Media ne faccia tutte le dimensioni attraverso il suo processo di transcodifica. Quindi, aggiungilo al lettore video intelligente di Dynamic Media. Questo flusso di lavoro garantisce che il video venga utilizzato nella pagina di destinazione principale, in una categoria o in una pagina di dettaglio del prodotto e sia sempre coerente e di alta qualità.

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

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

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

Caso di utilizzo: authoring di contenuti multimediali interattivi

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

Di seguito è riportato un flusso di lavoro tipico per Dynamic Media.

Flusso di una risorsa attraverso il sistema Dynamic Media.

Inizia con la fase di creazione con l’obiettivo principale di avere la risorsa principale alla fine. Queste risorse primarie potrebbero provenire da servizi fotografici, da fornitori video o da alcuni file audio che hai creato. Puoi utilizzare le applicazioni Creative Suite di Adobe, come Adobe InDesign, Adobe Photoshop e Adobe Illustrator, per aiutarti a elaborare i contenuti.

Al termine della creazione, la risorsa viene inserita nella soluzione di authoring caricandola in Dynamic Media. All’interno di Dynamic Media, assicurati di disporre dei giusti predefiniti per immagini e visualizzatori allineati per le varie pagine web del sito.

Infine, ottimizzate tutti i contenuti e pubblicateli sui server Dynamic Media in modo che siano disponibili per web, stampa, e-mail, desktop e dispositivi mobili.

Caricamento di risorse in Dynamic Media

Al termine della creazione, la risorsa principale viene caricata in Dynamic Media. Il tipo di file caricato, il formato e le dimensioni del file sono attributi importanti di Dynamic Media. È al momento del caricamento che desideri assicurarti di ottenere il valore massimo dal supporto di un file.

Ad esempio, l'immagine dell'orologio qui sotto è di 4560 x 3020 pixel. E anche se non si può mai usare un'immagine di quelle dimensioni, è comunque possibile caricarla. Più grande è l’immagine, migliore è la qualità offerta da Dynamic Media, fino alla rappresentazione di miniature. Ricorda: puoi diminuire facilmente la risoluzione di un'immagine esistente. Ma se tenti di aumentare la risoluzione di un'immagine, il risultato potrebbe essere insoddisfacente.

Considerazioni per il caricamento delle risorse.

Adobe consiglia di caricare le risorse in un formato senza perdite. In genere, è meglio evitare JPEG perché quando distribuisci JPEG o continui a salvare JPEG, la qualità delle immagini si perde nel tempo. Si desidera iniziare con le immagini con la massima risoluzione in un formato senza perdita di dati. Tale formato è in genere un file TIFF o PNG.

Per quanto riguarda lo spazio colore, quando si pensa a un canale digitale o a una visualizzazione web, in genere si pensa a RGB (rosso, verde, blu).

La maggior parte non penserebbe mai a consegnare qualcosa in CMYK o perché si potrebbe anche volere consegnare in CMYK. Il motivo è che lo spazio colore viene utilizzato più spesso per la consegna di articoli stampati. Tuttavia, Dynamic Media può distribuire in entrambi gli spazi di colore.

Ci sono molti clienti che ancora stampano, come i club all'ingrosso di magazzino. E ci sono negozi di alimentari che stampano spesso volantini su base settimanale. Tali clienti richiedono che le loro immagini siano in entrambi gli spazi di colore. In genere, questo richiedeva due immagini diverse: una in RGB e una in CMYK. Tuttavia, puoi caricare le risorse CMYK direttamente in Dynamic Media, e far sì che Dynamic Media distribuisca automaticamente le risorse RGB tramite un predefinito immagine o un profilo colore. Non è necessario creare più versioni di un file, mantenendo così il concetto di un file di risorsa principale con infinite possibilità.

Pubblicare e visualizzare in anteprima le risorse

Dopo aver caricato le risorse in Dynamic Media, è consigliabile pubblicarle selezionando le risorse e facendo clic su Pubblica o Pubblicazione rapida in Dynamic Media. La pubblicazione delle risorse è necessaria se intendi utilizzarle in qualsiasi esperienza. Una volta pubblicate, le risorse possono essere incluse in una pagina web utilizzando un URL generato da Dynamic Media e copiato oppure incorporando codice nella pagina.

Oltre a pubblicare manualmente le risorse, puoi configurare Dynamic Media in modo da pubblicare immediatamente le risorse al momento del caricamento, senza alcun intervento da parte dell’utente.

Dopo il caricamento, esistono diversi modi per visualizzare in anteprima le rappresentazioni di una risorsa in Dynamic Media. L’anteprima delle rappresentazioni può essere utile per avere un’idea di ciò che vede un cliente. Un metodo di anteprima comune consiste nel selezionare una risorsa e quindi visualizzarne le rappresentazioni selezionando un predefinito immagine come illustrato di seguito.

Anteprima del rendering di una risorsa in base al predefinito immagine "Large" selezionato. È stato fatto clic sul pulsante URL. Il percorso URL risultante contiene il nome del predefinito immagine "Large" e può essere utilizzato in una pagina Web.

L'URL qui sopra è live! Prova.

Un altro metodo per visualizzare in anteprima una risorsa consiste nel selezionare la risorsa immagine e quindi selezionare un predefinito di Visualizzatori come illustrato di seguito.

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 questo percorso tratta le nozioni di base su vari argomenti di Dynamic Media. Se desideri saperne di più su ciò che leggi, utilizza i materiali seguenti per esplorare i concetti in modo più dettagliato. In caso contrario, è possibile continuare con la Parte II del percorso. Vedi Le prossime novità di questo Percorso Dynamic Media.

Esercitazioni Dynamic Media

Visualizzatori Dynamic Media

Novità di questo Percorso Dynamic Media whats-next

Nella parte II di questo percorso, esamini attentamente gli URL di Dynamic Media per capire meglio cosa succede quando viene consegnata una risorsa. Scopri anche le nozioni di base sulla creazione di predefiniti immagine per il rendering delle risorse, nonché di set di immagini, set 360 gradi e set di file multimediali diversi e come vengono creati.

Vai a Percorso Dynamic Media: nozioni di base, parte II.