Siteleriniz için Güzel Grafikler ve Infographics Nasıl Yapılır?

Güncellenme tarihi: 21 Ağu 2020 / Makale: Jerry Low

İnternet bir şey ise, görseldir.

İnsanlar hızlı, kolay erişilebilir bilgiyi severler ve Infographics sadece bu tip veri görselleştirmesini sağlar. Pasta grafiği, grafik veya fotoğrafla birleştirildiğinde karmaşık verilerin bile anlaşılması kolaydır.

Top Marketing Schools tarafından hazırlanan bir grafiğe göre, bir Infographic yaklaşık olarak 15 milyon kişiye ulaşma potansiyeline sahiptir.

Neden Infographics?

Pazarlama şirketi Bell Pottinger, infografikler gibi dijital öğeler için iş bütçelerinde% 55 artış gördü.

Infographics hakkında bir infografide, Unbounce Infographics için arama yapan insanların sayısının son iki yılda% 800 oranında bir artış gördüğünü belirtir. Bunun gibi istatistiklerle, infographics şeklinde veri görselleştirmelerinin inkar etmek zor olduğunu web siteleri ve bloglar için iyi içerik / pazarlama.

Avantaj # 1- Yeni Ziyaretçiler

Infographics eklemek, yeni site ziyaretçilerini birkaç şekilde çizer.

  • Web Aramalar: İnternet kullanıcıları, infografiklerinizin açık olduğu konuyla ilgili araştırma yapıyor olabilir. Yaban mersini niçin daha akıllı hale getirdiği hakkında bir infografike sahip tek siteyseniz, bu konuda bir infografik arayan herhangi birinden trafik alırsınız. Özel olarak görüntüler arayanlar, infografiklerinizle de karşılaşabilir.
  • Sosyal medya: Bir infografik neredeyse 75 alırken, geleneksel bir gönderinin 600 tweet'leri aldığını belirten En İyi Pazarlama Okulları'ndan alınan bilgi. İnsanlar, Twitter'ınızı Twitter'da paylaşmalarından çok daha büyük bir olasılıkla, sosyal medya aracılığıyla yeni ziyaretçilerinize ulaşma potansiyeliniz çok büyük.

Nielson / Norman Grubu ortalama sayfa ziyaretinin bir dakikadan az sürdüğünü tahmin ediyor. Okuyucunun ilgisini çekmezseniz, sayfanıza bakacak ve bir sonraki siteye geçecektir.

Site ziyaretçileri bilgi ve haberi kaydırma alışkanlığı içindedirler. Infographics'in okuyucunun ilgisini çekmek için bu kadar iyi çalışmasının bir başka nedeni de budur. İlginç bir gerçeğin görsel olarak gösterilmesi, bilgi sunmanın metin paragraflarından daha hızlı bir yoludur. Okuyucular infografiklerinizi hızlı bir şekilde gözden geçirebilir, gerekli bilgileri alabilir ve başka ne sunmanız gerektiğini kontrol etmek için biraz daha uzun sürebilir veya sitenizi daha sonra kullanmak üzere yer imlerine ekleyebilir.

Bilgi yönünden zengin Infographics sunma teknik zorluk

Ancak, akılda tutulması gereken bir başka nokta da, Infographics değer katmak olsa da, yüklenmesi uzun zaman alan ağır görüntülerin ziyaretçileri uzaklaştırmaya hizmet etmesi olabilir. Pew Internet tarafından yapılan araştırma, ortalama site ziyaretçisinin bir sayfanın üç saniyenin altında yüklenmesini beklediğini tahmin ediyor. Siteniz ne kadar hızlı yüklenirse, dönüşüm oranlarınız o kadar iyi olur.

Sitenizin görsel olarak zengin bir deneyim sunarken aynı zamanda çok hızlı bir şekilde şimşek yükü sürdüğünden emin olmak oldukça dengeleyicidir. Bunu başarmanın en iyi yolu hızlı sunucular ve optimize edilmiş görüntülerdir. Sen bizim fark edeceksiniz web hosting yorumları, bir web sunucusunu derecelendirirken hıza çok önem veriyoruz ve çok sayıda hız testi yapıyoruz.

Avantaj # 2 - Ziyaretçilerinizi Koruyun

Nielson / Norman Grubu ortalama sayfa ziyaretinin bir dakikadan az sürdüğünü tahmin ediyor. Okuyucunun ilgisini çekmezseniz, sayfanıza bakacak ve bir sonraki siteye geçecektir.

