Dynamic Media Journey: The Basics, Part I dm-journey-part1

Welkom bij de Dynamic Media Journey.

Deze reis gaat over de grondbeginselen van Dynamic Media, hoe het werkt, wat het voor u kan doen, en welke waarde het aan uw werk en uw klanten brengt.

Vereisten

Wat u kunt verwachten van leren

Deel I

Deel II

Publiek
Het publiek dat het beste past bij de lezers van deze reis zijn de volgende personen die nieuw zijn voor Dynamic Media op Experience Manager:

Wat is Dynamic Media en hoe kan het u helpen? dm-journey-a

Met Dynamic Media kunt u op aanvraag rijke visuele producten en marketingmaterialen leveren. Het helpt u ook om interactieve het bekijken ervaringen, met inbegrip van gezoem, 360 graadspin, en video tot stand te brengen en te dienen. Uw elementen worden dynamisch geschaald voor gebruik op internet-, mobiele en sociale sites. Met behulp van een set primaire bronelementen - zoals afbeeldingen, video en 3D - genereert en levert Dynamic Media in real-time meerdere variaties van deze rijke inhoud via de algemene, schaalbare, voor prestaties geoptimaliseerde CDN (Content Delivery Network).

Dynamic Media past de workflows van de Adobe Experience Manager Assets-oplossing voor digitaal beheer van bedrijfsmiddelen toe om het beheerproces voor digitale campagnes te vereenvoudigen en te stroomlijnen.

Eén bestand met eindeloze mogelijkheden

Een van de belangrijkste punten die we moeten begrijpen over Dynamic Media is het concept Eén primair elementbestand met eindeloze mogelijkheden.

Om dit concept beter te begrijpen, denk over de manier u traditioneel met één enkel middel, zoals een beeld of een video werkt. Meestal maakt u één primair middel. Vervolgens maakt u handmatig versies van hetzelfde element voor elke ervaring, elk apparaat dat nodig is, elke webpagina en elke eigenschap waar het wordt gebruikt. Met tijd, kan dat enige middel tot 20, 30, of meer versies groeien, zonder versiegeschiedenis in bijlage aan hen. Stel je voor dat je dat doet voor elk beeld of elke video die je hebt. Het aantal versies van middelen zou snel overweldigend worden om te onderhouden en bij te werken, om nog maar te zwijgen van de stijging van opslagkosten.

Dynamic Media is echter fundamenteel anders dan andere systemen omdat u het gebruikt om uw media te leveren dynamisch van enkele, primaire elementen en van URL-aanroepen. De Dynamic Media URL-paden die u aanvraagt, bevatten instructies die de publicatieserver van de Adobe vertellen hoe het element moet worden weergegeven wanneer het op het scherm van de klant wordt weergegeven. Als u bijvoorbeeld hetzelfde primaire element gebruikt, kunt u het onmiddellijk in onbeperkte uitvoeringen laten leveren, waarbij de grootte, indeling, resolutie, gewicht, kleur, uitsnijden en effecten zoals een zoomweergave worden gewijzigd.

Deze unieke leveringsmethode zorgt ervoor dat de verenigbare kwaliteitservaringen naar om het even welk scherm, ongeacht grootte of bandbreedte worden verzonden. Volledige video's zijn ook geoptimaliseerd voor alle schermtypen en worden adaptief gestreamd om een consistente gebruikerservaring van hoge kwaliteit te garanderen.

Adobe Dynamic Media zorgt voor consistente, kwalitatief hoogwaardige ervaringen op elk scherm, ongeacht grootte of bandbreedte.

Terwijl u doorleest, gaat u meer leren over waarom dit concept van "één primair elementenbestand, eindeloze mogelijkheden" belangrijk is.

Het netwerk voor de levering van inhoud

Wanneer u klaar bent om live te gaan met een afbeeldingselement of een video-element, wordt dit ondersteund door de ruggengraat van Dynamic Media, die bestaat uit een krachtig, bovenste leveringsnetwerk. Het netwerk dient elke dag honderden klanten over de hele wereld. De middelen worden verdeeld op het Netwerk van de Levering van de Inhoud - of CDN - dat door Akamai wordt ontvangen. CDN is een systeem van computerdiensten die samen samenwerken om inhoud, vooral grote rijke media inhoud, aan eind te leveren.

