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

Yazan makale:
  • Özel Makaleler
  • Güncelleme: Ekim 10, 2019

İ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, Infographics gibi dijital ürünler 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.

Sitenizi görsel olarak zengin bir deneyim sunarken aynı zamanda şimşek hızıyla yüklerken emin olmak oldukça dengeleyicidir. Bunu başarmanın en iyi yolu hızlı web barındırma sunucuları ve optimize edilmiş görüntülerdir. Hosting incelemelerimizde hızın üzerinde durduğumuzu 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 Ekleyin

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.

Infographics ve grafikler, blog dünyasından ve sosyal medya kullanıcılarından dikkat çekmeye eğilimli olsa da; Sadece marka tanıtımı yapmaktan daha fazlasını yapmalılar - Infographics ve grafikler, ilk etapta kullanıcı dostu bir şekilde sıkıcı ve dağınık verileri sunmayı amaçlıyor.

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 - Veri satırımızı Excel Çalışma Sayfası'nda sıraya göre organize etmemizi sağlayan 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ı oluyor.

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 yaparken sayısız yaklaşım vardır: Pasta grafiği, diyagram, çizgi grafik, histogramlar, ısı haritası, akış şeması, periyodik tablo vb. Bu yaklaşımların her biri, belirli türde veriler için mükemmel şekilde uyuyor (ve yanlış kullanılırsa kötü kokuyor).

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.

Veri Görselleştirme Üzerine Periyodik Tablo

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 ekseni ç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 ve 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 framework için bir komplo 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şturma gibi bazı hoş özelliklerle birlikte gelir. Ancak, bu aracın tamamen test edilmediğini ve bazı web tarayıcıları tarafından (7'in altındaki Chrome ve IE) desteklenmeyebileceğini belirtmek önemlidir.

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 Birçok Göz, yalnızca veri görselleştirmesinden fazlasını yapar - kullanıcıların kendi veri kümelerini yüklemelerine ve ayrıca sunucuda saklanan verilere dayanarak yeni görselleştirme modeli oluşturması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

eksen

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 Infographics oluşturmasına olanak sağlayan bir DIY platformudur.

350,000'ten daha fazla birey ve kuruluş (IBM ve Disney gibi büyük şirketlerin kullanıcıları dahil), etkileşimli grafikler ve sunumlar yoluyla daha iyi iletişim kurmak için aracı kullanır.

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 oluşturmanıza ve paylaşmanıza yardımcı olur. Web uygulaması, bazı hazır şablonlar ve sürükle ve bırak özellikleri ile basit bir arayüzde gelir. Easel.ly halen beta modunda olmasına rağmen, sunucusunda zaten 130,000 kullanıcı tarafından oluşturulan görsellerden daha fazlası var.

4. Vizualize.me

VIsualize.me

Vizualize.me bireyler hakkında güzel Infographics yaratmaya yardımcı olur (evet, bu yüzden 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 kullanıyorsanız, bunu gerçekten denemelisiniz - araç LinkedIn profilinizle bağlantı kurabilir ve verilerinize dayanan ç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 veri ve tasarım detayları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ördüğünüze eminim ki bu da anlamlı veri çubuklarıyla 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ı

Yazı Masaları

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ı yaptığım sırada, konuyla ilgili onlarca ilginç blog ve web sitesine girdim. Cidden, okumak ve öğrenmek ve oynamak için çok şey var! Özgürce mevcut olan çok fazla 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 Diyagramlar, Akan Veriler; ve sergilenen tüm çarpıcı eserleri derinden hayranlık duyuyorum 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.