Hvordan de gjorde det Al Jazeera Beyond the Beach, bygget med Adobe Muse

Adobe Muse er ideell for å bygge online media presentasjoner, og ingen steder har jeg sett bedre bevis på det enn Al Jazeera's "Beyond the Beach" dokumentar. Jeg har nettopp chattet med Konstantinos Antonopoulos, Interaktiv produsent på Al Jazeera English, og spurte ham om prosessene som er involvert i bygningen.

Intervjuet

Hei Konstantinos, takk for at du tok deg tid til å svare på noen få spørsmål til oss! Bare kort, fortell oss om prosjektet "Beyond the Beach".

Det er en av de langformede funksjonene som vi har bygget i vårt interaktive team på Al Jazeera English, som det neste logiske skrittet til standardfunksjonene som finnes på nettstedet. som en "media-rik" artikkel som fanger brukerne og får dem involvert i den tragiske historien om et land som gjenoppretter fra en borgerkrig.

Kort tid etter at vi hadde publisert en god longform-funksjon på krigen i Den demokratiske republikken Kongo, var vi ute etter å bli involvert i å fortelle mer kompliserte visuelle nyhetshistorier ved hjelp av Muse.

Marcelle Hopkins, en produsent med Al Jazeera i USA, kom til oss med en ide om å gjøre en langform på Sri Lanka, så snart hun fikk lov til å besøke landet for å rapportere om etterkrig av borgerkrigen - noe ekstremt vanskelig for en vestlig journalist. Hun og filmfotograf Andrew Blum tilbrakte en måned på distribusjon og brakte tilbake et vell av materiale. Vi hadde flotte bilder og video og fascinerende historier når vi satte oss ned for å strukturere dem til en langformet opplevelse.

Al Jazeera har en stor global tilstedeværelse, og jeg kan forestille meg å gå inn i nytt territorium på deres vegne var utfordrende. Hvorfor følte du at Adobe Muse tilbudte det du trengte for dette prosjektet?

Da vi begynte å undersøke longforms som en måte å fortelle kompliserte funksjonshistorier, tenkte vi først på å kode dem selv - vårt interaktive team er trods alt en haug med programmerere, designere og redaktører som sitter i samme rom og ofte sparer på teknologisprat og kaste rundt ideer. Vi bestemte oss raskt for det, da tidsfrister er hyppige mordere av moroa i nyhetslokaler.

Det neste trinnet var å bruke en løsning i beta som var tilgjengelig på markedet av et oppstartsselskap. Vi prøvde å lage flere layouter, men vi følte at verktøyet holdt tilbake vår kreativitet og ikke tillot oss å fortelle historier som vi hadde forestilt seg, storyboarded og planlagt.

Vi tok inn Muse for en prøvekjøring på et levende prosjekt i en stram deadline. Inntil dette tidspunktet hadde jeg aldri undersøkt det videre enn åpningsskjermbildet, og selv om jeg visste hva det kunne tilbyde, hadde jeg ikke bygget noe med det, og min erfaring som InDesign-bruker guidet meg gjennom oppsettprosessen.

Å kunne tilpasse historien helt, var salgsfunksjonen. Vi følger vanligvis et storyboard som vi forbereder på forhånd, og jeg fant at når du designer en historie med Muse, er det ekstremt enkelt å lage en historieflyt fra topp til bunn uten fortellende pauser eller kompromittering av leserens opplevelse..

Du har virkelig gått til byen ved å bruke video, rike bilder, rulleinteraksjon og så videre - var det detaljer du ville ha likt å legge til som Adobe Muse ikke kunne hjelpe deg med?

Vårt interaktive team inneholder kodere, som sitter ved siden av journalister og designere, og sørger for at vi har alle egendefinerte elementer vi trenger. I "Beyond the Beach" ønsket jeg at brukerne kunne se introvideoene i hver kategori og deretter, uten noen interaksjon fra deres side, for å begynne å lese historien. Muse hadde ikke en funksjon som dette, så vi bygget det selv.

Dette var den første av en serie tilpassede widgets vi utviklet i Al Jazeera weblag. Noen innfører nyttige statistikkdata for å hjelpe oss å forstå hvordan brukerne ser på våre historier. Andre tillater oss å styre adferd av multimedia, avhengig av måten å fortelle historien på, noe som er ekstremt nyttig når vi ønsker at videoer skal autoplay når de er synlige, for eksempel.

Så igjen spiller noen bare ut fortellingene som vi vil ha historien: Vi har utviklet en widget som først viser en knapp på toppen av et bilde, og når brukeren ruller til 70% synlighet, forsvinner knappen og en video begynner å spille ; når det er ferdig eller brukeren ruller til toppen av siden, er plakatbildet igjen synlig og knappen også, som kan klikkes for å dele videoen.

Som vi fortsetter å bygge egendefinerte elementer, planlegger vi å gjøre noen av dem fritt tilgjengelige for Muse-samfunnet via Adobe-kanalene.