In het CDN-systeem wordt webinhoud opgeslagen in webcaches via internet. Vervolgens wordt het bestand vanuit de webcache aan de eindgebruikers geleverd, zodat het sneller kan worden geleverd. Dus de eerste keer dat iemand een webpagina downloadt, worden de elementen die ze zien geleverd aan een CDN-cache. Ze worden opgeslagen op de server, zodat dezelfde inhoud sneller wordt geleverd wanneer iemand in hetzelfde gebied de webpagina weer opent. De inhoud wordt sneller geleverd, omdat deze zich dichter bij de gebruiker bevindt. Een CDN maakt voor snellere Web-pagina vertoningen, en toch vermindert het bandbreedteeisen op de centrale server omdat de inhoud van een geheim voorgeheugennetwerk, niet van een centrale server in elke instantie wordt geleverd. Deze geoptimaliseerde stroom betekent een betere gebruikerservaring, die tot verhoogde verkoop leidt.

Historisch, levert CDN 3.5 petabytes van verkeer aan klanten elke maand. Het systeem kan 52 miljard activa in één enkele dag leveren. Dit aantal komt overeen met 864.000 afbeeldingen en video's die succesvol aan klanten zijn geleverd, elke seconde.

Slimme afbeeldingen

Dynamic Media is al heel goed in het optimaliseren van elementen en het ervoor zorgen dat elk element via de CDN snel wordt geladen op mobiele en desktopsystemen. Hiervoor worden in Dynamic Media afbeeldingsvoorinstellingen gebruikt om de kwaliteit van de afbeelding te definiëren. Ze definiëren ook het type afbeelding dat u verzendt, de scherpte en andere delen voor verschillende delen van uw ervaringen of pagina's.

Maar als u meer waarde aan Dynamic Media wilt toevoegen dan voorinstellingen voor afbeeldingen, is er Slimme afbeeldingen.

Smart Imaging biedt nog betere prestaties bij het leveren van afbeeldingselementen door de indeling en bestandsgrootte van een afbeelding automatisch te optimaliseren op basis van de browsermogelijkheden van de klant. Het werkt met uw bestaande voorinstellingen voor afbeeldingen (voorinstellingen voor afbeeldingen worden besproken in deel II van deze reis) en gebruikt intelligentie bij levering.

Deze intelligentie vermindert verder de grootte van het beelddossier die op browser en de snelheid van de netwerkverbinding wordt gebaseerd. Omdat imageelementen het grootste deel van de laadtijd van een pagina uitmaken, kan de prestatieverbetering een grondige invloed hebben op belangrijke bedrijfsindicatoren, zoals:

Over het algemeen kunt u met intelligente beeldverwerking een prestatieverbetering van 22 tot 47% verwachten, afhankelijk van uw bestaande voorinstellingen voor afbeeldingen en specifieke kenmerken van de eindgebruiker. De beeldkwaliteit blijft behouden alsof deze nooit wordt beïnvloed.

Met Smart Imaging worden de indeling en bestandsgrootte van afbeeldingen automatisch geoptimaliseerd op basis van de browsermogelijkheden en de netwerksnelheid van de klant.

Slimme beeldverwerking is niet standaard ingeschakeld, omdat hiervoor een gecoördineerde inspanning van u en de Adobe van Dynamic Media nodig is. Voor het inschakelen van Smart Imaging moet de CDN-cache volledig worden gewist. Deze cache wordt vervolgens opnieuw gevuld met tijd. Als u in het gebruiken van Slimme Beeldvorming geinteresseerd bent, kunt u met Adobe werken om het te hebben aangezet door een technisch steunkaartje voor te leggen. Technische ondersteuning geeft u vervolgens een URL-parameter waarmee u vooraf slimme beeldverwerking kunt uitproberen. U kunt de presentatie uitproberen op elk van uw webpagina's of afbeeldingen, zodat u de prestaties en besparingen kunt zien. U kunt SmartImage vervolgens inschakelen voor uw volledige site.

Adaptieve videosets

Wanneer er een video op een pagina, of een hoofdpagina is, neigen uw klanten om met die inhoud langer in dienst te nemen en langer op de pagina te blijven, wat typisch een goed ding is. Dit gedrag wordt getoond door analyses die de Adobe heeft uitgevoerd. Video kan echter complex zijn. Om te beginnen hebt u vaak een groot primair bestand. Het is ingewikkeld om te bepalen hoe te en video te leveren, allen om ervoor te zorgen dat de ervaring regelmatig loopt ongeacht het apparaat het wordt bekeken, en ongeacht bandbreedte.

