24 Website Interaktif Terbaik 2015

Diterbitkan: 2021-07-12

Semua orang telah mengoceh tentang popularitas video web tahun ini, tetapi bentuk konten visual yang jarang dibicarakan—situs web interaktif—bisa menjadi jauh lebih menarik. Situs-situs ini menarik pemirsa ke dalam cerita yang kaya dengan fotografi, video, kata-kata, dan elemen interaktif yang menakjubkan yang menciptakan pengalaman pribadi yang merangsang. Ini adalah beberapa bintang terbaik dan tercerdas dalam konstelasi situs web interaktif yang sangat baik (kami menghabiskan banyak waktu dalam kegelapan sepanjang tahun ini—maaf karena menggunakan metafora yang konyol). Bagaimanapun, ini adalah beberapa hal yang menurut kami harus dilakukan oleh pengalaman interaktif yang sangat baik:

  • Jadikan data dalam jumlah besar dapat diakses dan dapat dihubungkan
  • Menginformasikan atau menghibur
  • Gunakan interaktivitas untuk menciptakan pengalaman berbeda bagi setiap penonton
  • Ciptakan hubungan emosional yang tidak dimiliki konten statis

Berikut adalah 24 favorit kami, yang dinominasikan oleh orang-orang di sekitar kantor Visually. Ini termasuk campuran interaktif dari media berita, merek, organisasi geopolitik, dan desainer yang hanya melakukannya untuk bersenang-senang. Jika Anda benar-benar ingin menggali lebih dalam, Anda juga dapat melihat daftar lengkap pilihan staf kami dari Komunitas Visual. Kami mencoba untuk tidak memihak, tetapi karena kami menghasilkan beberapa situs web interaktif yang cukup kami banggakan, beberapa menyelinap ke dalam daftar. Kami telah memanggil yang kami kerjakan di bawah ini.

Waktu: Setahun Di Luar Angkasa

Time_A Year Di Luar Angkasa

Penting karena: Situs web interaktif ini menampilkan perjalanan astronot NASA Scott Kelly ke Stasiun Luar Angkasa Internasional dan waktunya di luar angkasa sepanjang tahun 2015. Ini disajikan dalam beberapa episode, sehingga memudahkan untuk menavigasi perjalanan dalam potongan. Gambar-gambarnya menakjubkan secara visual, dan subjeknya membangkitkan semangat eksplorasi seperti anak kecil dalam diri kita semua. Ceri di atas adalah ketika situs tersebut meruntuhkan dinding keempat dengan menunjukkan kepada Anda di mana Stasiun Luar Angkasa Internasional saat ini, kemudian menjelaskan cara berjalan di luar dan melihatnya di langit.

Kualitas interaktif terbaik: Latar belakang dinamis mengarah ke segmen video yang mendokumentasikan perjalanan dan pekerjaan Kelly. Panel navigasi di sisi kiri halaman memudahkan mengklik dari bagian ke bagian, dan juga memiliki jenis telemetri waktu nyata yang Anda harapkan dari NASA.

Land Rover: The Vanishing Game

Land Rover_The Vanishing Game

Penting karena: Interaktif ini menghidupkan cerita yang ditulis oleh penulis William Boyd. Ini menggambarkan dirinya sebagai "petualangan yang diceritakan dengan menggunakan teknik luar biasa dari era digital dan sosial." Diterjemahkan, itu berarti ini adalah video interaktif di mana pemirsa memiliki kendali atas rangsangan yang mereka terima. Hapus gambar, baca skrip bergulir, dengarkan narasi, atau matikan semuanya untuk film bisu.

Kualitas interaktif terbaik: Tombol navigasi terbatas meninggalkan fokus pada visual dan alur cerita yang menakjubkan. Konten berubah saat pembaca menggulir ke depan-memungkinkan pemirsa untuk mengatur kecepatan mereka sendiri.

TSN: Favela United

