Comment ils l'ont fait Al Jazeera «Au-delà de la plage», construite avec Adobe Muse

Adobe Muse est parfaitement adapté à la création de présentations de médias en ligne, et je n’ai jamais vu d’autres preuves de cela que le documentaire «Beyond the Beach» d’Al Jazeera. J'ai récemment discuté avec Konstantinos Antonopoulos, producteur interactif chez Al Jazeera English, et je lui ai posé des questions sur les processus impliqués dans la construction..

L'interview

Bonjour Konstantinos, merci d'avoir pris le temps de répondre à quelques questions pour nous! En quelques mots, parlez-nous du projet «Beyond the Beach».

C’est l’une des fonctionnalités longues que nous avons créées au sein de notre équipe interactive d’Al Jazeera English, en tant que prochaine étape logique des articles de fond standard disponibles sur le site; en tant qu'article «riche en médias» qui captive les utilisateurs et les implique dans l'histoire tragique d'un pays qui se remet d'une guerre civile.

Peu de temps après avoir publié un long long métrage sur la guerre en République démocratique du Congo, nous voulions nous impliquer pour raconter des histoires visuelles plus complexes à l'aide de Muse..

Marcelle Hopkins, productrice chez Al Jazeera aux États-Unis, nous a proposé de faire un long-métrage au Sri Lanka, dès qu’elle a obtenu l’autorisation de se rendre dans le pays pour faire un reportage sur les séquelles de la guerre civile - chose extrêmement difficile pour un journaliste occidental. Elle et le directeur de la photographie Andrew Blum ont passé un mois sur le déploiement et ont rapporté une grande quantité de matériel. Nous avions des photos et des vidéos magnifiques et des histoires fascinantes lorsque nous nous sommes assis pour les structurer en une longue expérience.

Al Jazeera a une présence mondiale énorme et j'imagine que pénétrer sur un nouveau territoire en son nom était un défi. Pourquoi avez-vous eu l'impression qu'Adobe Muse vous offrait ce dont vous aviez besoin pour ce projet??

Lorsque nous avons commencé à examiner les formes longues comme moyen de raconter des histoires complexes, nous avons tout d’abord pensé à les coder nous-mêmes. Après tout, notre équipe Interactive est composée de programmeurs, de concepteurs et de rédacteurs qui siègent dans la même pièce et se concentrent souvent sur les discussions et les technologies. jeter autour des idées. Nous avons rapidement décidé de ne pas y participer, car les délais sont de plus en plus meurtriers dans les salles de rédaction..

L'étape suivante consistait à utiliser une solution en version bêta disponible sur le marché par une entreprise en démarrage. Nous avons essayé de créer plusieurs mises en page, mais nous avons pensé que l'outil retenait notre créativité et ne nous permettait pas de raconter des histoires comme nous l'avions imaginé, scénarisé et planifié..

Nous avons invité Muse pour un essai sur un projet en direct dans des délais très courts. Jusque-là, je ne l'avais jamais exploré plus loin que l'écran d'ouverture et, même si je savais ce qu'il pouvait offrir, je n'avais rien construit avec et mon expérience en tant qu'utilisateur d'InDesign m'a guidé tout au long du processus de mise en page..

Être en mesure de personnaliser complètement l’histoire était la caractéristique la plus vendue. Nous suivons généralement un scénario que nous préparons à l’avance et j’ai trouvé que, lors de la conception d’une histoire avec Muse, il est extrêmement facile de faire en sorte qu’une histoire s’écoule de haut en bas, sans rupture narrative ni compromission de l’expérience pour le lecteur..

Vous êtes vraiment allé en ville pour utiliser la vidéo, les images riches, les interactions de défilement, etc. - y aurait-il des détails que vous auriez aimé ajouter, auxquels Adobe Muse ne pourrait pas vous aider??

Notre équipe interactive comprend des codeurs, qui siègent aux côtés de journalistes et de concepteurs et veillent à ce que nous ayons tous les éléments personnalisés dont nous avons besoin. Dans «Beyond the Beach», je voulais que les utilisateurs puissent voir les vidéos d'introduction dans toutes les catégories et ensuite, sans aucune interaction de leur part, commencer à lire l'histoire. Muse n'avait pas de fonctionnalité comme celle-ci, nous l'avons donc construite nous-mêmes.

C’était le premier d’une série de widgets personnalisés que nous avons développés au sein de l’équipe Web d’Al Jazeera. Certains apportent des données métriques utiles pour nous aider à comprendre comment les utilisateurs visualisent nos histoires. D'autres nous permettent de contrôler le comportement du multimédia en fonction de la manière de raconter l'histoire, ce qui est extrêmement utile lorsque nous voulons que les vidéos soient lues automatiquement lorsqu'elles sont visibles, par exemple.

D'autres encore ne font que reproduire les fonctionnalités de narration que nous souhaitons: nous avons développé un widget qui affiche initialement un bouton au-dessus d'une image et, lorsque l'utilisateur fait défiler l'écran à 70% de visibilité, le bouton disparaît et une vidéo commence à jouer. ; quand il termine ou que l'utilisateur fait défiler vers le haut de la page, l'image affiche est à nouveau visible et le bouton aussi, qui peut être cliqué pour partager la vidéo.

