Bagaimana Membuat Carta Cantik Dan Infographics Untuk Laman Anda?

Artikel yang ditulis oleh: Jerry Low
  • Artikel Pilihan
  • Dikemaskini: Aug 21, 2020

Jika Internet adalah satu perkara, ia adalah visual.

Orang suka maklumat yang cepat, mudah diakses dan maklumat grafik menyediakan jenis visualisasi jenis itu. Malah data yang kompleks lebih mudah difahami apabila digabungkan dengan carta pai, graf atau gambar.

Menurut infographic oleh Sekolah Pemasaran Top, infographic mempunyai potensi untuk mencapai kira-kira 15 juta orang.

Mengapa Infographics?

Syarikat pemasaran, Bell Pottinger, menyaksikan kenaikan anggaran perniagaan sebanyak 55% untuk item digital seperti infografik.

Dalam infographic mengenai maklumat grafik, Unbounce menyatakan bahawa bilangan orang yang mencari maklumat grafik telah melihat kenaikan 800 dalam tempoh dua tahun yang lalu. Dengan statistik seperti itu, sukar untuk menafikan bahawa visualisasi data dalam bentuk maklumat grafik adalah kandungan / pemasaran yang baik untuk laman web dan blog.

Manfaat # 1- Pengunjung Baru

Menambah maklumat grafik menarik pelawat laman web baru dalam beberapa cara.

  • Carian Web: Pengguna Internet mungkin melakukan penyelidikan mengenai tajuk infographic anda. Sekiranya anda satu-satunya laman web yang mempunyai infographic tentang mengapa blueberry membuat anda lebih bijak, maka anda akan mendapat trafik dari sesiapa yang mencari infographic pada topik itu. Mereka yang mencari secara khusus untuk imej juga boleh melihat infographic anda juga.
  • Media sosial: Infographic dari Sekolah Pemasaran Teratas menunjukkan bahawa jawatan tradisional mendapat tweet 75, sementara infographic mendapat hampir 600. Oleh kerana orang ramai lebih cenderung untuk berkongsi infographic anda di Twitter daripada jawatan yang mudah, potensi anda untuk menjangkau pelawat baru melalui media sosial sangat besar.

Nielson / Norman Group menganggarkan bahawa kunjungan halaman purata berlangsung kurang dari satu minit. Kecuali anda menarik perhatian pembaca, dia akan melirik laman anda dan beralih ke laman seterusnya.

Pelawat laman web berada dalam kebiasaan menatal untuk maklumat dan berita. Ini adalah satu lagi sebab mengapa maklumat grafik berfungsi dengan baik untuk menarik minat pembaca. Perwakilan visual fakta menarik adalah cara yang lebih cepat untuk membentangkan maklumat daripada perenggan teks. Pembaca boleh menjejaki infographic anda dengan cepat, menyerap maklumat yang diperlukan dan akan tinggal sedikit lebih lama untuk menyemak apa lagi yang anda tawarkan, atau mungkin menanda halaman laman web anda untuk kegunaan kemudian.

Cabaran teknikal untuk menyampaikan maklumat grafik yang kaya

Walau bagaimanapun, perkara lain yang perlu diingat adalah bahawa walaupun maklumat grafik menambah nilai, imej berat yang mengambil masa yang lama untuk memuatkan mungkin berfungsi untuk mengusir pelawat. Penyelidikan oleh Pew Internet menganggarkan bahawa pengunjung laman purata menjangkakan halaman dimuatkan dalam masa kurang dari tiga saat. Lebih cepat beban tapak anda, semakin baik kadar penukaran anda.

Ia adalah tindakan yang mengimbangi untuk memastikan bahawa laman web anda menawarkan pengalaman yang kaya dengan visual semasa masih memuat kilat cepat. Cara terbaik untuk mencapai ini adalah dengan pelayan pantas dan imej yang dioptimumkan. Anda akan perasan dalam kami web hosting ulasan, kami menekankan banyak pada kelajuan dan membuat ujian kelajuan banyak apabila menilai hos web.

Manfaat # 2- Kekal Pelawat