TSN_Favela United

Penting karena: Kisah nyata dari favelas miskin Brasil ini menggambarkan wanita muda tangguh yang telah dibentuk oleh budaya sepak bola. Pelaporan hebat dengan transisi dramatis, dan visual yang memukau.

Kualitas interaktif terbaik: Cerita menjalin narasi manusia yang kuat dengan statistik yang mendalam. Campuran pelaporan kualitas, fotografi, dan desain ini benar-benar mencekam.

NPR: Seorang Gadis Bisa Bermimpi

NPR_A Gadis Bisa Bermimpi (1)

Penting karena: NPR memasangkan audio, video, dan papan cerita interaktif untuk membawa pemirsa dalam perjalanan ke sekolah di Afghanistan untuk melihat dari dekat tantangan yang dihadapi perempuan dalam sistem pendidikan.

Kualitas interaktif terbaik: Bingkai foto digabungkan bersama untuk membuat animasi yang menggerakkan cerita ke depan. Teks dipecah menjadi potongan-potongan kecil yang dihamparkan di bagian bawah gambar untuk menciptakan pengalaman membaca yang lebih mudah.

Cohn & Wolfe: Jumlah Kolesterol

Jumlah Cohn & Wolfe_Kolesterol

Penting karena: Konten penjelasan ini membawa pembaca negara demi negara melalui statistik tentang masalah yang berhubungan dengan kolesterol (dari kadar kolesterol rata-rata hingga kesadaran dan pendidikan). Pengungkapan penuh : Memproduksi konten ini secara visual.

Kualitas interaktif terbaik: Peta yang dapat diklik menghidupkan cerita ini, dan visualisasi data terpisah untuk setiap keadaan membuat cerita konsisten dan menarik.

Dunia Foto: Seberapa Besar Snapchat?

Dunia Foto_Seberapa Besar Snapchat

Penting karena: Interaktif ini sangat menyenangkan. Dengan menunjukkan berapa banyak lagi gambar yang dibagikan di Snapchat setiap detik dibandingkan dengan WhatsApp, Facebook, dan Instagram, cakupan pembuatan konten di setiap platform menjadi cepat terlihat.

Kualitas interaktif terbaik: Penghitung waktu berdetak, detik demi detik, seiring bertambahnya jumlah foto yang dibagikan per platform sosial. Ini menambahkan rasa urgensi ke halaman dan segera membuat konten relevan bagi pemirsa.

JLL: Alun-alun: TECH

JLL_The Square

Penting karena: Gaya interaktif pilih-sendiri-petualangan ini dirancang untuk membantu perusahaan rintisan mencari ruang kantor di New York City. Pengguna membuat profil diri mereka sendiri, lalu mendapatkan rentetan data untuk membantu mereka memahami cara menemukan markas yang tepat. Pengungkapan penuh: Memproduksi konten ini secara visual.

Kualitas interaktif terbaik: Pembagian konten ke dalam ember membuat konten dapat didekati bahkan oleh orang luar real estat. Kombinasi visualisasi data dan daftar periksa membuat informasi terlihat rapi dan tetap dapat ditindaklanjuti.

Jason Davies: Bandara Dunia

Jason Davies_Bandara Dunia

Penting karena: Anda selalu ingin tahu di mana bandara dunia beroperasi relatif terhadap pusat populasi. Eh? Baiklah. Ini penting karena terlihat keren.

Kualitas interaktif terbaik: Arahkan kursor ke bagian mana pun di dunia untuk mempelajari bandara mana yang melayani setiap wilayah. Klik dan tahan untuk memutar bola dunia dan temukan pusat transportasi yang tidak pernah Anda ketahui keberadaannya.

Biro Referensi Kependudukan: Lembar Data Kependudukan Dunia 2015

Biro Referensi Kependudukan_Lembar Data Kependudukan Dunia 2015