Site ziyaretçileri bilgi ve haberi kaydırma alışkanlığı içindedirler. Infographics'in okuyucunun ilgisini çekmek için bu kadar iyi çalışmasının bir başka nedeni de budur. İlginç bir gerçeğin görsel olarak gösterilmesi, bilgi sunmanın metin paragraflarından daha hızlı bir yoludur. Okuyucular infografiklerinizi hızlı bir şekilde gözden geçirebilir, gerekli bilgileri alabilir ve başka ne sunmanız gerektiğini kontrol etmek için biraz daha uzun sürebilir veya sitenizi daha sonra kullanmak üzere yer imlerine ekleyebilir.

Ancak, akılda tutulması gereken bir başka nokta da, Infographics değer katmak olsa da, yüklenmesi uzun zaman alan ağır görüntülerin ziyaretçileri uzaklaştırmaya hizmet etmesi olabilir. Pew Internet tarafından yapılan araştırma, ortalama site ziyaretçisinin bir sayfanın üç saniyenin altında yüklenmesini beklediğini tahmin ediyor. Siteniz ne kadar hızlı yüklenirse, dönüşüm oranlarınız o kadar iyi olur.

Sitenizin şimşek hızında yüklerken görsel olarak zengin bir deneyim sunmasını sağlamak oldukça dengeleyici bir eylemdir. Bunu başarmanın en iyi yolu, hızlı web barındırma sunucuları ve optimize edilmiş görüntülerdir. Hosting incelemelerimizde hıza çok önem verdiğimizi fark edeceksiniz - bkz. A2 Hosting incelemesi örneğin diğer incelemelerimizi inceleyin hangi web sunucusunun en iyi hız ihtiyacınızı karşıladığını görmek için.

Avantaj # 3 - Yetki Ekleme

Beynimizin% 50'i görsel işlemden sorumludur (kaynak).

Çoğu insan görsel öğrenenlerdir. NeoMam Google Trendler, Nielson ve Pearson gibi kaynaklardan yapılan araştırmaları, duyusal reseptörlerin yüzde 70 oranının göz önünde bulundurulduğunu ve insanların bir saniyenin 1 / 10th altında görsel bir sahne alabileceğini ve anlayabildiğini ortaya çıkardı.

İnsanlar gördüklerine inanırlar çünkü daha iyi anlarlar. Araştırma yapmak ve infografınızda desteklemek markanıza yetki verebilir. Emin olun:

  • Katı istatistikleri sun
  • Infographic alanının alt kısmında saygın kaynaklar ekleyin
  • Bu istatistikleri görsel olarak gösteren grafikler ve grafikler ekleyin

Görsel duyuları, bu istatistiklerin geldiği NeoMam Infographic gibi etkileşimli özelliklerle birleştirdiğinizde, yalnızca okuyucunuzun ilgisini çekmezsiniz, aynı zamanda onu meşgul edersiniz.

Daha fazla ne fark edersiniz? Sayfada, hareket eden, yanıp sönen veya belki de bir video başlatan bir grafik mi görüyorsunuz?

 


 

İyi bir Infographic yapan nedir?

İlerlemeye devam edersek, bugün veri görselleştirme için en iyi kaynak ve araçların bazılarını araştıracağız. Marka amaçlarına yönelik güzel Infographicsler ya da bu alanda daha derine inmek isteyen bir kariyer grafik tasarımcısı oluşturmak isteyen sıradan bir blogcu olsanız da; Bu yazıyı faydalı bulacağınızdan eminim.

Bilgi Mimarisi

Genel olarak, iyi bir veri görselleştirme parçası üç ana unsurdan oluşur:

  1. Anlamlı veri,
  2. Uygun bilgi tasarımları ve
  3. Güzel grafikler.

İnfografikler ve grafikler blog küresi ve sosyal medya kullanıcılarının dikkatini çekme eğiliminde olmasına rağmen; sadece marka tanıtımından daha fazlasını yapmalılar - İnfografikler ve grafikler, sıkıcı ve dağınık verileri ilk etapta kullanıcı dostu bir şekilde sunması gerekiyor.

Bundan önce, grafik veya infografik oluşturmak1'e ihtiyacınız olacak) Verilerinizi düzenleyin, filtreleyin ve hassaslaştırın; 2) Verilerinizi nasıl sunacağınıza karar verin (aka, veri görselleştirmeleri tasarımları).

Veri Madenciliği