Nielson / Norman Group menganggarkan bahawa kunjungan halaman purata berlangsung kurang dari satu minit. Kecuali anda menarik perhatian pembaca, dia akan melirik laman anda dan beralih ke laman seterusnya.

Pelawat laman web berada dalam kebiasaan menatal untuk maklumat dan berita. Ini adalah satu lagi sebab mengapa maklumat grafik berfungsi dengan baik untuk menarik minat pembaca. Perwakilan visual fakta menarik adalah cara yang lebih cepat untuk membentangkan maklumat daripada perenggan teks. Pembaca boleh menjejaki infographic anda dengan cepat, menyerap maklumat yang diperlukan dan akan tinggal sedikit lebih lama untuk menyemak apa lagi yang anda tawarkan, atau mungkin menanda halaman laman web anda untuk kegunaan kemudian.

Walau bagaimanapun, perkara lain yang perlu diingat adalah bahawa walaupun maklumat grafik menambah nilai, imej berat yang mengambil masa yang lama untuk memuatkan mungkin berfungsi untuk mengusir pelawat. Penyelidikan oleh Pew Internet menganggarkan bahawa pengunjung laman purata menjangkakan halaman dimuatkan dalam masa kurang dari tiga saat. Lebih cepat beban tapak anda, semakin baik kadar penukaran anda.

Ini adalah tindakan penyeimbangan untuk memastikan bahawa laman web anda menawarkan pengalaman yang kaya secara visual sambil memuatkan sepantas kilat. Cara terbaik untuk melakukannya adalah dengan pelayan hosting web yang pantas dan gambar yang dioptimumkan. Anda akan perhatikan bahawa kami sangat menekankan kepantasan dalam tinjauan hosting kami - lihat Kajian A2 Hosting contohnya atau semak ulasan kami yang lain untuk melihat hos web mana yang terbaik memenuhi keperluan anda untuk kelajuan.

Faedah # 3 - Tambah Kuasa

50% dari otak kita terlibat dalam pemprosesan visual (sumber).

Kebanyakan orang adalah pelajar visual. NeoMam telah mengumpulkan penyelidikan dari sumber-sumber seperti Google Trends, Nielson dan Pearson yang mencadangkan 70 peratus reseptor deria terletak di mata dan orang boleh mengambil dan memahami adegan visual di bawah 1 / 10th satu saat.

Orang ramai cenderung untuk mempercayai apa yang mereka lihat kerana mereka memahami dengan lebih baik. Melakukan penyelidikan dan menyokongnya dalam infographic anda boleh menambah kuasa kepada jenama anda. Pastikan:

  • Tawaran statistik padat
  • Tambah sumber yang dihormati di bahagian bawah infographic
  • Tambah graf dan carta yang menunjukkan statistik tersebut secara visual

Apabila anda menggabungkan indera visual dengan ciri interaktif, seperti statistik inframerah NeoMam ini, anda tidak hanya menangkap minat pembaca anda tetapi anda melibatkannya.

Apa yang anda nampak lebih? Adakah anda melihat grafik biasa pada halaman atau yang bergerak, berkelip atau mungkin memulakan video?

 


 

Apa yang Membuat Infographic Baik?

Melangkah ke hadapan, kami akan melihat beberapa sumber dan alat terbaik untuk visualisasi data hari ini. Tidak kira anda seorang blogger kasual yang hanya ingin mencipta beberapa maklumat grafik untuk tujuan penjenamaan atau pereka grafik karier yang perlu menggali lebih mendalam ke dalam bidang ini; Saya pasti anda akan mendapati jawatan ini berguna.

Senibina Maklumat

Secara umum, sekeping visualisasi data yang baik terdiri daripada tiga elemen utama:

  1. Data bermakna,
  2. Reka bentuk maklumat yang betul, dan
  3. Grafik cantik.

Ingatlah bahawa walaupun infografik dan carta cenderung menarik perhatian pengguna blogsphere dan media sosial; mereka harus melakukan lebih daripada sekadar promosi jenama - Infografik dan carta sepatutnya memberikan data yang membosankan dan tidak kemas dengan cara yang mesra pengguna.

Oleh itu, sebelum ini mewujudkan graf atau infographic, anda perlu 1) Menyusun, menapis, dan memperincikan data anda; 2) Tentukan cara untuk membentangkan data anda (alias, reka bentuk visualisasi data).

