[AEM Assets]{class="badge positive" title="(Se aplica a los AEM Assets)."}
Recorrido de Dynamic Media: Conceptos básicos, parte I dm-journey-part1
-
¿Es su primera vez con Dynamic Media? Para obtener información general rápida y profesional sobre Dynamic Media, consulte Trabajar con Dynamic Media.
-
Siga Prácticas recomendadas de Dynamic Media para sacarle el mayor rendimiento.
-
Pruebe funcionalidades de imagen de Dynamic Media con la herramienta Snapshot.
-
Garantiza una reproducción de vídeo fluida con vídeo adaptable.
-
Automatice el recorte de imágenes con Recorte inteligente.
-
Automatice el recorte de vídeos con Recorte inteligente.
-
Ofrezca una experiencia interactiva con tecnología 3D.
Esta guía presenta Dynamic Media en Adobe Experience Manager, y explica cómo funciona el sistema, las funcionalidades principales que ofrece y cómo acelera la creación, administración y entrega de medios visuales enriquecidos en los canales web, móviles y de marketing. Dynamic Media permite a las organizaciones ofrecer imágenes y vídeo interactivos, interactivos, interactivos y bajo demanda desde un único recurso principal, reduciendo la sobrecarga de producción y mejorando la experiencia del cliente en cada punto de contacto.
Requisitos previos
Antes de comenzar este recorrido, los lectores se benefician de estar familiarizados con las siguientes áreas, ya que Dynamic Media interactúa directamente con estos formatos, tecnologías y flujos de trabajo de diseño:
- Conocimientos básicos de los formatos de imagen y vídeo: necesarios porque Dynamic Media ingiere, transforma y ofrece recursos en diversas codificaciones.
- Comprensión básica del lenguaje de marcado de hipertexto (HTML) y las hojas de estilo en cascada (CSS): útil para incrustar y aplicar estilo a los envíos de Dynamic Media en páginas web.
- Comprensión básica de herramientas de diseño como Adobe Illustrator, Adobe Photoshop y Adobe XD; útil porque los recursos de origen de Dynamic Media suelen producirse en estas aplicaciones.
- El acceso a Dynamic Media en Adobe Experience Manager es útil, pero no es necesario para seguir conceptualmente.
Lo que puede esperar aprender
Parte I
- Qué es Dynamic Media y cómo admite la entrega escalable y de alto rendimiento de medios enriquecidos.
- Casos de uso prácticos para Dynamic Media, que incluyen imágenes interactivas, vídeo interactivo, giros de productos a 360° y experiencias visuales personalizadas para comercio electrónico y marketing.
- Cómo fluye un recurso a través del sistema Dynamic Media, desde la ingesta hasta el procesamiento y la entrega al usuario final.
Parte II
- Estructura de una URL (URL del localizador uniforme de recursos de Dynamic Media) y cómo Dynamic Media entrega contenido bajo demanda a través de su servidor de imágenes.
- Aspectos básicos de la creación de ajustes preestablecidos de imagen para procesar recursos con las dimensiones, los formatos y la configuración de calidad requeridos.
- Conjuntos de imágenes (colecciones de imágenes de productos relacionados para vistas alternativas), conjuntos de giros (secuencias de imágenes que crean una vista giratoria de 360° de un producto) y conjuntos de medios mixtos (combinaciones de imágenes, vídeo y conjuntos de giros en un solo visor interactivo).
Público
Este recorrido está diseñado para las siguientes funciones que son nuevas en Dynamic Media en Adobe Experience Manager:
- Administrador
- Analista empresarial
- Arquitecto de contenido
- Autor de contenido
- Designer
- Desarrollador
- Experto en marketing
- Product Manager/Lead
¿Qué es Dynamic Media y cómo puede ayudarle? dm-journey-a
Dynamic Media es una solución de Adobe que permite a marcas y especialistas en mercadotecnia entregar recursos visuales enriquecidos de mercadotecnia a petición. Trabajando a partir de un conjunto de recursos de origen principal, como imágenes, vídeo y 3D, Dynamic Media genera y ofrece múltiples variaciones de este contenido enriquecido en tiempo real mediante su CDN (red de distribución de contenido) global, escalable y optimizada para el rendimiento.
Capacidades clave
Dynamic Media crea y sirve experiencias de visualización interactivas, que incluyen:
- Zoom: visualización en primer plano de imágenes de productos de alta resolución
- giro de 360 grados: vistas rotativas de productos que permiten a los compradores examinar un artículo desde cualquier ángulo
- Vídeo: medios de transmisión entregados junto con recursos estáticos
Assets se escalan dinámicamente para su consumo en sitios web, móviles y sociales. Dado que el procesamiento se produce en tiempo real en la CDN, se puede reutilizar un único recurso principal en cada canal y tamaño de dispositivo, lo que elimina la necesidad de producir y almacenar manualmente versiones independientes para cada destino. Esto reduce la sobrecarga de producción y garantiza una experiencia de marca coherente dondequiera que los clientes encuentren el contenido.
Integración con Adobe Experience Manager Assets
Dynamic Media incorpora los flujos de trabajo de la solución de administración de activos digitales (DAM) Adobe Experience Manager Assets para simplificar y optimizar el proceso de administración de campañas digitales. Esta integración significa que los equipos creativos, de marketing y de comercialización pueden administrar los archivos de origen, las aprobaciones, los metadatos y las entregas desde un entorno unificado, conectando la administración de recursos directamente con la entrega omnicanal.
Un archivo con varias opciones de envío
Adobe Dynamic Media funciona con un único principio básico: un archivo de recursos principal, varias opciones de envío. En lugar de duplicar y volver a crear versiones de los medios manualmente para cada canal, dispositivo o página web, Dynamic Media almacena un único recurso principal y genera todas las representaciones a petición a partir de ese origen.
Para comprender por qué esto importa, considere el flujo de trabajo tradicional para un solo recurso, como una imagen o un vídeo. Los equipos suelen crear un recurso principal y luego producen manualmente versiones de ese mismo recurso para cada experiencia, cada dispositivo de destino, cada página web y cada propiedad en la que aparece el recurso. Con el tiempo, ese solo recurso puede aumentar hasta 20, 30 o más versiones, a menudo sin historial de versiones adjunto. Ahora multiplique ese esfuerzo en todas las imágenes y vídeos de una biblioteca. El volumen de variantes de recursos se vuelve abrumador para mantener y actualizar, y los costes de almacenamiento aumentan en consecuencia.
En qué se diferencia Dynamic Media
Dynamic Media es fundamentalmente diferente de los sistemas tradicionales porque los especialistas en marketing y los desarrolladores utilizan Dynamic Media para distribuir medios dinámicamente desde recursos únicos y principales mediante llamadas de URL. Las rutas de URL de Dynamic Media que solicita un cliente contienen instrucciones incrustadas que indican al servidor de publicación de Adobe cómo mostrar el recurso cuando se envía a la pantalla de un cliente. Como resultado, el mismo recurso principal se puede entregar instantáneamente en representaciones ilimitadas, con variaciones sobre la marcha como las siguientes:
- Tamaño: dimensiones adaptadas al diseño de destino o punto de interrupción
- Formato: formato de imagen o vídeo optimizado para el cliente solicitante
- Resolución: densidad de píxeles coincidente con la pantalla
Esto significa que los equipos ya no necesitan generar y almacenar previamente todas las variantes posibles. En su lugar, la propia URL define la representación y el servidor la produce en tiempo real.
Calidad constante en todas las pantallas y el ancho de banda
Este método de entrega garantiza que Adobe Dynamic Media envíe experiencias coherentes y de alta calidad a cualquier pantalla, independientemente del tamaño o el ancho de banda. Dynamic Media también optimiza vídeos de tamaño completo para todos los tipos de pantalla y los transmite de forma adaptativa, ajustando la calidad en función de la conexión del visor para preservar una experiencia de usuario fluida e ininterrumpida.
Adobe Dynamic Media garantiza que las experiencias de calidad coherentes se entreguen a cualquier pantalla, independientemente del tamaño o el ancho de banda.
Razones por las que “un recurso principal y varias opciones de envío” son importantes
La consolidación en un único activo principal produce varias ventajas prácticas que se derivan directamente del modelo:
- Espacio de almacenamiento reducido: un archivo de origen reemplaza docenas de variantes producidas manualmente.
- Iteración más rápida: al actualizar el recurso principal se propagan automáticamente los cambios en todas las representaciones posteriores.
- Experiencia de marca coherente: cada dispositivo y canal se sirve desde la misma fuente autorizada, lo que elimina la desviación entre versiones.
- Gobernanza simplificada: una única fuente fiable es más fácil de rastrear, auditar y actualizar que una extensa colección de copias ad hoc.
Como se explica en las secciones siguientes, este concepto de “un archivo de recursos principal, varias opciones de envío” es la base de cómo Dynamic Media escala la entrega de medios de forma eficaz en las experiencias web, móviles y conectadas.
La red de distribución de contenido
Cuando esté listo para publicar una imagen o un recurso de vídeo, la red troncal de Dynamic Media, una potente red de distribución de alto nivel que sirve a cientos de clientes en todo el mundo todos los días, lo admite. Dynamic Media distribuye recursos en una red de distribución de contenido (CDN) alojada por Akamai. La CDN es una red distribuida de servidores Edge que trabajan juntos sin problemas para ofrecer contenido, especialmente archivos de medios enriquecidos de gran tamaño, a usuarios finales de todo el mundo.
Funcionamiento de la CDN
El contenido web se almacena en cachés web ubicadas a través de Internet y, a continuación, se sirve desde la caché más cercana directamente a los usuarios finales para una entrega más rápida. El proceso funciona de la siguiente manera:
- Primera solicitud: Cuando alguien descarga una página web por primera vez, los recursos se entregan a una caché de CDN en esa región geográfica.
- Almacenamiento en caché: Estos recursos están almacenados en el servidor perimetral local.
- Solicitudes posteriores: La próxima vez que un usuario del mismo área acceda a la página, el contenido almacenado en caché se enviará desde el servidor cercano en lugar de desde el origen.
El contenido llega más rápido porque se encuentra físicamente más cerca del usuario, lo que reduce la latencia de la red y el tiempo de ida y vuelta. Este es el mecanismo principal que hace que las CDN sean más rápidas que la entrega tradicional de origen único.
Ventajas para los usuarios finales y las empresas
Una CDN ofrece ventajas cuantificables:
- Se muestra una página web más rápida mediante el almacenamiento en caché geográficamente próximo
- Menor demanda de ancho de banda en el servidor central, porque el contenido se suministra desde la red de caché en lugar del origen de cada solicitud
- Se ha mejorado la experiencia del usuario, gracias a una menor latencia y a una representación de recursos más rápida
- Aumento de ventas, ya que el flujo de entrega optimizado mantiene a los visitantes comprometidos en lugar de perderse debido a los tiempos de carga lentos
Rendimiento y escala
La red de distribución de contenido (CDN), que opera a escala global masiva, siempre ofrece:
- 3,5 petabytes de tráfico a los clientes cada mes
- 52 mil millones de recursos en un solo día
- 864.000 imágenes y vídeos entregados correctamente a los clientes cada segundo
Estas cifras ilustran el rendimiento y la fiabilidad que la CDN respaldada por Akamai de Dynamic Media aporta a la distribución de medios enriquecidos.
Imágenes inteligentes
Dynamic Media ya optimiza los recursos y garantiza que cada recurso se cargue rápidamente en sistemas móviles y de escritorio mediante una red de distribución de contenido (CDN). Para que esto suceda, Dynamic Media usa ajustes preestablecidos de imagen para definir la calidad de la imagen. Los ajustes preestablecidos de imagen también definen el tipo de imagen que está enviando, su nitidez y otros parámetros de renderización para diferentes partes de las experiencias o páginas.
Pero para agregar valor a Dynamic Media más allá de los ajustes preestablecidos de imagen, hay Imágenes inteligentes.
Imágenes inteligentes proporciona una mejora de rendimiento del 22% al 47% con respecto a la entrega estándar de Dynamic Media, en función de la configuración preestablecida de la imagen existente y las características específicas del usuario final, a la vez que conserva la calidad de la imagen como si el recurso nunca se hubiera tocado.
Funcionamiento de las imágenes inteligentes
Imágenes inteligentes proporciona un rendimiento de entrega de recursos de imagen aún mejor al optimizar automáticamente el formato y el tamaño de archivo de una imagen en función de la capacidad del explorador del cliente. Funciona con los ajustes preestablecidos de imagen existentes (los ajustes preestablecidos de imagen se tratan en la parte II de este recorrido) y aplica inteligencia en el momento de la entrega.
Esta inteligencia reduce aún más el tamaño del archivo de imagen en función del explorador y de la velocidad de conexión de red. En resumen, Smart Imaging optimiza automáticamente el formato y el tamaño de archivo de una imagen en función de la capacidad del navegador y la velocidad de red del cliente, adaptando cada entrega a las condiciones de visualización específicas.
Rendimiento e impacto en la empresa
Dado que los recursos de imagen representan la mayor parte del tiempo de carga de una página, la mejora del rendimiento producida por las imágenes inteligentes influye directamente en varios indicadores comerciales clave. Una entrega de imágenes más rápida conduce a:
- Tasas de conversión más altas
- Se ha aumentado el tiempo empleado en el sitio
- Menor tasa de salida hacia otro sitio
La cadena causal es sencilla: las imágenes más pequeñas y optimizadas se cargan más rápido, las páginas más rápidas crean experiencias de usuario más fluidas y las experiencias más fluidas se traducen en una participación más sólida y en resultados de ingresos.
Cómo activar imágenes inteligentes
El soporte técnico de Dynamic Media de Adobe no activa Smart Imaging de forma predeterminada porque requiere un esfuerzo coordinado. La activación de imágenes inteligentes también requiere una limpieza completa de la caché de CDN, que luego se rellena con el tiempo, lo que garantiza que las variantes de imagen no optimizadas y en caché anteriores se sustituyan por las entregas recién optimizadas.
Para utilizar imágenes inteligentes, siga estos pasos:
- Enviar un ticket de soporte técnico al soporte técnico de Dynamic Media de Adobe.
- Reciba un parámetro de URL del servicio de asistencia técnica que le permita obtener una vista previa del comportamiento de imágenes inteligentes antes de la activación completa.
- Realice pruebas en cualquier página web o imagen para medir las mejoras de rendimiento y los ahorros en el tamaño de archivo de su propio contenido.
- Solicite la activación completa para que las imágenes inteligentes estén activadas en todo el sitio.
Este método de prueba y activación le permite validar la mejora de rendimiento esperada de entre el 22 % y el 47 % con respecto a los ajustes preestablecidos y la audiencia específicos antes de comprometerse con un despliegue en todo el sitio.
Conjuntos de vídeos adaptables
Un conjunto de vídeos adaptable agrupa varias versiones codificadas del mismo vídeo de origen (cada una representada a una velocidad de bits y un formato diferentes) para que el archivo óptimo se pueda entregar a cualquier dispositivo en cualquier condición de red. Se trata de la solución de Dynamic Media para transmitir vídeo sin problemas a través de teléfonos, tabletas y equipos de escritorio sin que el editor tenga que administrar manualmente la codificación, el tamaño o la lógica de envío.
Por qué la entrega de vídeo es compleja
Cuando una página contiene vídeo, los clientes suelen interactuar con ese contenido durante más tiempo y permanecer en la página durante más tiempo, un patrón de comportamiento que Adobe ha observado a través de sus propios análisis. Sin embargo, para captar esa participación es necesario resolver varios problemas técnicos a la vez:
- El archivo de origen principal es grande y a menudo es demasiado pesado para su uso directo.
- El reproductor debe decidir cómo cambiar el tamaño, codificar y entregar el vídeo para que la reproducción sea fluida.
- La reproducción debe seguir siendo confiable independientemente del dispositivo del visor o del ancho de banda disponible.
Dynamic Media aborda estos desafíos generando y suministrando un conjunto de vídeos adaptables en lugar de un solo archivo estático.
Funcionamiento de los conjuntos de vídeos adaptables
- Cargar el vídeo principal. Empiece con el archivo de origen original de alta calidad y cárguelo en el sistema.
- Transcodificación automática. Dynamic Media cambia el tamaño automáticamente o transcodifica esa fuente en varios vídeos derivados, cada uno codificado con una resolución y velocidad de bits diferentes y optimizado para una clase específica de dispositivo o velocidad de conexión.
- Envío inteligente a tiempo de solicitud. Cuando un visor solicita el vídeo, Dynamic Media determina qué versión codificada, qué nivel de calidad y qué formato se va a utilizar y, a continuación, lo transmite al teléfono, la tableta o el equipo de escritorio.
Por ejemplo, en un dispositivo móvil iOS, Dynamic Media detecta si la conexión es 4G, 5G o Wi-Fi. En función de esa señal, selecciona automáticamente el vídeo codificado adecuado entre las distintas velocidades de bits del conjunto de vídeos adaptables y lo transmite al dispositivo.
Cambio de calidad automático
Los conjuntos de vídeos adaptables responden de forma continua a las condiciones de visualización:
- Fluctuaciones de la red: Cuando las condiciones de la red cambian a mitad de la reproducción, el reproductor cambia automáticamente a una versión codificada diferente dentro del conjunto. Esto mantiene la reproducción continua y reduce las interrupciones causadas por las caídas del ancho de banda.
- Visualización de pantalla completa en el escritorio: Cuando un cliente entra en el modo de pantalla completa, el conjunto de vídeos adaptable responde proporcionando una codificación de mayor resolución, lo que mejora la experiencia de visualización con un tamaño de pantalla mayor.
Principales ventajas
El uso de conjuntos de vídeos adaptables ofrece:
- Reproducción suave y de alta calidad para clientes que ven vídeo de Dynamic Media en varias pantallas y dispositivos.
- Administración de vídeo simplificada, ya que una carga de origen único se transcodifica automáticamente en todas las versiones necesarias, lo que elimina la necesidad de crear, almacenar y asignar manualmente archivos independientes para cada dispositivo o escenario de ancho de banda.
- Experiencia del visor coherente, ya que el mismo conjunto de vídeos adaptable se adapta sobre la marcha a la capacidad del dispositivo, el tipo de conexión y el contexto de reproducción.
Casos de uso para Dynamic Media dm-journey-b
Los siguientes son problemas comunes de casos de uso y soluciones que Dynamic Media resuelve para lograr una participación positiva de los clientes, lealtad, conversión y un mayor retorno de la inversión (ROI).
Dynamic Media aborda los desafíos recurrentes a los que se enfrentan los equipos de marketing, comercio electrónico y experiencia digital que deben ofrecer contenido visual enriquecido a escala en todos los dispositivos, canales y segmentos de audiencia. Al centralizar la producción y la entrega de imágenes, vídeos y medios interactivos, Dynamic Media reduce la sobrecarga de producción manual, acelera el tiempo de salida al mercado y garantiza que los clientes vean la experiencia visual correcta en el contexto correcto, lo que a su vez refuerza la participación y aumenta las tasas de conversión.
Casos habituales de uso de Dynamic Media
- Imágenes adaptables y optimizadas para el dispositivo: Envíe automáticamente imágenes de tamaño, recortadas y comprimidas para el dispositivo y la ventanilla solicitante. Esto elimina la necesidad de producir y almacenar varias representaciones manuales, mejora el rendimiento de carga de página y crea una experiencia visual uniforme en equipos de escritorio, tabletas y móviles.
- Envío y transmisión de vídeo bajo demanda: Codifique, aloje y transmita vídeo de forma adaptativa a través de canales sin plataformas de vídeo de terceros. La velocidad de bits adaptable garantiza una reproducción fluida en condiciones de red variables, lo que permite tasas de visualización más altas y narración de productos más completa.
- Visores interactivos y experiencias con medios enriquecidos: proporciona zoom, giros de 360 grados, conjuntos de imágenes, carruseles y visores de vídeo con punto interactivo que permiten a los compradores examinar los productos en detalle. Las experiencias interactivas profundizan la participación y reducen las dudas de compra, lo que contribuye directamente a una mayor conversión.
- Recorte inteligente e imágenes asistidas por IA: utilice el recorte inteligente para mantener el asunto de una imagen centrado en cada proporción de aspecto y canal. Esto elimina el trabajo de edición manual repetitivo y mantiene los elementos visuales de comercialización a escala de la marca.
- Experiencias visuales personalizadas y contextuales: Proporcione variaciones del mismo recurso (diferentes colores, idiomas, superposiciones de precios o mensajes promocionales) desde un solo archivo maestro. Personalization a nivel de recursos aumenta la relevancia para cada segmento de audiencia y admite la lealtad al hacer que las experiencias se sientan adaptadas.
- Envío omnicanal coherente: publique una vez y entregue en todas partes: web, aplicaciones móviles, correo electrónico, medios sociales, pantallas en tienda y mercados. Una única fuente fiable para los medios evita incoherencias que erosionan la confianza de la marca.
- Tiempo de comercialización más rápido para las campañas: reutilice los recursos principales con parámetros dinámicos en lugar de volver a grabar o editar para cada campaña. Los equipos de marketing pueden iniciar, repetir y localizar campañas más rápidamente, lo que mantiene el impulso y mejora el retorno de la inversión de la campaña.
Cada uno de estos casos de uso vincula un problema concreto de producción o entrega con un resultado comercial medible: menor coste operativo, ciclos de lanzamiento más rápidos, una mayor participación del cliente, una mayor conversión y una lealtad a largo plazo mejorada.
Caso de uso: enfoque de archivo principal
El problema del peso de página
Aproximadamente el 90% del peso de una página web típica proviene de medios enriquecidos: imágenes y archivos de vídeo que a menudo son significativamente más pesados que otros componentes de la página. El 10% restante es HTML, código CSS y etiquetas específicas. La reducción del peso de página y del tamaño del contenido, ya sea para una imagen o para un vídeo, es uno de los casos de uso más importantes y obvios de Dynamic Media. Las páginas más ligeras se cargan más rápido, funcionan mejor en las redes móviles y ofrecen una experiencia más fluida en todos los dispositivos, lo que contribuye a una participación y unos resultados de conversión más sólidos.
Peso de página de contenido de una página web típica.
Dado que los medios enriquecidos dominan el peso de la página, es allí donde se centra Dynamic Media para optimizar ese 90 %. El concepto principal es un archivo de recurso principal con varias opciones de envío, y este enfoque es fundamental para reducir el peso total de la página.
El enfoque de un solo archivo principal
Un solo recurso principal puede alimentar muchas superficies a la vez. Por ejemplo, se puede reutilizar una imagen de producto en:
- La página de detalles del producto
- Una página en miniatura
- El carro de compras
- La cuadrícula de búsqueda
El reloj es un archivo de recursos principal, pero con varias representaciones (no copias) creadas sobre la marcha.
Esta reutilización es muy eficiente y garantiza la coherencia visual en todas las experiencias en las que aparece el recurso.
Problemas que Dynamic Media resuelve con el método de un solo archivo
Por qué la duplicación de recursos crea costes ocultos
Cuando los equipos crean un recurso independiente para cada tipo de experiencia, una imagen de inicio suele convertirse en 20, 30 o 40 variaciones almacenadas, cada una de las cuales debe pagarse y administrarse. A continuación, los equipos deben asegurarse de que se utiliza la imagen correcta en cada contexto, lo que afecta directamente a la coherencia de la marca. Cuando no se puede localizar una imagen, los equipos terminan duplicando recursos de nuevo, lo que agrava los costes de almacenamiento y coordinación.
Ventajas del enfoque de un solo archivo
Dynamic Media crea variaciones de imágenes de forma dinámica a partir de esa imagen inicial. Los equipos de Creative pueden trabajar de forma flexible con el recurso principal sin necesidad de coordinarse repetidamente con el equipo de diseño gráfico o el estudio fotográfico para generar contenido adicional. Esto reduce directamente los costes de producción y el tiempo de salida al mercado, ya que las representaciones se producen bajo demanda en lugar de generarse previamente y almacenarse.
Con el enfoque de un solo archivo, un solo archivo principal alimenta cada versión descendente. Las representaciones necesarias en los sitios, las propiedades y las experiencias de los clientes se generan solo en el momento en que se entregan a un cliente. Esta eficiencia reduce considerablemente el espacio de almacenamiento necesario para los recursos y la complejidad general del flujo de trabajo. El sistema de entrega de Dynamic Media garantiza que todas las imágenes y vídeos estén optimizados, se carguen rápidamente y tengan un aspecto impecable en todas las pantallas y dispositivos.
Caso de uso: vídeo
Dynamic Media aborda uno de los tipos de recursos más exigentes del comercio digital: vídeo. Los recursos de vídeo son intrínsecamente complejos de administrar, almacenar y distribuir debido a su gran tamaño de archivo, a los requisitos de formato múltiple y a la necesidad de procesarlos sin problemas en una amplia gama de dispositivos, resoluciones de pantalla y condiciones de red. Sin una canalización automatizada, los equipos suelen enfrentarse a una transcodificación manual, una calidad de reproducción incoherente y tiempos de carga lentos, todo lo cual afecta directamente a la percepción y la conversión de la marca.
Los clientes llegan a Dynamic Media con los siguientes problemas que esperan resolver:
“Mi empresa tiene el video, pero evitó enviarlo. Las pruebas mostraron que la calidad del vídeo era inconsistente. Esto afecta la marca y la conversión.”
La reproducción incoherente erosiona la confianza del usuario y aumenta las tasas de salida hacia otro sitio, ya que los visitantes interpretan el vídeo estancado o de baja calidad como una señal de mala calidad del producto o de la marca. La solución de Dynamic Media es tomar ese archivo de vídeo principal y permitir que Dynamic Media genere todos los tamaños y codificaciones requeridos a través de su proceso automatizado de transcodificación. Esa salida está emparejada con el reproductor de vídeo inteligente de Dynamic Media, que selecciona la representación óptima en tiempo real en función del dispositivo y la conexión.
Como resultado, este flujo de trabajo garantiza una reproducción consistente y de alta calidad dondequiera que aparezca el vídeo, ya sea en la página de aterrizaje principal, en una página de categoría o en una página de detalles del producto, lo que ayuda a preservar la integridad de la marca y ofrece un rendimiento de conversión más sólido en todo el recorrido del cliente.
Estos son varios casos de uso más que hay que tener en cuenta.
Caso de uso: Una sola fuente de verdad
Caso de uso: Recorte inteligente con tecnología de IA para medios enriquecidos
Caso de uso: Creación de medios interactivos
Flujo de recursos a través del sistema de Dynamic Media dm-journey-c
Un flujo de trabajo típico de Dynamic Media mueve un recurso a través de tres fases secuenciales: (1) Creación, (2) Creación/Carga y (3) Optimización y publicación. El resultado final es un único recurso principal que se entrega dinámicamente a través de los canales web, de impresión, de correo electrónico, de escritorio y móviles desde servidores de Dynamic Media centralizados.
Flujo de recursos a través del sistema Dynamic Media.
1. Fase de creación: producción del recurso principal
El flujo de trabajo comienza en la fase de creación, donde el objetivo es producir un recurso principal de alta calidad. Estos recursos principales suelen proceder de:
- Sesiones fotográficas profesionales
- Proveedores de vídeo y socios de producción
- Archivos de audio producidos para el proyecto
Las aplicaciones de Adobe Creative Suite admiten esta fase, entre ellas Adobe InDesign, Adobe Photoshop y Adobe Illustrator, que se utilizan para diseñar, retocar y finalizar el contenido de origen antes de que entre en el sistema de Dynamic Media.
2. Fase de creación: cargando en Dynamic Media
Una vez completada la creación, el recurso terminado se cargará en la solución de creación en Dynamic Media. Durante esta fase, los ajustes preestablecidos de imagen y visores correctos se configuran y alinean con las distintas páginas web del sitio, de modo que cada recurso se procese con el tamaño, la calidad y el comportamiento interactivo adecuados para la ubicación deseada.
3. Fase de publicación: optimización y envío multicanal
En la fase final, el contenido se optimiza y se publica en servidores de Dynamic Media. Esta optimización prepara el recurso para la entrega dinámica, que permite reutilizar un solo archivo maestro de forma eficaz en todos los canales de salida. Una vez publicado, el recurso está disponible para su envío a:
- Páginas web y sitios adaptables
- Producción de Print
- Correo electrónico campañas
- Experiencias de escritorio
- Dispositivos móviles
Este modelo centralizado de publicación una vez y entrega en cualquier lugar garantiza la coherencia visual en todos los canales, a la vez que reduce la necesidad de almacenar y administrar representaciones independientes para cada destino.
Carga de Assets en Dynamic Media
Después de crear un recurso principal, cárguelo en Dynamic Media. El tipo, formato y tamaño de archivo son atributos esenciales que determinan cómo Dynamic Media procesa y entrega el recurso. En el momento de la carga, asegúrese de extraer el valor máximo del modelo one-file support.
Por ejemplo, la siguiente imagen de reloj mide 4560 x 3020 píxeles. Incluso si nunca tiene intención de mostrar una imagen a ese tamaño completo, debe cargarla con la resolución más alta disponible. Cuanto mayor sea la imagen de origen, mejor será la calidad de Dynamic Media en todas las representaciones (hasta la miniatura más pequeña), ya que Dynamic Media puede reducir la resolución de un patrón de alta resolución sin introducir artefactos. Recuerde este principio clave: puede disminuir fácilmente la resolución de una imagen existente, pero al intentar aumentar la resolución de una imagen de baja resolución se producen resultados pixelados insatisfactorios.
Consideraciones para las cargas de recursos
Formatos de archivo recomendados: Adobe recomienda cargar los recursos en un formato sin pérdidas. Evite JPEG como formato de origen porque cada vez que envíe o guarde un JPEG, la calidad de la imagen se degrada debido a su compresión con pérdidas. En su lugar, comience con las imágenes de mayor resolución en un formato sin pérdidas. Los formatos preferidos suelen ser:
- TIFF (Formato De Archivo De Imagen Etiquetado)
- PNG (gráficos de red portátiles)
Consideraciones sobre el espacio de color: Al planear canales digitales o envíos web, el espacio de color predeterminado es RGB (rojo, verde, azul), que corresponde a la forma en que las pantallas representan el color mediante la luz.
La mayoría de los usuarios no considera la entrega de recursos en CMYK (cian, magenta, amarillo, clave/negro) o por qué necesitarían hacerlo. CMYK es el espacio de color estándar para los materiales impresos porque corresponde a las tintas utilizadas en las imprentas offset y digitales. Sin embargo, Dynamic Media admite la entrega en ambos espacios de color.
Muchos clientes siguen dependiendo de la producción impresa, entre ellos:
- Clubes mayoristas de almacén que producen catálogos de miembros
- Tiendas de comestibles que imprimen folletos y circulares semanales
Estos clientes necesitan sus imágenes en RGB y CMYK. Tradicionalmente, cumplir con este requisito significaba mantener dos archivos separados: una versión de RGB y una versión de CMYK. Sin embargo, con Dynamic Media puede cargar recursos CMYK directamente y Dynamic Media entregará automáticamente recursos de RGB a través de un ajuste preestablecido de imagen o un perfil de color. Esto elimina la necesidad de crear y administrar varias versiones del mismo archivo, conservando el principio básico de un archivo de recurso principal con varias opciones de envío.
Publicación y previsualización de recursos
Publicación de recursos en Dynamic Media
Después de cargar los recursos en Dynamic Media, publíquelos para que se puedan enviar a cualquier experiencia del cliente. Para publicar manualmente:
- Seleccione los recursos cargados en Dynamic Media.
- Haga clic en Publicar o en Publicación rápida.
La publicación es necesaria siempre que tenga intención de utilizar recursos en cualquier experiencia, ya que los recursos sin publicar no se proporcionan a través de la capa de entrega de Dynamic Media y, por lo tanto, no se puede hacer referencia a ellos desde una página web activa. Una vez publicados, los recursos quedan disponibles para su inclusión en una página web de dos formas:
- Copie la URL generada por Dynamic Media y haga referencia a ella directamente.
- Copie el código incrustado y péguelo en el marcado de la página.
Publicación automática al cargar
Además del flujo de trabajo manual, Dynamic Media admite la publicación automática. Puede configurar Dynamic Media para que publique recursos instantáneamente en el momento de la carga, sin la intervención del usuario. Esto elimina el paso de publicación manual y acorta el tiempo entre la ingesta de un nuevo recurso y su disponibilidad para la entrega web.
Previsualizar representaciones de recursos
Después de la carga, Dynamic Media ofrece varias formas de previsualizar las representaciones de un recurso. La vista previa muestra lo que ve un cliente antes de que el recurso esté incrustado en la producción, lo que ayuda a validar el recorte, el tamaño, el comportamiento del visualizador y la calidad visual general.
Vista previa con un ajuste preestablecido de imagen
Un método de vista previa común usa ajustes preestablecidos de imagen:
- Seleccione un recurso en Dynamic Media.
- Abrir sus representaciones.
- Elija un ajuste preestablecido de imagen (por ejemplo, “Grande”).
La ruta URL resultante contiene el nombre del ajuste preestablecido de imagen (como “Grande”) y es la misma URL que utiliza en una página web.
Vista previa de una representación de un recurso en función del ajuste preestablecido de imagen “Grande” seleccionado. La ruta de URL resultante contiene el nombre del ajuste preestablecido de imagen “Grande” y se utiliza en una página web.
La URL anterior está activa. Inténtelo.
Vista previa con un ajuste preestablecido de visor
Otro método para obtener una vista previa de un recurso usa ajustes preestablecidos de visor, que representan el recurso dentro de un visor interactivo de HTML5:
- Seleccione el recurso de imagen.
- Elija un ajuste preestablecido de Visores (por ejemplo, “ZoomVertical_light”).
- Utilice los botones URL e Incrustar para copiar la dirección URL de entrega o el fragmento incrustado.
Vista previa de un recurso en función del ajuste preestablecido de visualizador “ZoomVertical_light” seleccionado. El puntero del mouse (+) se movió sobre el reloj para aumentar la vista. Observe los botones URL e Incrustar.
La representación anterior está activa. Inténtelo.
Opcional: Más información
La parte I de esta documentación abarcaba los aspectos básicos de Dynamic Media en Adobe Experience Manager, una capacidad diseñada para ofrecer medios interactivos y adaptables, incluidas imágenes, conjuntos y vídeos, en canales web, móviles y conectados. Para profundizar en su comprensión de los conceptos introducidos en la Parte I, utilice los recursos depurados que aparecen a continuación. Estos materiales complementarios se amplían en los flujos de trabajo, la configuración y los patrones de envío de Dynamic Media con mayor detalle técnico. De lo contrario, continúe con la Parte II de esta documentación. Ver Qué sigue en este Recorrido de Dynamic Media.
Tutoriales de Dynamic Media
- Uso de Dynamic Media con Experience Manager Assets: vídeos de funciones y tutoriales guiados que muestran cómo habilitar, configurar y aplicar las funciones de Dynamic Media directamente en Adobe Experience Manager Assets, incluida la ingesta de recursos, los ajustes preestablecidos de imagen y la entrega dinámica.
- Biblioteca de contenido de Adobe Experience Manager (busque en Dynamic Media): un centro de aprendizaje de Experience League más amplio en el que puede filtrar tutoriales, cursos y artículos recomendados buscando Dynamic Media para encontrar rutas de aprendizaje basadas en roles para administradores, desarrolladores y especialistas en marketing.
Visores de Dynamic Media
- Demostraciones en directo de cada visor: demostraciones interactivas y de trabajo de cada tipo de visor de Dynamic Media (como visores de zoom, giro, vídeo y carrusel), útiles para evaluar la apariencia del visor, la interacción del usuario y el comportamiento antes de implementarlos en sitios de producción.
Qué sigue en esta documentación de Dynamic Media whats-next
La parte II de esta documentación sigue el recorrido de Dynamic Media con un enfoque técnico más profundo en la entrega de recursos y las experiencias de visualizadores de varios recursos. Concretamente, la parte II abarca:
- URL de Dynamic Media: un examen detallado de la estructura y los parámetros de la URL para que entienda exactamente qué sucede entre bastidores cuando se solicita y envía un recurso.
- Ajustes preestablecidos de imagen: los aspectos básicos de la creación de ajustes preestablecidos que representan dinámicamente recursos con el tamaño, el formato y la calidad requeridos por cada contexto de envío.
- Conjuntos de imágenes: cómo crear conjuntos que permitan a los usuarios ver un producto o recurso desde varios ángulos o variaciones dentro de un único visor interactivo.
- Conjuntos de giros: cómo ensamblar secuencias de imágenes que producen una experiencia de visualización rotacional de 360 grados.
- Conjuntos de medios mixtos: Aprenda a combinar distintos tipos de recursos, como imágenes, conjuntos de giros y vídeos, en un visor unificado.
Juntos, estos temas se basan directamente en los conceptos básicos introducidos en la parte I y le preparan para configurar experiencias de Dynamic Media más ricas e interactivas.
Continúe con Dynamic Media: Conceptos básicos, Parte II.