OpenRefine Girin - Bizi Excel Çalışma Sayfasındaki verilerimizi satır satır düzenlemekten kurtaran güçlü bir veri madenciliği aracı. Eskiden Google Refine (ve Freebase Gridworks) olarak bilinen bu araç, kullanıcıların verileri keşfetmesine ve temizlemesine, verileri bir biçimden diğerine dönüştürmesine ve çeşitli web hizmetleriyle genişletmesine yardımcı olur.

Bazı büyük sırasız verilerle çalışıyorsanız, OpenRefine kesinlikle araç takımınızda olması gerekir. Araç şu anda GitHub'da barındırılıyor. Bu sayfayı ziyaret Gerekli tüm bilgi ve yardım için. Daha fazla takip ve en son haberler için, yeni başlatılan web sitesini de kontrol etmelisiniz. http://openrefine.org/

Veri sunumu

Verilerinize hazır olduğunuzda, onu izleyicilere nasıl sunacağınıza karar vermenin zamanı geldi.

Bunu yapmak için sayısız yaklaşım vardır: Pasta grafiği, diyagram, çizgi grafiği, histogramlar, ısı haritası, akış şeması, periyodik tablo vb. Bu yaklaşımların her biri, belirli veri türleri için mükemmel uyum sağlar (ve kötüye kullanılırsa kötü kokar).

Verilerinizi nasıl sunmalısınız, böylece istatistikleriniz güzel, göz alıcı ve anlaşılması kolay mı?

Bu konuda, Görsel okur Yazarlık Verilerinizi görselleştirmek için kullanabileceğiniz tüm seçenekler üzerinde son derece kullanışlı bir periyodik tablo oluşturdu (aşağıya bakın).

Periyodik tablonun, farenizi döndürdüğünüzde bir dizi ilginç örnek gösterdiğine dikkat edin. Bu nedenle, sitede gerçek tabloyu gördüğünüzden emin olun.

Periodic Table On Data Visualization

Geleneksel olmayan yaklaşımlar arıyorsanız, o zaman kontrol etmelisiniz bu harika makale Smashing Magazine'de. Yazı bir süre önce yayınlandı ama yine de çok faydalı buluyorum.

 


 

Infographic ve kullanmak için şarj araçları

Bilgi mimarisiyle işiniz biter bitmez, gerçek bir prodüksiyon zamanı. Ham verilerden güzel bir tablo çıkarmak asla kolay bir iş değildir, neyse ki işin yapılması için sayısız araç vardır.

Evet, veri görselleştirme için sayısız araç. Karmaşık verilerden etkileşimli grafikler oluşturan kapsamlı araçlar vardır; basit 2 eksenli çizgi grafikler oluşturmaktan başka hiçbir şey yapmayan kolay web uygulamaları da vardır.

Pratik nedenlerden ötürü, her iki tarafa da bakacağız ve hem gelişmiş hem de sıradan kullanıcılar için çoklu grafik araçlarını listeleyeceğiz.

Gelişmiş Grafik Araçları

İlk olarak, bazı ilerlemelere bakalım.

1. ggPlot2 ve R

R and ggplot2

R Bir bilgisayar dili ve veri işleme, hesaplama ve grafik ekran için bir ortamdır. ggplot2Öte yandan, R için karmaşık çok katmanlı grafikler üretmeye yardımcı olan bir çizim sistemidir. Yukarıdaki HeatMap, örneğin ggplot2 ve R kullanılarak oluşturulmuştur.

R ve ggplot2 öğrenmeye meraklıysanız, LearnR daha fazla okuma için harika bir blogdur (blog bir süre için güncellenmemiştir).

2. jqPlot

jqPlot

jqPlot jQuery Javascript çerçevesi için bir çizim ve grafik eklentisidir. jqPlot güzel çizgi, çubuk ve pasta grafikler üretir. Araç, web tarayıcılarında kullanıcılar tarafından ayarlanabilen etkileşimli noktalar oluşturmak gibi bazı güzel özelliklerle birlikte gelir. Bununla birlikte, bu aracın kapsamlı bir şekilde test edilmediğini ve bazı web tarayıcıları tarafından desteklenmeyebileceğini belirtmekte fayda var: Chrome ve IE'nin altındaki 7.

3. JP Grafiği

JP Grafiği