Penting karena: Interaktif ini menyoroti peluang dan tantangan yang dihadapi wanita di seluruh dunia. Ini adalah banjir data penting, yang disalurkan dengan rapi ke dalam serangkaian video dan grafik interaktif.

Kualitas interaktif terbaik: Navigasi terdapat pada satu layar gulir dengan banyak tombol yang dapat diklik untuk menampilkan data yang membandingkan statistik tahun 2015 dan proyeksi tahun 2050 tentang populasi global, kesuburan, pendidikan, dan banyak lagi.

The New York Times: Lebih Baik Menyewa atau Membeli?

The New York Times_Lebih Baik Menyewa atau Membeli

Penting karena: Di mana pun Anda tinggal di AS, kumpulan alat berbasis data ini akan membantu Anda memahami perdebatan hipotek-versus-sewa.

Kualitas interaktif terbaik: Timbangan geser memungkinkan pengguna untuk memilih dari sejumlah titik data—jumlah tahun di lokasi, harga rumah, proyeksi masa depan untuk pertumbuhan sewa, dan lainnya—untuk memperjelas keputusan mereka untuk menyewa atau membeli. Kalkulator di sisi kanan halaman dipasang, memungkinkan pembaca untuk melihat bagaimana perubahan pada berbagai input dapat memengaruhi prospek pembelian rumah mereka.

Zazzle: Ulang Tahun ke-10

Zazzle_10th Anniversary

Penting karena: Sebuah platform bagi pembuat dan desainer untuk meluncurkan dan menjual produk khusus (tanpa harus memproduksinya sendiri), Zazzle menceritakan kisahnya dalam pengalaman yang kaya ini yang merupakan bagian dari garis waktu dan sebagian penjelasan berbasis data. Pengungkapan penuh : Memproduksi konten ini secara visual.

Kualitas interaktif terbaik: Pemirsa melihat aliran desain yang jelas yang telah diproduksi di Zazzle, dikombinasikan dengan statistik yang menjelaskan dampak perusahaan. Gambar dan cerita dari pelanggan nyata menambah kedalaman dan menggarisbawahi nilai bekerja dengan Zazzle.

23 dan Aku: 23 Pasang Kromosom. Satu Anda yang Luar Biasa.

23 dan Aku

Penting karena: Jika Anda tidak memperhatikan di kelas sains selama bagian genetika, Anda mungkin benar-benar belajar sesuatu di sini. Pengungkapan penuh : Secara visual menghasilkan konten ini

Kualitas interaktif terbaik: Pasangan kromosom warna-warni dapat diklik dan mengungkapkan informasi tentang keturunan dan penyakit genetik yang terkait dengan masing-masingnya. Poin bonus karena responsif.

Saxum: Energi AS

Saxum_US Energi

Penting karena: Interaktif ini memudahkan untuk mempelajari banyak hal tentang produksi dan konsumsi energi di AS. Anda mulai dengan melihat tren luas di area yang luas, lalu menelusuri untuk melihat info detail untuk setiap negara bagian.

Kualitas interaktif terbaik: Peta yang dapat diklik dipasangkan dengan alat perbandingan untuk memungkinkan Anda menemukan informasi yang paling relevan, lalu memberikan konteksnya.

Target Kemenangan: 50 Negara Sampah

Kemenangan yang Ditargetkan_50 Negara Sampah

Penting karena: Jika Anda seorang politikus atau penyelenggara politik, yang satu ini akan membuat Anda mual. Interaktif ini menunjukkan betapa kecilnya dampak iklan TV politik sebenarnya. Pengungkapan penuh: Memproduksi konten ini secara visual.

Kualitas interaktif terbaik: Visualisasi data yang dihamparkan pada peta AS mengungkapkan statistik bahwa 75 sen dari setiap dolar siaran telah terbuang sia-sia untuk pemilih yang salah. Astaga.

Martin Ollivere: Siapa yang Memeras Kekayaan Dunia?