Story-telling på nettet spiller en viktig del av journalistikken i disse dager; var forfatteren (@marcellehopkins) opptatt av å få henne til å si hvordan historien "Beyond the Beach" ble presentert?

Fra begynnelsen til slutten jobbet jeg nært med Marcelle; Hun guidet meg gjennom historien, jeg guidet henne gjennom storyboardet og vi dannet fortellingen sammen. Vi etablerte midtpunktet i hver historie og arbeidet slik at ordene og bildene var i harmoni.

Når designere og redaktører jobber sammen, hjelper det når man snakker språket til den andre. Å være journalist i over 15 år, før jeg slår til redaksjonell design, kan jeg vanligvis kommunisere tydelig med redaktører på langformshistorier. Marcelles impeccable produserende ferdigheter og et godt øye for visuals gjorde arbeidet med dette stykket så mye lettere.

Når du jobber med et Adobe Muse-prosjekt, hvor tungt stole du på andre designprogrammer, for eksempel Adobe Photoshop og Adobe Illustrator for eksempel? Hvordan finner du at de jobber sammen?

Jeg har brukt Illustrator i årevis for praktisk talt alt - det er det eneste programmet som skal åpnes så snart jeg brenner opp Macene mine! Jeg eksporterer de fleste kunstverk i .svg ved å bruke Illustrator og slippe det inn i Muse. Jeg er takknemlig for at Adobe forenklet denne prosessen siden jeg bygde "Beyond the Beach", og jeg kan nå bare kopiere og lime inn vektorgraver i Muse.

Når jeg jobber med store bilder, bruker jeg ganske mye av Photoshop og Lightroom, avhengig av prosjektets behov. Jeg har massevis av egendefinerte handlinger opprettet i Photoshop for å optimalisere Muse eksport og støtte retina skjermbilder, samt sørge for at bildene er riktig gradert. Evnen til å bruke .psd-formatet i Muse gjør de runde turene for mindre endringer svært komfortable.

Videoredigering og eksport av stillbilder håndteres vanligvis av enten Premiere eller Final Cut Pro X, og jeg bruker Adobe Speedgrade for fargeklassifisering. Vi bruker mye Edge Animate når vi trenger å legge til egendefinert kode, da .am-eksporten og slippe inn i Muse, gjør alt raskere og enklere.

Med så alvorlig gjenstand, fant du noen elementer av UI-design som er upassende for dette prosjektet?

Gjennom hele historien forsøkte jeg å skjule så mange distraksjoner jeg kunne fra brukeren, slik at fokuset var igjen på historien. De første produksjonsskissene hadde en enda mer minimalistisk tilnærming, men etter testing i Al Jazeera-bestemte jeg meg for å bruke fastmenyen som en enklere måte for folk å navigere.

Denne tilnærmingen, et distraheringsfritt miljø for at historien skal vokse, er det vi vanligvis bruker på longforms.

Det synes ikke å være noen mobilspesifikk design for denne nettsiden, det var en bevisst beslutning?

Vi har brukt Muses flere oppsettfunksjoner for mange av langformene vi produserer, men vi tok ikke det trinnet for denne. Beslutningen ble gjort på grunn av tidsfrister, og fordi våre tester med flere skjermer viste at historien ville være lesbar og hyggelig på tvers av ulike enheter.

Det er en forpliktelse å designe for så mange skjermer som mulig, og jeg tar vanligvis det ekstra trinnet for å faktisk utforme forskjellige opplevelser for forskjellige versjoner av historien -desktop, nettbrett og mobil- men da jeg eksporterte denne til min iPhone og iPad og gikk gjennom det, jeg var glad for å innse at det er helt greit å gå med dette oppsettet.

Så, hva er neste for deg og Adobe Muse?!

Jeg har nettopp ferdig med å designe et svært komplekst prosjekt, kalt "Palestine Remix" for Al Jazeera Media Network, som vil lansere 29. november.

Det er et nettsted som er hjemsted for 21 dokumentarer om palestinerne som har blitt produsert for nettverket de siste årene; i tide vil vi legge til flere. Alle inkluderer søkbare transkripsjoner og evnen til å bevege seg gjennom et hvilket som helst stykke bare ved å klikke på et gitt ord, ved hjelp av en teknologi som heter HyperAudio. Dette gir også brukerne muligheten til å opprette og dele sine egne remixer av det opprinnelige materialet, ved å dra deler av teksten til et nytt videovindu.

Alt denne funksjonaliteten er bygd på toppen av Muse-oppsett, som også inneholder flere andre elementer - glossar, tidslinje, folkefinner, interaktive kart, luftfotografi og en søkefunksjon - som komplimenterer historiene og gir leserne et komplett innblikk i det historiske og nåværende situasjon i Midtøsten.

nyttige lenker

  • Utover stranden
  • @konstantinosant på Twitter
  • Konstantinos Antonopoulos på Aj Jazeera
  • @marcellehopkins på Twitter
  • Andrew Jordan Blum på Vimeo