JP Grafiği Çeşitli arsa türlerini destekleyen PHP tabanlı bir grafik aracıdır. Grafik oluşturma kütüphanesi gerektiren bir PHP programı yazıyorsanız, dikkat etmeniz gereken bir şey var. JP Graph'ın yeni başlayanlar için kolay bir araç olduğunu söyleyemem, ancak web sunucunuzdan grafikler ve çizelgeler oluşturmanız gerektiğinde araç (veya PHP kütüphanesi) çok yardımcı olur. JP Graph ticari olmayan kullanım için ücretsizdir ve PHP 4.3.x veya üstünü destekleyen bir web sunucusuna ihtiyacınız olacaktır.

4. JS InfoVis Araç Seti

JavaScript InfoVis Toolkit

JavaScript InfoVis Toolkit Nicolas Garcia Belmont tarafından geliştirilen bir kütüphanedir. Kütüphane çok çeşitli görselleştirme seçenekleriyle birlikte gelir ve kullanımı tamamen ücretsizdir.

 5. IBM Analytics (daha önce Birçok Göz olarak bilinir)

IBM Analytics Kullanıcının hemen hemen her tür veri kümesinden görselleştirmeler oluşturmasını sağlayan ücretsiz bir araçtır.

IBM sunucularında barındırılan Many Eyes, yalnızca veri görselleştirmeden fazlasını yapar - kullanıcıların kendi veri kümelerini yüklemelerinin yanı sıra sunucuda depolanan herhangi bir veriye dayalı yeni görselleştirme modeli oluşturmalarına olanak tanır.

6. Google Grafiği

Google Chart

Google Chart ücretsiz, güçlü, esnek ve birçok geliştirici aracıyla destekleniyor.

Google Grafiğinde grafikleme sadece HTML5 / SVG teknolojisine dayanmaktadır; Bu araç, güzel animasyonlar ve etkileşimli kontroller ile çeşitli biçimlerde grafikler oluşturmanıza yardımcı olur.

7. Eksen

Axis

Axiis Tom Gonzalez ve Michael VanDaniker tarafından geliştirilen açık kaynaklı bir veri görselleştirme çerçevesidir. Araç, yeni başlayanlar ve uzman geliştiriciler için özel olarak tasarlanmıştır. Axiis, önceden oluşturulmuş görselleştirme bileşenlerinin yanı sıra soyut düzen kalıpları ve kendi benzersiz görselleştirmelerinizi oluşturmanıza olanak tanıyan sınıflar oluşturma sağlar.

Yeni Başlayanlar İçin Kolay İnfografik Araçlar

Kuşkusuz, çoğu blog yazarı (kendim dahil), normal blog işlemleri için yukarıdaki kapsamlı grafik araçlarına ihtiyaç duymaz. Daha sık, ihtiyacımız olan tek şey, işi hızlı bir şekilde yapmak için kolay bir web uygulaması veya basit bir araçtır.

Bununla birlikte, çok az öğrenme çabası gerektiren ve kullanıcı dostu olan oluşturma araçlarının listesi.

1. Visme

visme

Visme kullanıcıların profesyonel sunumlar ve infografikler oluşturmasına olanak tanıyan bir DIY platformudur.

350,000'den fazla kişi ve kuruluş (IBM ve Disney gibi büyük şirketlerin kullanıcıları dahil) bu aracı etkileşimli grafikler ve sunumlar aracılığıyla daha iyi iletişim kurmak için kullanıyor.

2. Venngage

Venngage 2011'ten bu yana kullanımda olan kullanıcı dostu bir görsel araçtır. Bu araç, sürükle ve bırak editörü, serbest formlu tuval ve 1,000 + örnekleri ve önceden oluşturulmuş şablonlarla Infographic oluşturmak için kolay bir yol sunar.

3. Easel.ly

Easel.ly

Easel.ly görsel verileri kolayca çevrimiçi oluşturmanıza ve paylaşmanıza yardımcı olur. Web uygulaması, bazı önceden ayarlanmış şablonlar ve sürükle ve bırak özellikleriyle birlikte basit bir arayüzle gelir. Easel.ly şu anda beta modunda olmasına rağmen, sunucusunda zaten 130,000'den fazla kullanıcı tarafından oluşturulmuş görsellere sahip.

4. Vizualize.me

VIsualize.me

Vizualize.me bireyler hakkında güzel infografikler oluşturmaya yardımcı olur (evet, bu nedenle Vizualize Me adı). Oynamak için eğlenceli bir araçtır ve sadece birkaç tıklamayla güzel özgeçmiş veya profil oluşturur. LinkedIn'de iseniz, bunu gerçekten denemelisiniz - araç, LinkedIn profilinizle bağlantı kurabilir ve verilerinize dayalı olarak çarpıcı grafikler oluşturur.