Martin Ollivere_Siapa yang Memeras Kekayaan Dunia

Penting karena: Kita sering mendengar tentang ketimpangan pendapatan, tetapi visualisasi ini membuat topik menjadi lebih menarik dengan memecahnya dengan metafora babi visual.

Kualitas interaktif terbaik: Kesederhanaan membuat interaktif ini berjalan. Kotak persegi yang bergeser mudah untuk di-grok, dan penggunaan angka yang cermat menceritakan kisah perbedaan dengan jelas.

Lynn Fisher & Nick Crohn: Kode Bandara

Kode Bandara

Penting karena: Anda sekarang dapat menafsirkan semua akronim aneh pada boarding pass Anda. Intinya, ini adalah desain bagus yang mungkin membantu Anda menang di Jeopardy suatu hari nanti.

Kualitas interaktif terbaik: Kami menyukai sifat komprehensif dari interaktif ini, yang menampilkan bandara dari seluruh dunia. Klik ubin mana saja untuk mempelajari fakta menarik. Pastikan untuk mengklik tab "Tentang" untuk GIF yang dipilih dengan baik yang menampilkan Leslie Nielsen dan awak pesawat dari Airplane!

BBC Future: Perjalanan ke Pusat Bumi

BBC Future_Journey ke Pusat Bumi

Penting karena: Sebagai seorang anak, Anda mungkin bermimpi menggali lubang ke sisi lain dunia dari halaman belakang Anda. Interaktif ini sebenarnya memungkinkan Anda melakukan itu, dengan cara tertentu. Anda akan melakukan perjalanan ke inti bumi dan mempelajari sejumlah fakta konyol tentang apa yang akan Anda temukan di sepanjang jalan.

Kualitas interaktif terbaik: Kenakan perlengkapan steampunk Anda dan pergi ke bawah tanah untuk mempelajari tentang kedalaman standar kuburan dalam budaya barat, jarak yang dapat ditempuh penguin, dan banyak lagi. Kami menyukai kendaraan selam bergambar, titik data yang tersebar di sepanjang jalan Anda menuju inti, dan cara pemandangan berubah saat Anda menggulir ke bawah. Yang ini benar-benar menyenangkan dan juga sangat menarik.

PartyPoker: Otak Anda di Poker

PartyPoker_Otak Anda Di Poker

Penting karena: Ilmu pengetahuan culun Anda akan menyukai ilustrasi ini yang menggambarkan bagaimana fungsi otak tergantung pada tingkat keterampilan poker—pemula, amatir, atau ahli.

Kualitas interaktif terbaik: Anda tidak hanya dapat melihat gambar otak yang sedang beraksi, Anda juga akan membalik kartu, menonton video penjelasan, dan membaca kiat tentang cara melatih persaingan di meja.

Institut Statistik UNESCO: Tertinggal

UNESCO_Tertinggal di Belakang

Penting karena: Seperti yang telah kami catat, banyak dari interaktif terbaik tahun ini berfokus pada isu-isu utama yang dihadapi wanita di seluruh dunia. Interaktif ini merupakan bagian pendidikan dan advokasi yang setara. Bersama-sama, kita dapat membantu mempromosikan pendidikan secara global.

Kualitas interaktif terbaik: Selami cerita dan Anda akan menemukan titik navigasi di margin kiri halaman. Anda akan melihat foto orang sungguhan, melihat bagan dalam konteks teks penjelasan, dan akhirnya, mempelajari cara membuat perbedaan. Penggunaan tagar #leftbehind mendorong percakapan berkelanjutan di media sosial.

ElkanoData: Fans di Pindah

ElkanoData_Fans di Perjalanan

Penting karena: Hiburan menjadi olahraga global dalam visualisasi menakjubkan dari acara terpopuler di dunia berdasarkan penjualan tiket internasional, mulai dari olahraga, konser, hingga teater.

