2015'in En İyi 24 Etkileşimli Web Sitesi

Bu yıl herkes web videosunun popülaritesi hakkında çıldırdı, ancak daha az konuşulan bir görsel içerik biçimi olan etkileşimli web siteleri çok daha ilgi çekici olabilir. Bu siteler, etkileyici bir kişisel deneyim yaratan çarpıcı fotoğraflar, videolar, kelimeler ve etkileşimli öğelerle izleyiciyi zengin hikayelerin içine çeker. Bunlar, mükemmel etkileşimli web sitelerinden oluşan bir takımyıldızın en iyi ve en parlak yıldızlarından bazılarıdır (yılın bu zamanında karanlıkta çok fazla zaman geçiriyoruz - saçma bir metafor kullandığım için özür dileriz). Her neyse, bunlar gerçekten iyi bir etkileşimli deneyimin yapması gerektiğini düşündüğümüz şeylerden bazıları:

• Büyük miktarda veriyi erişilebilir ve ilişkilendirilebilir hale getirin
• Bilgilendirin veya eğlendirin
• Her izleyici için ayrı bir deneyim yaratmak için etkileşimi kullanın
• Statik içeriğin sahip olamayacağı duygusal bir bağlantı oluşturun

İşte Visually ofisinin etrafındakiler tarafından aday gösterilen 24 favorimiz. Bu, haber medyasından, markalardan, jeopolitik organizasyonlardan ve bunu sadece eğlence için yapan tasarımcılardan oluşan bir etkileşim karışımını içerir. Gerçekten derinlere inmek istiyorsanız, Visually Community'den personel seçimlerimizin tam listesine de göz atabilirsiniz. Tarafsız olmaya çalıştık, ancak oldukça gurur duyduğumuz bazı etkileşimli web siteleri ürettiğimiz için birkaçı listeye girdi. Aşağıda üzerinde çalıştıklarımızı aradık.

Zaman: Uzayda Bir Yıl

Önemli çünkü: Bu etkileşimli web sitesi, NASA astronotu Scott Kelly'nin 2015 yılı boyunca Uluslararası Uzay İstasyonuna yaptığı geziyi ve uzayda geçirdiği zamanı gösterir. Bölümler halinde sunulduğu için yolculukta parçalar halinde gezinmeyi kolaylaştırır. Görüntüler görsel olarak çarpıcı ve konu, hepimizin içindeki çocuksu keşif ruhunu harekete geçiriyor. En üstteki kiraz, sitenin size Uluslararası Uzay İstasyonunun şu anda nerede olduğunu göstererek dördüncü duvarı yıktığı ve ardından dışarıda nasıl yürüneceğini ve onu gökyüzünde nasıl göreceğinizi açıkladığı zamandır.

En iyi etkileşimli nitelikler: Dinamik arka planlar, Kelly'nin seyahatini ve çalışmasını belgeleyen video bölümlerine yol açar. Sayfanın sol tarafındaki gezinme paneli, bölümden bölüme tıklamayı kolaylaştırır ve ayrıca NASA'dan bekleyeceğiniz türden gerçek zamanlı telemetriye sahiptir.

Land Rover: Kaybolan Oyun

Önemli çünkü: Bu interaktif, yazar William Boyd tarafından yazılmış bir hikayeye hayat veriyor. Kendisini “dijital ve sosyal çağın inanılmaz teknikleri kullanılarak anlatılan bir macera” olarak tanımlıyor. Çevrildi, bu, izleyicinin aldıkları uyaranlar üzerinde kontrol sahibi olduğu etkileşimli bir video olduğu anlamına gelir. Görüntüleri kaldırın, kayan bir senaryo okuyun, anlatıyı dinleyin veya sessiz bir film için hepsini kapatın.

En iyi etkileşimli nitelikler: Sınırlı gezinme düğmeleri, odağı çarpıcı görsellere ve hikayeye bırakır. İçerik, okuyucu ilerlerken değişir ve izleyicinin kendi hızını belirlemesine izin verir.