Dynamic Media biedt u de mogelijkheid om dit probleem op te lossen Adaptieve videosets.

Met een adaptieve videoset worden versies van dezelfde video gegroepeerd die met verschillende bitsnelheden en indelingen zijn gecodeerd.

U begint met uw originele, primaire video, die u in het systeem uploadt. Dynamic Media automatisch vergroten of verkleinen, of transcodes, die video in meerdere video's. Op het moment van levering bepaalt het op intelligente wijze welk videoscherm, welke kwaliteit en welke indeling moet worden gebruikt en levert het aan de telefoon, tablet of desktopcomputer.

Op een mobiel iOS-apparaat wordt bijvoorbeeld een bandbreedte zoals 4G, 5G of Wi-Fi gedetecteerd. Vervolgens wordt automatisch de naar rechts gecodeerde video geselecteerd bij de verschillende bitsnelheden van de video in de adaptieve videoset. De video wordt gestreamd naar mobiele apparaten, tablets of desktopcomputers.

Bovendien wordt de videokwaliteit dynamisch geschakeld automatisch als de netwerkvoorwaarden veranderen. En als een klant in de modus Volledig scherm op een desktopcomputer komt, reageert de Adaptive Video Set met een betere resolutie, waardoor de kijkervaring van de klant wordt verbeterd.

Het gebruik van Adaptieve videosets zorgt voor een vloeiende, hoogwaardige weergave voor klanten die Dynamic Media-video op meerdere schermen en apparaten afspelen. Het neemt de complexiteit van video echt weg.

Kwesties gebruiken voor Dynamic Media dm-journey-b

Hieronder vindt u een aantal veelvoorkomende gebruiksproblemen en oplossingen waarmee Dynamic Media u kan helpen bij het aansturen van een positieve betrokkenheid van klanten, loyaliteit, conversie en een verhoogd rendement op investeringen.

Hoofdlettergebruik: benadering primaire bestanden

Een van de belangrijkste gebruiksgevallen voor Dynamic Media is ook een van de meest voor de hand liggende. Dat wil zeggen, het gewicht van pagina's en ervaringen verminderen en de grootte van de inhoud verminderen, of het nu gaat om een afbeelding of een video die wordt geleverd.

Hieronder ziet u een typische ervaring of webpagina. Ongeveer 90% van een pagina bestaat uit rijke media, zoals beelden en video's, die algemeen veel zwaardere dossiers zijn.

Gewicht van de inhoudspagina van een typische webpagina.

De resterende 10% is HTML, CSS-code en specifieke tags. U wilt de 90%-dikte van die pagina optimaliseren en Dynamic Media helpt daarbij. Eerder las je over het concept van één primair elementbestand met eindeloze mogelijkheden. Deze aanpak is belangrijk voor het verminderen van het totale paginagewicht. De mogelijkheid om één primair middel te gebruiken op een pagina met productdetails, een miniatuurpagina, uw winkelwagentje en uw zoekraster, is een goede tijdbesparende functie. En het zorgt ook voor consistentie tussen ervaringen.

Het horloge is één primair middeldossier, maar met veelvoudige vertoningen van het - geen exemplaren - gecreeerd op de vlucht.

Laten we nader kijken naar de problemen die Dynamic Media oplost met het ene bestand en een aantal van de oplossingen voor die aanpak.

Wanneer u aan één dossier denkt, creeert u activa voor elke soort ervaring. U hebt misschien één beginafbeelding, en dan moet u 20, 30 of 40 variaties van die afbeelding maken, die u uiteindelijk moet opslaan en betalen voor die opslag.

Dan moet u ervoor zorgen dat het juiste beeld wordt gebruikt en dat uw vermogen om consistentie over uw merken te hebben kan beïnvloeden. En als u een afbeelding niet kunt vinden, moet u teruggaan en deze elementen dupliceren.

Met Dynamic Media kunt u variaties van afbeeldingen maken, direct, vanaf de eerste afbeelding. Met dit programma kunt u creatief zijn met dat primaire materiaal en hoeft u niet met uw grafisch ontwerper of fotostudio om aanvullende inhoud te maken heen en weer te gaan. En dat is geld en tijd bespaard.