Kualitas interaktif terbaik: Kami menyukai kenyataan bahwa begitu Anda meluncurkan interaktif ini, interaktif ini akan mati dan berjalan. Arcs menunjukkan siapa yang membeli tiket ke Super Bowl, misalnya, dan data langsung muncul untuk mengungkapkan berapa banyak penggemar yang meninggalkan negara mereka untuk melakukan perjalanan ke acara tersebut, lokasi mana yang mewakili negara asal teratas dan seterusnya. Biarkan data mengalir di atas Anda, atau hentikan untuk mendapatkan snapshot mendetail.

Grup Besar: Gaun Oscar

Grup Besar_Gaun Oscar

Penting karena: Anda tahu bahwa Anda menonton acara penghargaan itu di TV hanya untuk melihat tren gaya mana yang Anda lewatkan (dan untuk mengolok-olok, dalam beberapa kasus).

Kualitas interaktif terbaik: Klik pada gaun apa pun dari tahun 1954 dan Anda akan melihat versi gaya yang lebih besar yang membuat selebriti masing-masing bersinar. Kami menyukai ikon berbagi sosial yang berani di bagian atas setiap kotak popup dan presentasi yang bersih. Lebih sedikit lonceng dan peluit dapat membuat presentasi lebih menarik.

The Washington Post: Ilusi Mayoritas

The Washington Post_Mayority Illusion

Penting karena: Pertanyaan kuis interaktif dalam artikel berita ini menunjukkan kepada kita betapa sedikitnya yang kita ketahui tentang sifat pengaruh dan opini populer tentang topik apa pun.

Kualitas interaktif terbaik: Penggunaan interaktif cepat di bagian atas berita ini melibatkan pembaca sejak awal dan mendorong membaca lebih lanjut dan mencerna visualisasi data. Itu juga membuat cerita menjadi pribadi dengan menunjukkan fenomena sosial yang digambarkannya.

WBEZ, Curious City: Bus Bunching

WBEZ_Pengumpulan Bus Kota Penasaran

Penting karena: Salurkan frustrasi Anda atas waktu tunggu transportasi umum yang lama ke dalam interaktif yang lucu namun mendidik ini.

B kualitas est interaktif: panah diklik biarkan navigasi pembaca maju dan mundur dalam cerita, yang pergi langkah demi langkah untuk menjelaskan bagaimana jadwal bus alami mendapatkan kacau. Ini berlanjut dengan menyarankan solusi untuk masalah — semua sambil menjelaskan masing-masing mungkin masih akan membuat pengendara kesal. Kami menyukai cara interaktif ini membuat konsep-konsep canggih dapat diakses dan menciptakan hubungan emosional.

Institut Statistik UNESCO: Anak-anak Putus Sekolah

UNESCO_Anak-anak Putus Sekolah

Penting karena: Interaktif ini membahas masalah anak-anak yang terhalang untuk mengakses pendidikan yang mereka butuhkan untuk memajukan diri mereka sendiri, mendukung keluarga masa depan, dan memberi kembali kepada komunitas mereka.

Kualitas interaktif terbaik: Pengenalan animasi menyiapkan panggung untuk pemirsa, setelah itu tombol yang dapat diklik di sepanjang rel kanan memberikan gambaran sekilas tentang kesenjangan pendidikan di masing-masing negara. Poin data merinci ketimpangan pendidikan berdasarkan lokasi (pedesaan dan perkotaan), gender, dan kekayaan relatif. Dengan setiap klik, anak-anak animasi berlari ke belakang dan ke depan melintasi halaman, menekankan bahwa ini adalah orang-orang nyata dengan mimpi nyata yang tidak terpenuhi.

Mencari lebih banyak inspirasi? Lihat lebih banyak lagi visualisasi interaktif favorit kami, atau lihat The Ultimate Video Playbook untuk kiat, trik, dan praktik terbaik untuk pemasaran dengan video.