TSN: Favela United

Önemli çünkü: Brezilya'nın yoksul gecekondu mahallelerinden gelen bu gerçek hikaye, futbol kültürünün şekillendirdiği sert genç kadınları anlatıyor. Dramatik geçişler ve çarpıcı görsellerle harika raporlama.

En iyi etkileşimli nitelikler: Hikaye, derin istatistiklerle güçlü bir insan anlatısını örüyor. Bu kaliteli raporlama, fotoğrafçılık ve tasarımın karışımı tamamen sürükleyici.

NPR: Bir Kız Hayal Edebilir

Önemli çünkü: NPR, görüntüleyenleri eğitim sisteminde kadınların karşılaştığı zorluklara yakından bakmaları için Afganistan'daki bir okula seyahate çıkarmak için ses, video ve etkileşimli bir storyboard'u birleştirir.

En iyi etkileşimli nitelikler: Hikayeyi ileriye taşıyan animasyon oluşturmak için durağan kareler bir araya getirilir. Metin, daha kolay bir okuma deneyimi yaratmak için görüntülerin alt kısmına yerleştirilmiş küçük parçalara bölünmüştür.

Cohn & Wolfe: Kolesterol Sayımı

Önemli çünkü: Bu açıklayıcı içerik, okuyucuları kolesterolle ilgili konular hakkında istatistikler aracılığıyla eyalet eyalet alır (ortalama kolesterol düzeylerinden farkındalık ve eğitime kadar). Tam açıklama : Bu içeriği görsel olarak üretti.

En iyi etkileşim özellikleri: Tıklanabilir bir harita bu hikayeye hayat verir ve her durum için ayrı veri görselleştirmeleri hikayeyi tutarlı ve ilgi çekici hale getirir.

Fotoğraf Dünyası: Snapchat Ne Kadar Büyük?

Önemli çünkü: Bu interaktif tamamen eğlenceli. WhatsApp, Facebook ve Instagram'a göre Snapchat'te her saniye daha fazla görüntünün paylaşıldığını göstererek, her platformda içerik oluşturma kapsamı hızla ortaya çıkıyor.

En iyi etkileşim özellikleri: Sosyal platform başına paylaşılan toplam fotoğraf sayısı arttıkça bir zamanlayıcı saniye saniye çalışır. Bu, sayfaya bir aciliyet duygusu katar ve içeriği hemen izleyiciyle alakalı hale getirir.

JLL: Meydan: TECH

Önemli çünkü: Bu kendi maceranı seç tarzı etkileşimli, yeni başlayanların New York City'de ofis alanı aramasına yardımcı olmak için tasarlanmıştır. Kullanıcılar kendilerinin profilini çıkarır, ardından doğru Karargahı nasıl bulacaklarını anlamalarına yardımcı olacak bir dizi veri alır. Tam açıklama: Bu içeriği görsel olarak üretti.

En iyi etkileşimli nitelikler: İçeriğin bölümlere ayrılması, içeriğin emlak dışından kişiler için bile erişilebilir olmasını sağlar. Veri görselleştirme ve kontrol listelerinin birleşimi, işlem yapılabilir kalırken bilgilerin kaygan görünmesini sağlar.

Jason Davies: Dünya Havaalanları

Önemli çünkü: Her zaman dünya havalimanlarının nüfus merkezlerine göre nerede çalıştığını bilmek istediniz. Eee? Tamam iyi. Havalı göründüğü için önemlidir.

En iyi etkileşimli nitelikler: Her bölgeye hangi havalimanının hizmet verdiğini öğrenmek için dünyanın herhangi bir bölümünün üzerine gelin. Dünyayı döndürmek ve varlığından asla haberdar olmadığınız ulaşım merkezlerini keşfetmek için tıklayın ve basılı tutun.

Nüfus Referans Bürosu: 2015 Dünya Nüfusu Veri Sayfası