Tandis que nous continuons à créer des éléments personnalisés, nous prévoyons d'en rendre certains librement disponibles à la communauté Muse via les canaux Adobe..

La narration sur le Web joue un rôle important dans le journalisme de nos jours; L’écrivain (@marcellehopkins) était-il désireux de pouvoir dire comment l’histoire «Au-delà de la plage» était présentée?

Du début à la fin, j'ai travaillé étroitement avec Marcelle; elle m'a guidé à travers l'histoire, je l'ai guidée à travers le storyboard et nous avons formé le récit ensemble. Nous avons établi le point central de chaque histoire et travaillé pour que les mots et les éléments visuels soient en harmonie..

Lorsque concepteurs et éditeurs travaillent ensemble, il est utile que l’un parle la langue de l’autre. En tant que journaliste pendant plus de 15 ans, avant de me tourner vers la conception éditoriale, je suis généralement capable de communiquer clairement avec les rédacteurs en chef sur des histoires longues. Les compétences impeccables de Marcelle en matière de production et son œil pour les graphismes ont grandement facilité la tâche..

Lorsque vous travaillez sur un projet Adobe Muse, utilisez-vous beaucoup d'autres applications de conception, telles que Adobe Photoshop et Adobe Illustrator, par exemple? Comment trouvez-vous qu'ils travaillent ensemble?

Cela fait des années que je me sers d’Illustrator pour pratiquement tout - c’est le seul programme qui est prêt à s’ouvrir dès que j’allume mes Mac! J'exporte la plupart des oeuvres au format .svg en utilisant Illustrator et en les déposant dans Muse. Je suis reconnaissant à Adobe d’avoir simplifié ce processus depuis que j’ai construit «Au-delà de la plage» et je peux maintenant simplement copier et coller des illustrations vectorielles dans Muse..

Étant donné que je travaille avec de grandes images, j'utilise beaucoup Photoshop et Lightroom, en fonction des besoins du projet. De nombreuses actions personnalisées ont été créées dans Photoshop pour optimiser les exportations Muse et prendre en charge les écrans de rétine, ainsi que pour veiller à ce que les images soient correctement notées. La possibilité d'utiliser le format .psd dans Muse facilite grandement les allers-retours des modifications mineures..

L'édition vidéo et l'exportation d'images fixes sont généralement gérées par Premiere ou Final Cut Pro X et j'utilise Adobe Speedgrade pour l'étalonnage des couleurs. Nous utilisons énormément Edge Animate lorsque nous devons ajouter du code personnalisé, car l'export et l'extension .oam dans Muse rendent tout plus rapide et plus simple..

Avec un sujet aussi sérieux, avez-vous trouvé certains éléments de la conception de l'interface utilisateur inappropriés pour ce projet??

Tout au long de l'histoire, j'ai essayé de cacher le plus de distractions possible à l'utilisateur, afin que l'attention reste centrée sur l'histoire. Les esquisses de production initiales avaient une approche encore plus minimaliste, mais après des tests au sein d'Al Jazeera, j'ai décidé d'utiliser le menu fixe pour faciliter la navigation des personnes..

Cette approche, un environnement sans distraction pour la croissance de l'histoire, est ce que nous adoptons habituellement pour les formes longues..

Il ne semble pas y avoir de design spécifique à un mobile pour ce site, était-ce une décision délibérée??

Nous avons utilisé la fonctionnalité de mises en forme multiples de Muse pour bon nombre des formes longues que nous produisons, mais nous n’avons pas pris cette mesure pour celle-ci. La décision a été prise à cause des délais et parce que nos tests avec plusieurs écrans ont montré que l'histoire serait lisible et agréable sur différents appareils..

C’est un engagement de concevoir pour autant d’écrans que possible et j’ai l'habitude de prendre des mesures supplémentaires pour concevoir différentes expériences pour différentes versions de l'histoire (bureau, tablette et mobile), mais, lorsque j'ai exporté celle-ci sur mon iPhone et mon iPad, Je suis heureux de constater que cette disposition est parfaitement acceptable..

Alors, quelle est la prochaine pour vous et Adobe Muse?!

Je viens de terminer la conception d'un projet très complexe appelé «Palestine Remix» pour Al Jazeera Media Network, qui sera lancé le 29 novembre..

C'est un site Web qui héberge 21 documentaires sur les Palestiniens qui ont été produits pour le réseau ces dernières années; avec le temps, nous en ajouterons d'autres. Tous incluent des transcriptions consultables et la possibilité de parcourir n’importe quel élément en cliquant simplement sur un mot donné, à l’aide d’une technologie appelée HyperAudio. Cela donne également aux utilisateurs la possibilité de créer et de partager leurs remixes personnalisés du matériel original, en faisant glisser des parties du texte vers une nouvelle fenêtre vidéo..

Toutes ces fonctionnalités s’appuient sur les présentations de Muse, qui incluent également plusieurs autres éléments (grille, chronologie, recherche de personnes, cartes interactives, séquences aériennes et fonction de recherche) qui complètent les récits et offrent aux lecteurs un aperçu complet de la situation actuelle au Moyen-Orient.

Liens utiles

  • Au delà de la plage
  • @konstantinosant sur Twitter
  • Konstantinos Antonopoulos sur Aj Jazeera
  • @marcellehopkins sur Twitter
  • Andrew Jordan Blum dans Vimeo