5. Hohli

Hohli

Basit bir grafik oluşturucuya mı ihtiyacınız var? Sonra Hohli ziyaret edilecek yer. Bu web uygulamaları, on iki farklı boyutta çeşitli grafik türlerini destekler - tüm kullanıcıların gitmesi gereken, verileri ve tasarım ayrıntılarını girmek.

6. Piktochart

Piktochart tasarımcı olmayanların güzel grafikler ve grafikler oluşturmasına yardımcı olan şablon tabanlı bir bilgi aracıdır.

Araç sürükle-bırak özelliklerini destekler ve önceden ayarlanmış şablonlar, ikonlar, vektörler ve resimlerde geniş seçenekler sunar. Kolay bir grafik aracı arıyorsanız ve servis için küçük bir ücret ödemenize gerek yok, Piktochart kesinlikle en iyi seçeneklerden biri.

 


 

Başlamadan Önce: Infographics Inspirations

Kendi infographics koleksiyonunuzu oluşturmaya hazır mısınız? Bekleyin. Buraya gitmek için hala biraz daha var.

İşte internetten yakalanan en popüler Infographics ve grafiklerden bazıları.

Bazılarını geçmişte sosyal medya ağlarında görmüş olduğunuza eminim - bu da anlamlı veri çubuklarına sahip güzel grafiklerin olduğunu kanıtlıyor!

Ayrıca, günümüzde Infographics galerilerinin bu kadar ağır ticaret yapmasının sebepleri de var.

Başkalarının eserlerine değinerek izleyicilerin neyin işe yarayacağını öğreniriz.

  • Popüler bir Infographic için ortalama boyut nedir?
  • Görüntüleyenler en çok hangi konuyla ilgileniyor?
  • Grafiklerinize olabildiğince fazla veri eklemeniz gerekiyor mu?
  • Infographics'de kaç tane mermi puanı kapsamalısınız?
  • Bu Infographic popüler yapan nedir?

Gerçek hayattan örnekler: İnfografik çeşitleri

Bunlar, örnekleri dolaşırken sormanız gereken sorular.

Kahve İçecekleri Resimli

Kahve İçecekleri Resimli
Kaynak: lokeshdhakar.com

Fan Boys için Saha Rehberi 

PC Dünya Fan Boys Saha Rehberi
Kaynak: bilgisayar Dünyası

Amerika'da En İyi Bira 2008

Amerika'da En İyi Bira
Kaynak: Mikewithart.com

Yazı Karakterlerinin Periyodik Tabloları

Typefaces Table

Kurtarma Tracker

Kurtarma Tracker
Kaynak: New York Times

Telefonun Evrimi

Zaman Çizelgesi Infographics
Kaynak: Şimdi Pow Wow

 

Grafikte Kontrol Et

grafik Infographic
Kaynak: Dört Kare

Derin Kazı

Bu yazı için araştırmamı yaparken konumuzla ilgili onlarca ilginç blog ve web sitesine rastladım. Cidden, okuyacak, öğrenecek ve oynayacak çok şey var! Üzerinde özgürce kullanılabilen bu kadar çok veri olduğunu hiç bilmiyordum Gap Minder ve Daha İyi Dünya Akısı; Gibi bilgilendirici sitelere / bloglara çok şey okudum UX Booth (veri görselleştirme ile tamamen ilgili değil, ancak görselleştirmelerin web kullanıcı deneyimini nasıl geliştirdiği konusunda birçok yararlı makale var), Dinamik DiyagramlarAkan Veriler; ve üzerinde gösterilen tüm çarpıcı işlere derinden hayranım Randy'nin Pinterest kurulu ve  Grafik Porno.

Sadece veri görselleştirmeye başlıyorsanız, yukarıda listelenen siteleri ve blogları ziyaret etmenizi şiddetle tavsiye ederiz.

Pazarlama kampanyanızda veri görselleştirmelerinin gücünden yararlanmadıysanız, şimdi başlama zamanı.

Jerry Low hakkında

WebHostingSecretRevealed.net (WHSR) 'nin kurucusu - 100,000 kullanıcıları tarafından güvenilen ve kullanılan bir hosting incelemesi. 15'in üzerinde web barındırma, bağlı kuruluş pazarlaması ve SEO konusunda yılların tecrübesi. ProBlogger.net, Business.com, SocialMediaToday.com ve daha fazlasına katkıda bulundu.