Video: Web Applications with Interactive Infographics 2024
Infographic'iniz iki şekilde olabilir: basılı veya elektronik (çevrimiçi yayınlanmış). Her formatta bazı ortak özelliklerin yanı sıra avantaj ve dezavantajları vardır. Web grafikleri, okuyucuyu bilgileri dolaştırır, ancak baskı grafikleri genellikle tek, daha geniş bir blokta tasarlanır. (Şekle bakınız.)
Çevrimiçi olarak yayınlanan grafiklerin çoğu uzun, dikey bir yönelime sahiptir. Okuyucular web sayfasının üst kısmından başlayıp aşağıya inerek bilgi keşfetmek için aşağıya inin "alanının altındadır. "
" Kat "terimi gazete yayıncılığından alınır; bütün gazeteler gazete bayisinde olduğu gibi yarıya katlanır. İlk gördüğünüz şey - yalnızca ön sayfanın üst yarısı - "üst kısım" dır. "Bir çevrimiçi ya da mobil cihaz ayarında, katının üzerindeki bir ziyaretçinin, yalnızca bir siteyi ilk ziyaretinde gördüğü şey ya da bu durumda bilginin ilk bölümü.
Katlamanın altında ve üstünde yerleştirdiğiniz şey, bir tasarımcı olarak akılda tutmanız gereken bir şeydir; çünkü, grafiklerin, okuyucunun üzerindeki etkisini, şeyleri açığa çıkardığınız sırayı değiştirerek denetleyebilirsiniz. Okuyucular sayfayı aşağı doğru kaydırdığında, yeni gerçeklerin ortaya çıktığı bir hikaye izliyorlar.
Web grafiklerinin bir dezavantajı, genişliğin, bir akıllı telefonda özellikle dar olabilen okuyucu ekranının (görünüm alanı) boyutuyla sınırlı olmasıdır. Bu durumda, kaydırma yaparken okuyucunun duraklatacağı bölümler açısından grafiğinizi düşünün. Grafiğinizin akışı, bir kitabın bölümleri gibi, her bir bölüme hangi bilgileri koyduğunuza göre belirlenir.
Teknoloji hiç bir zaman gelişmeden durmadığından mobil cihazlar için altyapı tasarlamanın en iyi yollarının üzerinde durmak zor olabilir. Halen, en iyi yol, metin içeriğinizi sunmak için HTML veya CSS kullanmanızdır. Uzman olmak zorunda değilsiniz - yalnızca enformasyonunuzun kullanıcı dostu olmasını sağlamak zorundasınız.
Daha az çan ve ıslık ile bir grafik oluşturmak için HTML veya CSS kullanmak, infografın daha hızlı yüklenmesini sağlayabilir. Ayrıca daha az bant genişliği emiyor ve izleyici zayıf bir bağlantıya sahip bir yerdeyse yavaşlamanın bir kısmını da ortadan kaldırıyor.
Kişisel bilgisayarlar kadar mobil cihazlar ve tabletler gibi birden çok format için de bilgi grafiği tasarlamanız istenecektir. Web tabanlı çözümleri keşfetmek, karşılıklı etkileşim kullanma, destekleyici bilgilere bağlantılar oluşturma veya basılı materyallerle mümkün olmayan eylem çağrıları yapma gibi yeni yollar da sağlayabilir.
Öte yandan, web grafiklerini kullanmanın en büyük avantajlarından biri, neredeyse sınırsız uzunluğa (yükseklik) sahip olduğunuzdan, çok sayıda bilgiyi birleştirmenizi sağlar. Elbette, grafik çiziminizi özlü ve odaklı yapmaya hiç bakmadan devam ettirmemelisiniz.
Nokta, basitçe yükseklik boyutlarının ne kadar veri ekleyebileceğinize karar vermediğidir. Bilgileriniz çekici ve ana noktanızla alakalı olduğu müddetçe, anlatı akışınız basılı bir sayfaya dahil edebileceğinizin ötesine devam edebilir.