Önemli çünkü: Bu interaktif, dünya çapında kadınların karşılaştığı fırsatları ve zorlukları vurgular. Bir dizi videoya ve etkileşimli çizelgelere düzgün bir şekilde kanalize edilmiş önemli bir veri seli.

En iyi etkileşimli nitelikler: Gezinme, küresel nüfus, doğurganlık, eğitim ve daha fazlası hakkında 2015 ve öngörülen 2050 istatistiklerini karşılaştıran verileri görüntülemek için tonlarca tıklanabilir düğme içeren tek bir kaydırma ekranında bulunur.

New York Times: Kiralamak mı Satın Almak mı Daha İyi?

Önemli çünkü: ABD'nin neresinde yaşıyor olursanız olun, bu veriye dayalı araçlar koleksiyonu, ipotek-kiralama tartışmasını anlamanıza yardımcı olacaktır.

En iyi etkileşimli nitelikler: Kayan ölçekler, kullanıcının kiralama veya satın alma kararlarına netlik kazandırmak için bir dizi veri noktasından (bir konumdaki yıl sayısı, ev fiyatı, gelecekteki kira artışı tahminleri ve daha fazlası) seçim yapmasına olanak tanır. Sayfanın sağ tarafında, okuyucunun çeşitli girdilerdeki değişikliklerin ev satın alma görünümlerini nasıl etkileyebileceğini görmesine olanak tanıyan bir hesap makinesi yerleştirilmiştir.

Zazzle: 10. Yıldönümü

Önemli çünkü: Yapımcıların ve tasarımcıların özel ürünleri piyasaya sürmeleri ve satmaları için bir platform (bunları kendileri üretmek zorunda kalmadan), Zazzle hikayesini kısmen zaman çizelgesi ve kısmen veriye dayalı açıklayıcı olan bu zengin deneyimde anlatıyor. Tam açıklama : Bu içeriği görsel olarak üretti.

En iyi etkileşimli nitelikler: İzleyici, Zazzle'da üretilmiş canlı bir tasarım akışını, şirketin etkisini açıklayan istatistiklerle bir araya getirir. Gerçek hayattaki müşterilerden gelen görseller ve hikayeler, derinlik katar ve Zazzle ile çalışmanın değerini vurgular.

23 ve Ben: 23 Çift Kromozom. Bir İnanılmaz Sen.

Önemli çünkü: Genetik bölümünde fen dersinde dikkat etmediyseniz, aslında burada bir şeyler öğrenebilirsiniz. Tam açıklama : Bu içeriği görsel olarak üretti

En iyi etkileşimli nitelikler: Renkli kromozom çiftleri tıklanabilir ve her biriyle ilişkili soy ve genetik hastalıklar hakkında bilgi verir. Duyarlı olmak için bonus puanlar.

Saxum: Enerjinin ABD'si

Önemli çünkü: Bu interaktif, ABD'deki enerji üretimi ve tüketimi hakkında çok şey öğrenmeyi kolaylaştırıyor. Geniş alanlardaki geniş eğilimleri görüntüleyerek başlarsınız, ardından her bir durum için ayrıntılı bilgileri görmek için detaya inersiniz.

En iyi etkileşimli nitelikler: En alakalı bilgileri bulmanızı ve ardından ona bağlam vermenizi sağlamak için tıklanabilir bir harita karşılaştırma araçlarıyla eşleştirilir.

Hedeflenen Zafer: 50 İsraf Durumu

Önemli çünkü: Bir politikacı veya siyasi organizatör iseniz, bu sizi tiksindirecek. Bu interaktif, politik TV reklamcılığının etkisinin gerçekte ne kadar küçük olduğunu gösteriyor. Tam açıklama: Bu içeriği görsel olarak üretti.

En iyi etkileşimli nitelikler: Bir ABD haritasına yerleştirilmiş veri görselleştirmeleri, yayınlanan her dolardan 75 sentin yanlış seçmenlere harcandığı istatistiğini ortaya koyuyor. Evet.

Martin Ollivere: Dünyanın Zenginliğini Kim Doluyor?