Perlombongan Data

Masukkan OpenRefine - Alat perlombongan data yang kuat yang menyelamatkan kita daripada mengatur data kita berturut-turut di Lembaran Kerja Excel. Dulunya dikenali sebagai Google Refine (dan Freebase Gridworks), alat ini membantu pengguna untuk meneroka dan membersihkan data, mengubah data dari satu format ke format lain, dan memperluasnya dengan pelbagai perkhidmatan web.

Sekiranya anda bekerja dengan beberapa data tanpa had besar, OpenRefine pastinya mesti ada dalam toolkit anda. Alat ini dihoskan pada GitHub, anda boleh layari halaman ini untuk semua maklumat dan bantuan yang diperlukan. Untuk susulan selanjutnya dan berita terkini, Anda juga harus menyemak laman web yang baru dilancarkan di http://openrefine.org/

Penyampaian Data

Sebaik sahaja anda sudah bersedia dengan data anda, sudah tiba masanya untuk memutuskan bagaimana anda akan membentangkannya kepada penonton.

Terdapat banyak pendekatan untuk menyelesaikannya: Carta pai, rajah, grafik garis, histogram, peta haba, carta alir, jadual berkala, dan sebagainya. Setiap pendekatan ini sangat sesuai untuk jenis data tertentu (dan bau busuk jika disalahgunakan).

Bagaimanakah anda mempersembahkan data anda, supaya statistik anda cantik, menarik perhatian, dan mudah difahami?

Mengenai isu ini, Literasi Visual membina jadual berkala yang sangat berguna pada semua pilihan yang boleh anda gunakan untuk memvisualisasikan data anda (lihat di bawah).

Perhatikan bahawa jadual berkala memaparkan beberapa contoh menarik apabila anda melancarkan tetikus anda, jadi pastikan anda melihat jadual sebenar di laman web ini.

Sekiranya anda mencari pendekatan bukan tradisional, maka anda perlu menyemak artikel hebat ini pada Majalah Smashing. Jawatan ini diterbitkan beberapa lama dahulu tetapi masih, saya dapati ia sangat membantu.

 


 

Alat Infographic dan Pengecasan untuk Digunakan

Sebaik sahaja anda selesai dengan senibina maklumat, sudah tiba masanya untuk pengeluaran tertentu. Membuat carta tampan dari data mentah bukanlah satu tugas yang mudah, untungnya terdapat banyak alat untuk mendapatkan kerja.

Ya, banyak alat untuk visualisasi data. Terdapat alat komprehensif yang menghasilkan grafik interaktif daripada data yang kompleks; terdapat juga aplikasi web yang mudah dan tidak menghasilkan apa-apa selain menghasilkan graf garis 2 paksi yang mudah.

Atas sebab praktikal, kita akan melihat ke dalam kedua-dua belah pihak dan menyenaraikan pelbagai alat grafik untuk pengguna pendahuluan dan kasual.

Alat Carta Peningkatan

Mula-mula, mari kita lihat beberapa barang kemas.

1. ggPlot2 dan R

R adalah bahasa komputer dan persekitaran untuk manipulasi data, pengiraan dan paparan grafik. ggplot2, sebaliknya, adalah sistem perancangan untuk R yang membantu menghasilkan grafik pelbagai lapisan kompleks. The HeatMap di atas, misalnya, dibina menggunakan ggplot2 dan R.

Jika anda berminat untuk belajar R dan ggplot2, LearnR adalah sebuah blog yang hebat untuk membaca lebih lanjut (walaupun blog itu belum dikemas kini untuk beberapa waktu).

2. jqPlot

jqPlot adalah plugin plot dan charting untuk kerangka kerja JQuery Javascript. jqPlot menghasilkan carta garis, bar dan pai yang indah. Alat ini dilengkapi dengan beberapa ciri bagus seperti menghasilkan titik interaktif yang dapat disesuaikan oleh pengguna di penyemak imbas web. Walau bagaimanapun, perlu diperhatikan bahawa alat ini tidak diuji secara menyeluruh dan mungkin tidak disokong oleh penyemak imbas web tertentu - iaitu, Chrome dan IE di bawah 7.

