Etkileşimli İnfografik
Etkileşimli infografik; tıklama, üzerine gelme veya girdilere tepki veren, izleyicinin sabit bir görsel yerine verileri keşfetmesine olanak tanıyan bir veri görselleştirmesidir.
Önemli noktalar
- Veri yapılandırılmış bir kaynakta durur; grafik yüklenme anında oradan çizilir.
- Eklenen her filtre keşfi genişletir ve amaçladığınız tek sonucu zayıflatır.
- İzleyicinin filtre seçimi, herhangi bir form görünmeden segmentini bildirir.
- Durumunu URL'ye yazan kontroller, paylaşılan bağlantının aynı görünümü açmasını sağlar.
- Yalnızca üzerine gelmeyle görünen değerler yanında bir veri tablosu ister.
Derinlemesine
Etkileşimli infografik veriyi sunumdan ayırır. Sayılar yapılandırılmış bir kaynakta, genellikle bir tabloda ya da JSON dosyasında durur; grafik yüklenme anında bu kaynaktan çizilir, böylece aynı sayfa pek çok görünüm üretebilir. Kontroller bunun üstünde yer alır: bölge filtresi, katman anahtarı, yıl kaydırıcısı ya da grafiği izleyicinin kendi sayılarına göre yeniden hesaplayan bir giriş alanı. Üzerine gelme durumları her şeklin ardındaki değeri gösterir; düz bir görsel bunu yapamaz.
İlk görünüm zaten bir soruyu yanıtlıyorsa ve kontroller ikinci bir soruya davet ediyorsa etkileşim yükselir. İzleyici boş bir grafiğe düşüp bir şey görmeden önce yapılandırmak zorunda kalıyorsa düşer. Asıl ödünleşim keşif ile mesaj arasındadır: eklediğiniz her filtre bulunabilecekleri genişletir ve ulaşılmasını istediğiniz tek sonucu zayıflatır. Diğer maliyet yüklenme ağırlığıdır; grafik kütüphanesi ile veri seti sıkıştırılmış bir görselden ağırdır ve mobilde yavaştır.
Ekipler genellikle zaten sahip oldukları veriyle başlar: kendi yürüttükleri bir anket, müşteri tabanından gelen kıyaslama değerleri ya da yayıncısından daha iyi segmentleyebilecekleri kamuya açık istatistikler. İzleyicinin seçtiği filtre başlı başına bir kimlik beyanıdır; üretim sektörüne tıklamak, herhangi bir form görünmeden segmenti size söyler. Bu seçim bir scorecard'a önceden doldurulmuş yanıt olarak taşınabilir; böylece quiz kısalır ve niteleme, ziyaretçinin çoktan açık ettiği yerden başlar.
Veri seti tek boyutluysa etkileşim hiçbir şey kazandırmaz. Dört sayı ve bir trend çizgisi, anında yüklenen ve sunuma yapıştırılabilen statik bir grafikte daha iyidir. Zayıf nokta paylaşımdır: kontroller URL'ye yazmadıkça bir bağlantı genellikle gönderenin baktığı durumu değil varsayılan görünümü açar. İkinci boşluk erişilebilirliktir; yalnızca üzerine gelmeyle görünen değerler, yanında bir veri tablosu olmadan klavye ve ekran okuyucular için ulaşılamaz kalır.
Pratikte örnek
Nasıl ölçülür
İlk sinyal etkileşim oranıdır: herhangi bir kontrole dokunan izleyicilerin payı. Sıfıra yakınsa grafik bir resim gibi okunuyordur ve emek boşa gitmiştir. Ardından etkin izleyici başına etkileşim sayısını ölçün; bu, tek bir meraklı tıklamayı gerçek keşiften ayırır. Çevredeki sayfanın kaydırma derinliği ise grafiğin insanları tutup tutmadığını söyler.
Hangi filtrelerin seçildiğini, yalnızca kaç kez değil hangi değerlerle seçildiğini kaydedin. Seçilen segmentlerin dağılımı bedava kitle araştırmasıdır ve trafiğinizin gerçekte hangi dikeylerden geldiğini gösterir. Lead değeri için grafikten sonraki adıma tıklama oranını izleyin ve etkileşime giren izleyicilerin dönüşümünü yalnızca kaydırıp geçenlerinkiyle karşılaştırın.
Sık yapılan hatalar
Sık görülen başarısızlık boş bir tuval yayınlamaktır. Sayfa tüm filtreler seçilmemiş halde açılır, izleyici eksenleri görür ama veriyi görmez ve çoğu yapılandırmaya girişmeden ayrılır. En ilginç dilim seçili halde açın, ne gösterdiğini söyleyen bir başlık koyun ve kontrolleri bu iddiayı sınamanın yolu yapın. Varsayılan görünüm makaledir, filtreler dipnottur.
İkinci hata her şeyi masaüstü üzerine gelme davranışına göre kurmaktır. Telefonda üzerine gelme yoktur; ipuçları ya hiç çıkmaz ya her dokunuşta çıkar ve yoğun grafikler 375 piksel genişlikte okunmaz olur. Önce mobil görünümü tasarlayın, üzerine gelmeyi dokunup sabitlemeyle değiştirin, varsayılanda daha az seri gösterin ve etkileşimi imleçle değil başparmakla doğrulayın.
Sıkça sorulan sorular
Bir infografiği etkileşimli yapan nedir?
Etkileşim, izleyicinin görsel üzerinde tıklayarak, filtreleyerek, üzerine gelerek veya değer girerek hareket edebilmesi ve grafiğin gerçek zamanlı yanıt vermesi demektir. Böylece sabit bir resim, herkese uyarlanmış keşfedilebilir bir veri deneyimine dönüşür.
Etkileşimli infografikler lead üretimini nasıl destekler?
Dikkati daha uzun süre tutar ve etkileşimler aracılığıyla her ziyaretçinin neyi önemsediğini ortaya çıkarır. Bu merakı bir teste veya scorecard'a bağladığınızda keşif, nitelikli ve kısmen profillenmiş bir lead'e dönüşür.
Etkileşimli infografikler ekstra çabaya değer mi?
Statik görsellerden daha maliyetlidir ancak açık bir sonraki adıma bağlandığında genellikle daha yüksek kalma süresi, paylaşım ve dönüşüm sağlar. Asıl getiri yalnızca görsel cazibe değil, yakalanan davranış verisidir.
Bir infografiği animasyonlu değil etkileşimli yapan nedir?
Kontrol. Animasyon herkes için aynı diziyi oynatır; etkileşimli grafik ise filtre, anahtar, kaydırıcı veya girilen değere göre gösterdiğini değiştirir. Animasyon geçişleri okunur kılarak etkileşimi destekleyebilir ama tek başına süstür. İki izleyici aynı grafiğe farklı şeyler söyletemiyorsa o grafik etkileşimli değil animasyonludur.
Bunu kurmak için hangi araçlar gerekir?
En azından tarayıcıda çalışan bir grafik kütüphanesi ve temiz bir veri seti. Birçok ekip tek bir grafik için kodsuz bir gömme aracı kullanır, tasarım sıra dışı olduğunda kütüphaneye geçer. Zor kısım çizim değildir; veriyi her gözlem için bir satır ve sabit kategori adları içeren tutarlı bir yapıya getirmektir.
Etkileşimli infografik tek başına lead üretir mi?
Devir olmadan nadiren. Grafik ilgi kazanır ama hiçbir şey istemez, bu yüzden ziyaretçi bilgilenmiş ve anonim ayrılır. Keşfettiği şeye bağlı tek bir net sonraki adım ekleyin; örneğin kendi sayılarını az önce filtrelediği grafikle karşılaştıran bir kıyaslama testi. Bu geçiş, altbilgide değil merak hâlâ sıcakken en iyi çalışır.
Sosyal platformlarda paylaşılabilir hâle nasıl getiririz?
Varsayılan görünüm için statik bir yedek görsel yayımlayın, çünkü çoğu platform akışta gömülü içerik göstermez. Ardından kontrollerin durumunu URL'ye yazdırın ki paylaşılan bağlantı gönderenin gördüğü görünümü açsın. Grafiğin içine ekran görüntüsü veya bağlantı kopyalama düğmesi koyun, çünkü insanlar yakalaması kolay olanı paylaşır.
Ne kadar veri etkileşimli bir sürümü haklı çıkarır?
İzleyicinin, sizin onun için seçeceğinizden farklı bir kesit isteyeceği kadar. Bölge, şirket büyüklüğü ve yıl gibi her biri birkaç değere sahip iki ya da üç boyut gerçek keşif sağlar. Tek bir zaman serisi sağlamaz; statik bir çizgi grafik aynı şeyi daha hızlı söyler ve sunuma yapıştırılmaya dayanır.
Altta yatan veri ne sıklıkla yenilenmeli?
Veri kaynağının temposuna göre ve bunu sayfada açıkça yazın. Çeyreklik bir anket görünür bir tarih damgası ve yıllık tazeleme ister; canlı bir operasyon akışı sürekli güncellenebilir. Bayat sayılar etkileşimli grafikte statikten daha çok zarar verir, çünkü kontroller incelemeye davet eder ve kendi segmentine filtre uygulayan izleyici bunu hemen fark eder.