Önemli çünkü: Gelir eşitsizliği hakkında sık sık duyuyoruz, ancak bu görselleştirme, konuyu görsel bir domuz metaforu ile parçalayarak daha anlamlı hale getiriyor.

En iyi etkileşim özellikleri: Sadelik, bu etkileşimi sağlar. Değişen kare ızgarayı incelemek kolaydır ve sayıların dikkatli kullanımı, eşitsizliğin hikayesini net bir şekilde anlatır.

Lynn Fisher ve Nick Crohn: Havaalanı Kodları

Önemli çünkü: Artık biniş kartınızdaki tüm tuhaf kısaltmaları yorumlayabileceksiniz. Sonuç olarak, bu bir gün Jeopardy'de kazanmanıza yardımcı olabilecek güzel bir tasarım.

En iyi etkileşim özellikleri: Dünyanın dört bir yanından havaalanlarını içeren bu etkileşimin kapsamlı yapısını seviyoruz. İlginç gerçekleri öğrenmek için herhangi bir kutucuğu tıklayın. Leslie Nielsen ve Airplane uçuş ekibinin yer aldığı iyi seçilmiş bir GIF için "Hakkında" sekmesine tıkladığınızdan emin olun !

BBC Geleceği: Dünyanın Merkezine Yolculuk

Önemli çünkü: Çocukken muhtemelen arka bahçenizden dünyanın diğer ucuna bir delik kazmayı hayal ettiniz. Bu interaktif aslında bir şekilde bunu yapmanıza izin veriyor. Dünyanın çekirdeğine yolculuk yapacak ve yol boyunca bulacağınız şeyler hakkında gülünç sayıda gerçek öğreneceksiniz.

En iyi etkileşimli nitelikler: Steampunk teçhizatınızı giyin ve batı kültüründeki standart mezar derinliği, bir penguenin dalabileceği mesafe ve çok daha fazlası hakkında bilgi edinmek için yerin altına inin. Resimli dalış aracını, çekirdeğe giden yolunuz boyunca dağılmış veri noktalarını ve aşağı kaydırdıkça manzaranın değişme şeklini seviyoruz. Bu hem çok eğlenceli hem de gerçekten ilginç.

PartyPoker: Pokerdeki Beyniniz

Önemli çünkü: Acemi bilim benliğiniz, yeni başlayan, amatör veya uzman olmak üzere poker beceri düzeyine bağlı olarak beynin nasıl çalıştığını gösteren bu çizimlere bayılacak.

En iyi etkileşim özellikleri: Sadece beynin hareket halindeki görüntülerine bakmakla kalmayacak, aynı zamanda kartları çevirecek, açıklayıcı videolar izleyecek ve masadaki rekabetinizi nasıl canlandıracağınızla ilgili ipuçlarını okuyacaksınız.

UNESCO İstatistik Enstitüsü: Geride Kaldı

Önemli çünkü: Daha önce de belirttiğimiz gibi, bu yılki en iyi etkileşimlerin çoğu, dünyanın her yerindeki kadınların karşı karşıya olduğu temel sorunlara odaklandı. Bu interaktif, eşit parça eğitim ve savunuculuktur. Birlikte, eğitimi küresel olarak teşvik etmeye yardımcı olabiliriz.

En iyi etkileşim özellikleri: Hikayeye dalın ve sayfanın sol kenar boşluğunda gezinme noktalarını keşfedeceksiniz. Gerçek kişilerin fotoğraflarını görüntüleyecek, açıklayıcı metin bağlamında çizelgeleri görüntüleyecek ve son olarak nasıl bir fark yaratabileceğinizi öğreneceksiniz. #Leftbehind hashtag'inin kullanılması, sosyal medyada sürekli sohbeti teşvik eder.

ElkanoData: Hareket Halindeki Hayranlar

Önemli çünkü: Spordan konserlere ve tiyatroya kadar uluslararası bilet satışlarına dayalı dünyanın en popüler etkinliklerinin bu çarpıcı görselleştirmesinde eğlence küresel bir spor haline geliyor.