3. JP Grafik

JP Grafik adalah alat carta yang didorong oleh PHP yang menyokong pelbagai jenis plot. Sekiranya anda menulis program PHP yang memerlukan grafik mewujudkan perpustakaan, ini adalah sesuatu yang harus anda lihat. Saya tidak akan mengatakan Grafik JP adalah alat mudah untuk pemula tetapi alat (atau, perpustakaan PHP) datang sangat membantu apabila anda perlu menghasilkan graf dan carta dari pelayan web anda. Grafik JP adalah percuma untuk kegunaan bukan komersial dan anda memerlukan pelayan web yang menyokong PHP 4.3.x atau lebih tinggi.

4. JS InfoVis Toolkit

JavaScript InfoVis Toolkit adalah sebuah perpustakaan yang dibangunkan oleh Nicolas Garcia Belmont. Perpustakaan ini dilengkapi dengan pelbagai pilihan visualisasi dan ia bebas untuk digunakan.

 5. IBM Analytics (sebelum ini dikenali sebagai Banyak Mata)

IBM Analytics adalah alat percuma yang membolehkan pengguna membuat visualisasi dari hampir semua jenis set data.

Dihoskan di pelayan IBM, Many Eyes melakukan lebih daripada sekadar visualisasi data - ia membolehkan pengguna memuat naik set data mereka sendiri dan juga menghasilkan model visualisasi baru berdasarkan data yang disimpan di pelayan.

6. Carta Google

Carta Google adalah percuma, berkuasa, fleksibel, dan disokong oleh banyak alat pemaju lain.

Penandaan pada Google Chart semata-mata berdasarkan teknologi HTML5 / SVG; alat ini membantu membuat carta dalam pelbagai format dengan animasi dan kawalan interaktif yang indah.

7. Axis

Axiis adalah kerangka visualisasi sumber terbuka data yang dibangunkan oleh Tom Gonzalez dan Michael VanDaniker. Alat ini direka khas untuk pemaju dan pemaju pakar. Axiis menyediakan kedua-dua komponen visual pra-terbina serta corak susunan abstrak dan kelas rendering yang membolehkan anda membuat visualisasi unik anda sendiri.

Alat Infographic Mudah untuk Pemula

Diakui, kebanyakan blogger (termasuk saya sendiri) tidak memerlukan alat carta komprehensif di atas untuk operasi blogging biasa mereka. Selalunya, semua yang kita perlukan adalah aplikasi web yang mudah atau alat mudah untuk mendapatkan pekerjaan dengan cepat.

Dengan itu dikatakan, di sini adalah senarai alat penciptaan yang memerlukan usaha pembelajaran yang sangat sedikit dan mesra pengguna.

1 Visme

Visme adalah platform DIY yang membolehkan pengguna membuat persembahan profesional dan infografik.

Lebih daripada 350,000 individu dan organisasi (termasuk pengguna dari syarikat besar seperti IBM dan Disney) menggunakan alat untuk berkomunikasi dengan lebih baik melalui grafik dan persembahan interaktif.

2. Gadai janji

Venngage adalah alat visual mesra pengguna yang telah wujud sejak 2011. Alat ini menawarkan cara mudah untuk membuat infographic dengan editor drag-and-drop, kanvas bentuk bebas, dan 1,000 + contoh dan templat yang telah dibina.

3. Easel.ly

Easel.ly membantu membuat dan berkongsi data visual dengan mudah dalam talian. Aplikasi web hadir dalam antara muka yang sederhana dengan beberapa templat yang telah ditetapkan dan ciri seret dan lepas. Walaupun Easel.ly masih dalam mod beta, tetapi sudah mempunyai lebih daripada 130,000 visual yang dibuat pengguna di pelayannya.

4. Vizualize.me

Vizualize.me membantu membuat infografik yang indah mengenai individu (ya, dengan itu nama Vizualize Me). Ini adalah alat yang menyeronokkan untuk bermain-main dan mencipta resume atau profil yang indah hanya dengan beberapa klik. Sekiranya anda berada di LinkedIn, anda harus mencubanya - alat ini dapat menghubungkan dengan profil LinkedIn anda dan menghasilkan grafik yang menakjubkan berdasarkan data anda.