Bij de aanpak van één bestand gebruikt u één primair bestand. Maak vervolgens die versies of uitvoeringen die op uw sites vereist zijn, en eigenschappen en ervaringen, alleen op het moment dat ze door een klant worden geleverd of gezien. Deze efficiëntie kan de hoeveelheid opslagruimte die nodig is voor uw middelen aanzienlijk verminderen en de complexiteit van uw workflow in het algemeen verminderen. En met Dynamic Media's leveringssysteem garandeert het dat elk beeld en elke video geoptimaliseerd is, snel wordt geladen en er op alle schermen en apparaten geweldig uitziet.

Hoofdlettergebruik: Video

Een ander gebruiksgeval waarvoor Dynamic Media oplost is video. Video is complex. Het is moeilijk te beheren. Videobestanden zijn lastig op te slaan en te verplaatsen vanwege hun inherente bestandsgrootte.

Klanten komen naar Dynamic Media met de volgende problemen die ze hopen op te lossen:

"Mijn bedrijf heeft de video, en de afdeling besteedde een groot bedrag aan het creëren van het, maar verschrompelde van het plaatsen van het op pagina's, of het leveren van het. De reden was dat de kwaliteit van de video niet gegarandeerd kon worden door het testen, of zelfs niet als het echt zou spelen. En uiteindelijk beïnvloedt dat het merk van het bedrijf en mogelijk zijn rol in conversie."

Dynamic Media's oplossing is dat één primair videobestand wordt gebruikt en dat Dynamic Media alle formaten laat doormaken via zijn transcoderingsproces. Dan, koppel dat met de intelligente videospeler van Dynamic Media. Deze workflow garandeert dat de video die u gebruikt op de hoofdbestemmingspagina of op een categorie- of productdetailpagina, overal consistent zal zijn en van hoge kwaliteit zal worden geleverd.

Hier zijn verscheidene meer te overwegen gebruiksgevallen.

Gebruik van hoofdletters en kleine letters: Eén bron van waarheid

Hoofdlettergebruik: slim uitsnijden met AI-voeding voor rich media

Hoofdlettergebruik: interactieve media ontwerpen

Hoe een activum via het Dynamic Media-systeem stroomt dm-journey-c

Hieronder ziet u een standaardworkflow voor Dynamic Media.

Hoe een actief door het Dynamic Media-systeem stroomt.

U begint met de creatiefase met het belangrijkste doel om uw primaire activa aan het eind te hebben. Deze primaire elementen kunnen afkomstig zijn van fotofragmenten, van videobereizers of van audiobestanden die u hebt gemaakt. U kunt de toepassingen van de Creative Suite van de Adobe zoals Adobe InDesign, Adobe Photoshop, Adobe Illustrator gebruiken om u te helpen de inhoud uitwerken.

Wanneer het ontwerponderdeel klaar is, plaatst u het element in de ontwerpoplossing door het element te uploaden naar Dynamic Media. In Dynamic Media zorgt u ervoor dat u de juiste voorinstellingen en viewers voor afbeeldingen op uw verschillende webpagina's op uw site hebt geplaatst.

En uiteindelijk optimaliseert u al die inhoud en publiceert u deze naar Dynamic Media-servers, zodat deze beschikbaar is voor web, drukwerk, e-mail, desktops en mobiele apparaten.

Elementen uploaden naar Dynamic Media

Wanneer u klaar bent met het maken van een primair middel, uploadt u het naar Dynamic Media. Het type bestand dat u uploadt en de indeling en grootte van het bestand zijn belangrijke kenmerken voor Dynamic Media. Het is op het moment van het uploaden dat u ervoor wilt zorgen dat de maximale waarde wordt gehaald uit de ondersteuning van één bestand.

De onderstaande afbeelding is bijvoorbeeld 4560 x 3020 pixels. En hoewel u misschien nooit een afbeelding van die grootte gebruikt, kunt u deze nog uploaden. Hoe groter de afbeelding, hoe beter de kwaliteit die Dynamic Media kan leveren, zelfs tot een miniatuuruitvoering. Herinner me: u kunt gemakkelijk afnemen de resolutie van een bestaande afbeelding. Maar als je probeert toename de resolutie van een afbeelding, het resultaat waarschijnlijk onbevredigend zal zijn.

Overwegingen bij het uploaden van middelen.