En iyi etkileşim özellikleri: Bu etkileşimi başlattığınızda, kapalı ve çalışır durumda olmasını seviyoruz. Arcs, örneğin Super Bowl'a kimin bilet satın aldığını gösterir ve veriler, etkinliğe gitmek için ülkelerinden kaç taraftarın ayrıldığını, hangi konumların en iyi menşe ülkeleri temsil ettiğini vb. ortaya çıkarmak için anında açılır. Verilerin üzerinizden akmasına izin verin veya ayrıntılı bir anlık görüntü elde etmek için durdurun.

Büyük Grup: Oscar Elbiseleri

Önemli çünkü: Bu ödül programlarını, hangi stil trendlerini kaçırdığınızı görmek için (ve bazı durumlarda eğlenmek için) TV'de izlediğinizi biliyorsunuz.

En iyi etkileşimli nitelikler: 1954'ten itibaren herhangi bir elbiseye tıkladığınızda, ilgili ünlünün parlamasını sağlayan stilin daha büyük bir versiyonunu göreceksiniz. Her açılır kutunun üstündeki cesur sosyal paylaşım simgelerini ve temiz sunumu seviyoruz. Daha az zil ve ıslık daha çekici bir sunum yapabilir.

Washington Post: Çoğunluk Yanılsaması

Önemli çünkü: Bu haber makalesindeki etkileşimli test sorusu, herhangi bir konudaki etkinin doğası ve popüler görüş hakkında gerçekten ne kadar az şey bildiğimizi gösteriyor.

En iyi etkileşim özellikleri: Bu haber öyküsünün başında hızlı bir etkileşimin kullanılması, okuyucuyu erkenden meşgul eder ve veri görselleştirmelerinin daha fazla okunmasını ve sindirilmesini teşvik eder. Ayrıca anlattığı toplumsal olguyu ortaya koyarak hikayeyi kişiselleştirir.

WBEZ, Meraklı Şehir: Otobüs Bunching

Önemli çünkü: Uzun toplu taşıma bekleme sürelerindeki hayal kırıklığınızı bu mizahi ama eğitici etkileşime kanalize edin.

En iyi etkileşimli nitelikler: Tıklanabilir oklar, okuyucunun, otobüs tarifelerinin doğal olarak nasıl karıştığını açıklamak için adım adım ilerleyen hikayede ileri ve geri gitmesini sağlar. Soruna çözümler önermeye devam ediyor - tüm bunları netleştirmekle birlikte, her biri muhtemelen binicileri üzecektir. Bu etkileşimin karmaşık kavramları erişilebilir kılma ve duygusal bir bağ oluşturma şeklini sevdik.

UNESCO İstatistik Enstitüsü: Okul Dışı Çocuklar

Önemli çünkü: Bu interaktif, kendilerini ilerletmek, müstakbel bir aileyi desteklemek ve topluma geri vermek için ihtiyaç duydukları eğitime erişimleri engellenen çocukların sorununu ele alıyor.

En iyi etkileşimli nitelikler: Animasyonlu bir giriş, izleyici için sahneyi belirler, ardından sağ ray boyunca tıklanabilir düğmeler, tek tek ülkelerdeki eğitim boşluğuna bir bakış sağlar. Veri noktaları, eğitim eşitsizliğini konuma (kırsal ve kentsel), cinsiyete ve göreli zenginliğe göre ayırır. Her tıklamayla, animasyonlu çocuklar sayfada bir ileri bir geri koşarlar ve bunların gerçek hayalleri olan ve karşılanmayan gerçek insanlar olduklarını vurgularlar.

Daha fazla ilham mı arıyorsunuz? En sevdiğimiz etkileşimli görselleştirmelerden bazılarına bakın veya video ile pazarlamaya yönelik ipuçları, püf noktaları ve en iyi uygulamalar için The Ultimate Video Playbook'a göz atın.