Advertisement
  1. Web Design
  2. Adobe Muse

Bagaimana Mereka Melakukan Itu: Al Jazeera "Beyond the Beach", Dibangun Dengan Adobe Muse

by
Length:MediumLanguages:
This post is part of a series called All About Adobe Muse.
How They Did It: “Years of Living Dangerously” EPK Microsite
Sponsored Content

This sponsored post features a product relevant to our readers while meeting our editorial guidelines for being objective and educational.

Indonesian (Bahasa Indonesia) translation by Baba Baddolo (you can also view the original English article)

Adobe Muse sangat ideal untuk membangun presentasi media online, dan tidak ada yang melihat bukti yang lebih baik tentang itu daripada dokumenter Al Jazeera “Beyond the Beach”. Baru-baru ini saya mengobrol dengan Konstantinos Antonopoulos, produser Interaktif di Al Jazeera English, dan menanyakan kepadanya tentang proses keterlibatannya dalam pembangunan proyek tersebut.

Wawancara

Hi Konstantinos, terima kasih telah meluangkan waktu untuk menjawab beberapa pertanyaan untuk kami! Sekilas saja, beritahu kami tentang proyek "Beyond the Beach"

Ini adalah salah satu fitur panjang yang kami bangun dalam tim interaktif di Al Jazeera English, sebagai langkah logis berikutnya terhadap fitur standar artikel yang bisa ditemukan di situs; sebagai artikel "kaya media" yang memikat pengguna dan membuat mereka terlibat dengan kisah tragis sebuah negara yang sedang pulih dari perang sipil.

Segera setelah kami menerbitkan fitur longform yang bagus mengenai perang di Republik Demokratik Kongo, kami mencari untuk terlibat dengan menceritakan lebih banyak berita visual yang rumit menggunakan Muse.

Marcelle Hopkins, seorang produser dengan Al Jazeera di AS, mendatangi kami dengan sebuah gagasan untuk melakukan bentuk yang panjang di Sri Lanka, segera setelah dia mendapat izin untuk mengunjungi negara tersebut untuk melaporkan pasca perang sipil - sesuatu yang sangat sulit bagi seorang jurnalis barat. Dia dan sinematografer Andrew Blum menghabiskan satu bulan untuk melakukan penyebaran dan membawa kembali banyak sekali materi. Kami memiliki foto dan video yang luar biasa dan cerita orang-orang yang menarik saat kami duduk untuk menyusunnya menjadi pengalaman yang panjang.

Al Jazeera memiliki perusahaan global yang sangat besar dan saya bisa membayangkan memasuki wilayah baru dengan kepentingan mereka adalah tantangan. Mengapa Anda merasa Adobe Muse menawarkan apa yang Anda butuhkan untuk proyek ini?

Ketika kami mulai memeriksa longform sebagai cara untuk menceritakan artikel dengan kisah-kisah yang rumit, awalnya kami memikirkan pengkodean sendiri - bagaimanapun juga, tim Interaktif kami adalah sekelompok programmer, perancang, dan editor yang duduk di ruangan yang sama dan sering berselisih mendengar teknologi dan membuang ide. Kami dengan cepat memutuskan untuk tidak melakukannya, karena tenggat waktu merupakan pembunuh kesenangan di ruang berita

Langkah selanjutnya adalah menggunakan solusi beta yang tersedia di pasaran oleh perusahaan startup. Kami mencoba membuat beberapa layout, tapi kami merasa alat itu menahan kreativitas kami dan tidak membiarkan kami menceritakan kisah seperti yang kami bayangkan, storyboard dan yang direncanakan.

Kami membawa Muse untuk uji jalan pada proyek live pada tenggat waktu yang ketat. Sampai saat itu, saya tidak pernah menjelajahinya lebih jauh daripada layar pembuka dan - walaupun saya tahu apa yang bisa ditawarkannya - saya tidak dapat membangun apapun dengannya dan pengalaman saya sebagai pengguna InDesign membimbing saya melalui proses tata letak.