Adobe raadt u aan elementen zonder verlies te uploaden. Over het algemeen kunt u het beste JPEG voorkomen, omdat u de afbeeldingskwaliteit na verloop van tijd begint te verliezen wanneer u JPEG levert of JPEG blijft opslaan. U wilt beginnen met afbeeldingen met de hoogste resolutie in een indeling zonder verlies waarmee u kunt leven. Deze indeling is doorgaans een TIFF- of PNG-bestand.

Wanneer u nadenkt over een digitaal kanaal of een webweergave, denkt u doorgaans aan RGB (rood, groen, blauw).

De meesten zouden nooit nadenken over het leveren van iets in CMYK of waarom u misschien zelfs in CMYK wilt leveren. De reden hiervoor is dat de kleurruimte het meest wordt gebruikt voor het afleveren van afgedrukte items. Maar Dynamic Media kan in beide kleurruimten zorgen.

Er zijn veel klanten die nog steeds drukken, zoals pakhuis-groothandelsclubs. Er zijn supermarkten die vaak vliegers wekelijks afdrukken. Dergelijke klanten vereisen dat hun beelden in beide kleurenruimten zijn. Dit vereist meestal twee verschillende afbeeldingen: een in RGB en een in CMYK. U kunt CMYK-elementen echter rechtstreeks uploaden naar Dynamic Media en Dynamic Media RGB-elementen laten leveren via een voorinstelling voor afbeeldingen of via een kleurprofiel. Het is niet nodig om meerdere versies van een bestand te maken, zodat het concept één primair elementbestand met eindeloze mogelijkheden.

Elementen publiceren en voorvertonen

Nadat u elementen hebt geüpload naar Dynamic Media, is het aan te raden publish door de elementen te selecteren en vervolgens te klikken Publish of Quick Publish in Dynamic Media. U moet elementen publiceren als u ze in een ervaring wilt gebruiken. Nadat elementen zijn gepubliceerd, kunt u ze gebruiken om op een webpagina op te nemen met een door Dynamic Media gegenereerde URL die u kopieert, of door code op de pagina in te sluiten.

Naast het handmatig publiceren van middelen kunt u Dynamic Media zodanig configureren dat u direct elementen publiceert - zonder tussenkomst van de gebruiker - op het moment van uploaden.

Na het uploaden zijn er verschillende manieren om een voorvertoning van de uitvoeringen van een element weer te geven in Dynamic Media. Voorvertoning van uitvoeringen kan u helpen een idee te krijgen van wat een klant ziet. Een algemene voorbeeldmethode is om een element te selecteren en vervolgens de bijbehorende uitvoeringen te bekijken door een voorinstelling afbeelding zoals in het volgende wordt waargenomen.

Een voorvertoning weergeven van een uitvoering van een element op basis van de geselecteerde voorinstelling voor "Grote" afbeeldingen. Er is op de URL-knop geklikt. Het resulterende URL-pad bevat de naam van de "Grote" afbeeldingsvoorinstelling en kan in een webpagina worden gebruikt.

Bovenstaande URL is live! Probeer het.

Een andere methode om een voorvertoning van een element weer te geven, is het selecteren van het afbeeldingselement en vervolgens het selecteren van een Viewers zoals in het volgende wordt getoond.

Een voorvertoning weergeven van een element op basis van de geselecteerde voorinstelling voor de viewer "ZoomVertical_light". De muisaanwijzer (+) is over het horloge verplaatst om in te zoomen. Let op de knoppen URL en Insluiten.

De bovenstaande vertoning is live! Probeer het.

Optioneel - Meer informatie

Deel I van deze reis ging over de grondbeginselen van verschillende Dynamic Media-onderwerpen. Als u meer wilt weten over wat u leest, gebruikt u de onderstaande materialen om concepten in detail te verkennen. Anders kunt u doorgaan met deel II van uw reis. Zie Hoe verder in deze Dynamic Media-reis.

Dynamic Media Help-onderwerpen

Dynamic Media-zelfstudies

Dynamic Media-viewers

Hoe verder in deze Dynamic Media-reis whats-next

In deel II van deze reis, onderzoekt u nauwgezet Dynamic Media URLs om beter te begrijpen wat aan de hand is wanneer een activa wordt geleverd. U leert ook meer over de grondbeginselen van het maken van voorinstellingen voor afbeeldingen om elementen te renderen, en leert over Afbeeldingssets, Spin-sets en Gemengde-mediasets en hoe deze worden gemaakt.

Neem me mee naar Dynamic Media Journey: The Basics, Part II.