Adobe Muse es ideal para crear presentaciones de medios en línea, y en ninguna parte he visto mejor evidencia de eso que el documental "Más allá de la playa" de Al Jazeera. Recientemente conversé con Konstantinos Antonopoulos, productor interactivo de Al Jazeera English, y le pregunté sobre los procesos involucrados en la construcción..
Hola Konstantinos, ¡gracias por tomarse el tiempo para responder algunas preguntas para nosotros! Solo brevemente, cuéntenos sobre el proyecto "Más allá de la playa".
Es una de las características de larga duración que creamos dentro de nuestro equipo interactivo en Al Jazeera English, como el siguiente paso lógico hacia los artículos de características estándar que se pueden encontrar en el sitio; como un artículo "rico en medios" que cautiva a los usuarios y los involucra con la trágica historia de un país que se está recuperando de una guerra civil.
Poco después de que publicáramos un artículo de larga duración sobre la guerra en la República Democrática del Congo, buscábamos involucrarnos en el relato de historias visuales más complicadas con Muse..
Marcelle Hopkins, productora de Al Jazeera en los EE. UU., Tuvo la idea de hacer un largo camino en Sri Lanka, tan pronto como obtuvo permiso para visitar el país para informar sobre las consecuencias de la guerra civil, algo extremadamente difícil para Un periodista occidental. Ella y el director de fotografía Andrew Blum pasaron un mes en el despliegue y trajeron una gran cantidad de material. Teníamos fotos y videos magníficos e historias fascinantes de personas cuando nos sentamos para estructurarlos en una experiencia de larga duración..
Al Jazeera tiene una gran presencia global y me imagino que entrar en un nuevo territorio en su nombre fue un desafío. ¿Por qué sentiste que Adobe Muse ofrecía lo que necesitabas para este proyecto??
Cuando comenzamos a examinar Long Forms como una forma de contar historias complicadas, al principio pensamos en codificarlas nosotros mismos. Después de todo, nuestro equipo interactivo es un grupo de programadores, diseñadores y editores que se sientan en la misma sala y, a menudo, se oponen a la tecnología y los comentarios. tirar las ideas Rápidamente decidimos no hacerlo, ya que las fechas límite son frecuentes asesinos de la diversión en las salas de redacción..
El siguiente paso fue usar una solución en beta que estaba disponible en el mercado por una empresa de inicio. Intentamos crear varios diseños, pero sentimos que la herramienta estaba frenando nuestra creatividad y no nos permitía contar historias de la forma que habíamos imaginado, guiado y planificado..
Trajimos a Muse para una prueba de manejo en un proyecto en vivo en un plazo ajustado. Hasta ese momento, nunca lo había explorado más allá de la pantalla inicial y, aunque sabía lo que podía ofrecer, no había construido nada con él y mi experiencia como usuario de InDesign me guió a través del proceso de diseño..
Poder personalizar la historia completamente fue la característica de venta. Por lo general, seguimos un guión gráfico que preparamos de antemano y descubrí que, al diseñar una historia con Muse, es extremadamente fácil hacer que la historia fluya de arriba a abajo, sin interrupciones narrativas ni comprometa la experiencia para el lector..
Realmente ha ido a la ciudad con el uso de videos, imágenes ricas, interacción de desplazamiento, etc., donde hubiera detalles que le hubiera gustado agregar con los que Adobe Muse no pudo ayudarlo.?
Nuestro equipo interactivo incluye programadores, que se sientan junto a periodistas y diseñadores y se aseguran de que tengamos todos los elementos personalizados que necesitamos. En "Más allá de la playa", quería que los usuarios pudieran ver los videos de introducción en cada categoría y luego, sin ninguna interacción de su parte, comenzar a leer la historia. Muse no tenía una característica como esta, así que la construimos nosotros mismos.
Este fue el primero de una serie de widgets personalizados que desarrollamos dentro del equipo web de Al Jazeera. Algunos están aportando datos de métricas útiles para ayudarnos a comprender cómo los usuarios están viendo nuestras historias. Otros nos permiten controlar el comportamiento de los multimedia según la forma en que se cuente la historia, lo cual es extremadamente útil cuando queremos que los videos se reproduzcan automáticamente cuando estén visibles, por ejemplo..
Entonces, nuevamente, algunos simplemente reproducen las características de la narración que queremos que tenga la historia: desarrollamos un widget que inicialmente muestra un botón en la parte superior de una imagen y, a medida que el usuario se desplaza al 70% de visibilidad, el botón desaparece y comienza a reproducirse un video. ; cuando termina o el usuario se desplaza a la parte superior de la página, la imagen del póster es nuevamente visible y el botón también, que se puede hacer clic para compartir el video.
A medida que continuamos construyendo elementos personalizados, planeamos hacer que algunos de ellos estén disponibles gratuitamente para la comunidad Muse a través de los canales de Adobe..
La narración de historias en la web juega un papel importante en el periodismo en estos días; la escritora (@marcellehopkins) estaba dispuesta a que ella dijera cómo se presentó la historia "Más allá de la playa"?
Desde el principio hasta el final, trabajé estrechamente con Marcelle; ella me guió a través de la historia, la guié a través del guión gráfico y formamos la narrativa juntos. Establecimos el punto focal de cada historia y trabajamos para que las palabras y los elementos visuales estuvieran en armonía..
Cuando los diseñadores y editores trabajan juntos, ayuda cuando uno habla el idioma del otro. Siendo periodista durante más de 15 años, antes de dedicarme al diseño editorial, generalmente puedo comunicarme claramente con los editores en historias de larga duración. Las habilidades de producción impecables de Marcelle y su gran ojo para los visuales hicieron que trabajar en esta pieza fuera mucho más fácil.
Al trabajar en un proyecto de Adobe Muse, ¿cuánto depende de otras aplicaciones de diseño, como Adobe Photoshop y Adobe Illustrator, por ejemplo? ¿Cómo encuentras que trabajen juntos??
He estado usando Illustrator durante años para prácticamente todo, ¡es el único programa que se abrirá tan pronto como encienda mis Mac! Estoy exportando la mayoría de las ilustraciones en .svg usando Illustrator y soltándolas en Muse. Estoy agradecido de que Adobe simplificó este proceso ya que construí "Más allá de la playa" y ahora puedo copiar y pegar ilustraciones vectoriales en Muse.
Como trabajo con imágenes grandes, uso mucho Photoshop y Lightroom, dependiendo de las necesidades del proyecto. Tengo un montón de acciones personalizadas creadas en Photoshop para optimizar las exportaciones de Muse y admitir pantallas de retina, además de asegurarme de que las imágenes se califiquen correctamente. La capacidad de usar el formato .psd en Muse hace que los viajes de ida y vuelta para ediciones menores sean mucho más cómodos..
Premiere o Final Cut Pro X se encargan de la edición y exportación de videos, y yo utilizo Adobe Speedgrade para la clasificación de colores. Estamos haciendo un uso extensivo de Edge Animate cuando necesitamos agregar un código personalizado, ya que la exportación y descarga de .oam en Muse hace que todo sea más rápido y más simple..
Con un tema tan serio, ¿encontró algún elemento de diseño de UI inadecuado para este proyecto??
A lo largo de toda la historia, traté de ocultar las distracciones que pude al usuario, para que el foco permaneciera en la historia. Los bocetos de producción iniciales tenían un enfoque aún más minimalista, pero, después de las pruebas en Al Jazeera, decidí usar el menú fijo como una forma más fácil para que las personas naveguen.
Este enfoque, un entorno sin distracciones para que la historia crezca, es lo que usualmente adoptamos en las formas largas..
No parece haber ningún diseño específico para dispositivos móviles para este sitio web, fue una decisión deliberada?
Hemos estado utilizando la función de diseños múltiples de Muse para muchas de las formas largas que producimos, pero no dimos ese paso por este. La decisión se tomó debido a los plazos y porque nuestras pruebas con múltiples pantallas mostraron que la historia se podría leer y disfrutar en varios dispositivos.
Es un compromiso diseñar tantas pantallas como sea posible y, por lo general, doy un paso más para diseñar diferentes experiencias para diferentes versiones de la historia (escritorio, tableta y dispositivo móvil), pero como exporté esta a mi iPhone y iPad Pasé por eso, me alegró darme cuenta de que está perfectamente bien seguir este diseño..
Entonces, ¿qué sigue para ti y Adobe Muse??!
Acabo de terminar de diseñar un proyecto muy complejo, llamado "Palestine Remix" para Al Jazeera Media Network, que se lanzará el 29 de noviembre..
Es un sitio web que alberga 21 documentales sobre los palestinos que se han producido para la red en los últimos años; Con el tiempo, iremos añadiendo más. Todos incluyen transcripciones que se pueden buscar y la capacidad de moverse a través de cualquier pieza con solo hacer clic en una palabra determinada, utilizando una tecnología llamada HyperAudio. Esto también brinda a los usuarios la capacidad de crear y compartir sus remezclas personalizadas del material original, al arrastrar partes del texto a una nueva ventana de video..
Toda esta funcionalidad se basa en los diseños de Muse, que también incluyen varios otros elementos (glosario, línea de tiempo, buscador de personas, mapas interactivos, imágenes aéreas y una función de búsqueda) que complementan las historias y brindan a los lectores una visión completa de lo histórico y lo histórico. situación actual en el Medio Oriente.