Kemampuan membuat cerita secara sepenuhnya adalah fitur penjualan. Kami biasanya mengikuti storyboard yang kami persiapkan sebelumnya dan saya menemukannya, ketika merancang sebuah cerita dengan Muse, sangat mudah untuk membuat alur cerita dari atas ke bawah, tanpa narasi istirahat atau mengorbankan pengalaman pembaca.

Anda benar-benar pergi ke kota untuk menggunakan video, banyak foto, interaksi bergulir dan sebagainya - apakah ada detail yang ingin Anda tambahkan yang tidak dapat dibantu oleh Muse Adobe Anda?

Tim Interaktif kami menyertakan coders, yang duduk di sebelah jurnalis dan desainer dan memastikan bahwa kami memiliki setiap elemen khusus yang kami butuhkan. Di "Beyond the Beach", saya ingin pengguna dapat melihat video intro di setiap kategori dan kemudian, tanpa interaksi dari pihak mereka, untuk mulai membaca ceritanya.

Ini merupakan rangkaian pertama dari widget kustom yang kami kembangkan dalam tim web Al Jazeera. Beberapa yang membawa data metrik yang bermanfaat, untuk membantu kami memahami cara pengguna melihat cerita kami. Kemungkinan lain kita untuk mengontrol perilaku multimedia tergantung pada cara untuk menceritakan kisahnya, yang sangat membantu ketika kita ingin video diputar otomatis saat terlihat, misalnya

Kemudian, terdapat beberapa yang hanya memainkan fitur pengisahan cerita yang kami inginkan: kami mengembangkan sebuah widget yang pada awalnya menunjukkan sebuah tombol di atas gambar dan, saat pengguna beralih ke visibilitas 70%, tombolnya akan menghilang dan sebuah video mulai diputar; ketika selesai atau pengguna menggulir ke bagian atas halaman, gambar poster akan terlihat lagi dan tombolnya juga, yang dapat diklik untuk berbagi video.

Ketika kami terus membangun elemen khusus, kami berencana membuat beberapa dari mereka tersedia secara bebas untuk komunitas Muse melalui saluran Adobe.

Penceritaan di web memainkan peran penting dalam jurnalisme akhir-akhir ini; Apakah penulis (@marcellehopkins) ingin mengatakan kepadanya bagaimana cerita "Beyond the Beach" dipresentasikan?

Dari awal sampai akhir, saya bekerja sama dengan Marcelle; dia membimbing saya melalui ceritanya, saya membimbingnya melalui storyboard dan kami membentuk narasi itu bersama-sama. Kami membentuk titik fokus setiap cerita dan bekerja sehingga kata-kata dan visual itu selaras.

Ketika desainer dan editor bekerja sama, ada baiknya bila orang berbicara bahasa yang lain. Menjadi jurnalis selama lebih dari 15 tahun, sebelum beralih ke desain editorial, saya biasanya bisa berkomunikasi dengan editor dengan jelas dalam berbagai cerita panjang. Kemampuan menghasilkan karya Marcelle tanpa cela dan terlihat hebat untuk visual yang membuat karya ini jadi lebih mudah.

 Ketika mengerjakan proyek Adobe Muse, seberapa banyak Anda mengandalkan aplikasi desain lainnya, seperti Adobe Photoshop dan Adobe Illustrator? Bagaimana Anda menemukan mereka dapat bekerja sama?

Saya telah menggunakan Illustrator selama bertahun-tahun untuk hampir segalanya - ini adalah satu-satunya program yang akan dibuka begitu saya menjalankan Mac saya! Saya mengekspor sebagian besar karya seni di .svg menggunakan Illustrator dan menjatuhkannya ke Muse. Saya bersyukur bahwa Adobe menyederhanakan proses ini sejak saya membangun "Beyond the Beach" dan sekarang saya bisa hanya menyalin dan menempelkan karya seni vektor ke Muse.

