Percorso Dynamic Media: nozioni di base, parte I

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

• Conoscenza di base dei formati immagine e video
• Nozioni di base di HTML e CSS
• Comprensione di base degli strumenti di progettazione come Adobe Illustrator, Adobe Photoshop, Adobe XD
• L’accesso a Dynamic Media su Experience Manager è utile, ma non obbligatorio

Cosa puoi aspettarti di imparare

Parte I

• Cos'è Dynamic Media e come può aiutarti?
• Casi d’uso per Dynamic Media
• Flusso di una risorsa attraverso il sistema Dynamic Media

Parte II

• Anatomia di un URL Dynamic Media e modo in cui Dynamic Media distribuisce i contenuti
• Nozioni di base sulla creazione di predefiniti immagine per il rendering delle risorse
• Set di immagini, set 360 gradi e set di file multimediali diversi

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

• Amministratore
• Analista aziendale
• Architetto dei contenuti
• Autore del contenuto
• Designer
• Sviluppatore
• Marketing
• Product Manager/Proprietario

Cos'è Dynamic Media e come può aiutarti?

Dynamic Media ti consente di offrire risorse visive avanzate di marketing e merchandising su richiesta. 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 una serie di risorse di origine principali, come immagini, video e 3D, Dynamic Media genera e distribuisce in tempo reale più varianti di questi rich content attraverso la rete CDN (Content Delivery Network) globale, scalabile e ottimizzata per le prestazioni.

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

Un file con infinite possibilità

Uno dei punti principali da capire 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 dinamicamente da risorse singole e 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 un'esperienza coerente e di qualità su 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 memorizzati sul server in modo che, la volta successiva che un utente accede alla pagina Web, lo stesso contenuto della cache venga distribuito più rapidamente. Il contenuto viene distribuito più rapidamente perché si trova più vicino all’utente finale. 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 fornisce 3,5 petabyte di traffico ai clienti, ogni mese. 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à in grado di ottimizzare le risorse e garantire 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 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 ancora più valore a Dynamic Media oltre ai predefiniti per immagini, esiste Imaging avanzato.

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:

• Conversione più elevata
• Tempo trascorso sul sito
• Riduci la frequenza di rimbalzo del sito

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.

La tecnologia 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 Adobe Dynamic Media. Inoltre, l’abilitazione di Smart Imaging richiede la cancellazione completa della cache CDN, che viene quindi riempita con il tempo. Se sei interessato a 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 è stato dimostrato 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 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 transcodifica, quel 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

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, la fedeltà, la conversione e l’aumento del ROI dei clienti.

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, che viene distribuito.

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.

Spessore della pagina del contenuto di una pagina web tipica.

Il restante 10% è HTML, codice CSS e tag specifici. Desideri ottimizzare il peso del 90% di quella pagina e Dynamic Media ti aiuta con questo sforzo. Prima hai letto del concetto di un file di risorsa 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ù rappresentazioni, non copie, create al volo.

Esaminiamo più da vicino i problemi che Dynamic Media sta risolvendo con un file e alcune delle soluzioni a questo 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 il seguente problema che sperano di risolvere:

"Abbiamo il video, e abbiamo speso un sacco di soldi per crearlo. Ma abbiamo evitato di metterlo sulle pagine, o distribuirlo, perché dai nostri test, non possiamo davvero garantire la qualità del video, o se è davvero in fase di riproduzione. E in ultima analisi, questo influisce sui nostri marchi e potenzialmente sul nostro ruolo persino 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

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. In Dynamic Media, assicurati di disporre dei predefiniti immagine e dei visualizzatori giusti allineati per le varie pagine web del sito.

Infine, ottimizzate tutti i contenuti e li pubblicate sui server Dynamic Media in modo che siano disponibili per il web, la stampa, la posta elettronica, i desktop e i 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 per 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 in miniatura. Ricorda: puoi facilmente diminuzione risoluzione di un'immagine esistente. Ma se provi a aumentare risoluzione di un'immagine, il risultato sarà probabilmente insoddisfacente.

Considerazioni per il caricamento delle risorse.

L’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 al 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. Ma Dynamic Media è in grado di fornire 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. Tradizionalmente, 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, è buona norma pubblicare selezionandole 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 comune per l’anteprima consiste nel selezionare una risorsa e visualizzarne le rappresentazioni selezionando una 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" (Grande) 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 una Visualizzatori come illustrato di seguito.

Visualizzazione in anteprima di una risorsa in base al predefinito visualizzatore "ZoomVertical_light" selezionato. Il puntatore del mouse (+) è stato spostato sull'orologio per ingrandire. Osserva 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 una serie di argomenti Dynamic Media. Per saperne di più su ciò che hai appena letto, usa i materiali qui sotto per approfondire i concetti. In caso contrario, è possibile continuare con la Parte II del percorso. Consulta Novità del Percorso Dynamic Media.

Argomenti della Guida di Dynamic Media

• Utilizzare Dynamic Media in Experience Manager
• Informazioni sulla tecnologia Smart Imaging
• Come creare set video adattivi
• Best practice per ottimizzare la qualità delle immagini
• Come caricare le risorse
• Visualizzare in anteprima le risorse
• Visualizzare in anteprima le risorse 3D
• Come distribuire risorse Dynamic Media
• Come pubblicare le risorse
• Utilizzo della pubblicazione selettiva in Dynamic Media

Tutorial su Dynamic Media

• Utilizzare Dynamic Media con Experience Manager Assets
• Libreria di contenuti Adobe Experience Manager (ricerca il Dynamic Media)

Visualizzatori Dynamic Media

• Demo live di ogni visualizzatore

Novità del Percorso Dynamic Media

Nella parte II di questo percorso, esaminerai gli URL di Dynamic Media più da vicino per capire meglio cosa succede quando viene consegnata una risorsa. Scoprirai anche come creare predefiniti per immagini per il rendering delle risorse, nonché set di immagini, set 360 gradi e set di file multimediali diversi e come vengono creati.

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

Risorse Business.Adobe.com