5. Hohli

Perlu pembina carta mudah? Kemudian Hohli adalah tempat untuk dikunjungi. Aplikasi web ini menyokong pelbagai jenis carta dalam dua belas ukuran yang berbeza - semua pengguna perlu pergi untuk memasukkan data dan perincian reka bentuk.

6. Piktochart

Piktochart adalah alat infographic berasaskan templat yang membantu bukan pereka untuk membuat grafik dan carta yang cantik.

Alat ini menyokong ciri drag-and-drop dan menyediakan pilihan yang luas dalam templat pratetap, ikon, vektor, dan imej. Jika anda mencari alat grafik mudah dan tidak keberatan membayar yuran yang kecil untuk perkhidmatan, Piktochart pastinya salah satu pilihan terbaik anda.

 


 

Sebelum Anda Memulakan: Infographics Inspirations

Jadi, adakah anda bersedia membuat beberapa maklumat grafik anda sendiri? Tunggu. Kami masih mempunyai sedikit lagi untuk pergi ke sini.

Berikut adalah beberapa maklumat grafik dan carta yang paling popular yang ditangkap daripada Internet.

Saya cukup yakin bahawa anda pernah melihat sebahagiannya di rangkaian media sosial pada masa lalu - yang membuktikan bahawa grafik yang cantik dengan data yang bermakna!

Selain itu, terdapat sebab-sebab mengapa galeri infografik begitu banyak diperdagangkan pada hari-hari ini.

Dengan merujuk kepada karya orang lain, kita dapat mempelajari apa yang berfungsi dengan baik dengan penonton.

  • Apakah saiz purata untuk infographic popular?
  • Apakah jenis topik yang paling disambut oleh penonton?
  • Sekiranya anda memasukkan data sebanyak mungkin ke dalam carta anda?
  • Berapa banyak mata peluru yang perlu anda tutupi dalam maklumat grafik anda?
  • Apa yang menjadikan infographic ini popular?

Contoh kehidupan sebenar: Jenis Infographic

Ini adalah soalan yang perlu ditanya apabila anda melayari di sekitar sampel.

Minuman Kopi Illustrated

sumber: lokeshdhakar.com

Panduan Lapangan Untuk Fan Boys 

sumber: PC World

The Best Beer In America 2008

sumber: Mikewithart.com

Jadual Berkala Of Typefaces

Tracker Bailout

sumber: New York Times

Evolusi Telefon

Sumber: Pow Wow Now

 

Semak Graf

Sumber: Empat Square

Menggali lebih mendalam

Saya menemui berpuluh-puluh blog dan laman web menarik yang berkaitan dengan topik kami semasa saya membuat penyelidikan untuk posting ini. Serius, ada banyak yang boleh dibaca dan dipelajari dan dimainkan! Saya tidak pernah tahu terdapat banyak data yang tersedia secara percuma Gap Minder dan Fluks Dunia yang Lebih Baik; Saya telah banyak membaca di laman / blog bermaklumat seperti UX Booth (tidak sepenuhnya berkaitan dengan visualisasi data, tetapi terdapat banyak artikel berguna tentang cara visualisasi meningkatkan pengalaman pengguna web), Rajah DinamikData Mengalir; dan saya sangat mengagumi semua karya menakjubkan yang dipamerkan Lembaga Pinterest Randy dan  Carta Porno.

Jika anda hanya memulakan visualisasi data, saya sangat mengesyorkan anda untuk melawat laman web dan blog yang disenaraikan di atas.

Sekiranya anda belum memanfaatkan kekuatan visualisasi data dalam kempen pemasaran Anda, sekarang adalah masa untuk memulai.

Mengenai Jerry Low

Pengasas WebHostingSecretRevealed.net (WHSR) - semakan hosting yang dipercayai dan digunakan oleh pengguna 100,000. Lebih daripada 15 tahun pengalaman dalam web hosting, pemasaran affiliate, dan SEO. Penyumbang kepada ProBlogger.net, Business.com, SocialMediaToday.com, dan banyak lagi.