Karena saya bekerja dengan foto dalam jumlah besar, saya menggunakan cukup banyak Photoshop dan Lightroom, tergantung pada kebutuhan proyek. Saya memiliki satu ton tindakan kustom yang dibuat di Photoshop untuk mengoptimalkan ekspor Muse dan layar retina yang mendukung, serta memastikan gambarnya dinilai dengan benar. Kemampuan untuk menggunakan format .psd di Muse membuat perjalanan pulang-pergi untuk mendapatkan suntingan kecil yang jauh lebih nyaman.

Pemutaran dan pengeditan video biasanya ditangani oleh Premiere atau Final Cut Pro X dan saya menggunakan Adobe Speedgrade untuk penilaian warna. Kita menggunakan ekstensif Edge Animate ketika kita perlu menambahkan kode buatan, karena ekspor dan drop ke Muse membuat segalanya lebih cepat dan lebih sederhana.

Dengan subyek  materi yang sangat serius, apakah Anda menemukan beberapa elemen desain UI yang tidak sesuai untuk proyek ini?

Dari keseluruhan cerita, saya mencoba menyembunyikan banyak gangguan yang saya dapat dari pengguna, sehingga fokusnya tetap pada ceritanya. Sketsa produksi awal memiliki pendekatan yang lebih minimalis, namun setelah pengujian di Al Jazeera-saya memutuskan untuk menggunakan menu tetap sebagai cara yang lebih mudah bagi orang untuk diarahkan.

Pendekatan ini, lingkungan bebas gangguan agar cerita berkembang, adalah apa yang biasanya kita pakai dalam longforms.

Sepertinya tidak ada desain khusus seluler untuk situs web ini, apakah itu keputusan yang disengaja?

Kami telah menggunakan beberapa fitur layout Muse untuk banyak bentuk panjang yang kami hasilkan, namun kami tidak mengambil langkah untuk yang satu ini. Keputusan itu dibuat karena tenggat waktu dan karena tes kami dengan banyak layar menunjukkan bahwa ceritanya akan mudah dibaca dan menyenangkan di berbagai perangkat.

Ini adalah komitmen untuk merancang sebanyak mungkin layar dan saya biasanya mengambil langkah ekstra untuk benar-benar merancang pengalaman yang berbeda untuk versi cerita yang berbeda - desktop, tablet dan mobile - namun, karena saya mengekspor yang satu ini ke iPhone dan iPad saya, dan melalui itu, saya dengan senang hati menyadari bahwa itu sangat baik untuk mengikuti layout ini.

Jadi, apa selanjutnya untukmu dan Adobe Muse ?!

Saya baru saja selesai merancang sebuah proyek yang sangat kompleks, yang disebut "Palestine Remix" untuk Al Jazeera Media Network, yang akan diluncurkan pada 29 November.

Ini adalah situs yang berisi 21 dokumenter tentang orang-orang Palestina yang telah diproduksi untuk jaringan dalam beberapa tahun terakhir; Pada waktunya, kita akan menambahkan lebih banyak lagi. Semua termasuk transkrip yang dapat ditelusuri dan kemampuan untuk bergerak melalui bagian apa pun hanya dengan mengeklik kata tertentu, menggunakan teknologi yang disebut HyperAudio. Ini juga memberi pengguna kemampuan untuk membuat dan berbagi remix kustom mereka dari materi asli, dengan menyeret bagian teks ke jendela video baru.

Semua fungsi ini dibangun di atas layout Muse, yang juga mencakup beberapa elemen lain - glosarium, garis waktu, pencari orang, peta interaktif, aerial footage dan fungsi pencarian - yang mengangkat cerita dan memberi pembaca wawasan lengkap tentang sejarah dan situasi saat ini di Timur Tengah

Tautan yang berguna

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.