Bagaimana Membuat Carta Cantik Dan Infographics Untuk Laman Anda?

Artikel yang ditulis oleh:
  • Artikel Pilihan
  • Dikemaskini: Okt 10, 2019

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?

Compnay pemasaran, Bell Pottinger, menyaksikan peningkatan 55 dalam belanjawan perniagaan untuk barangan digital seperti maklumat grafik.

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.

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 web hosting yang pantas dan imej yang dioptimumkan. Anda akan melihat bahawa kami menekankan banyak kelajuan dalam ulasan hos kami - lihat Kajian A2 Hosting contohnya atau semak ulasan kami yang lain untuk melihat hos web mana yang terbaik memenuhi keperluan anda untuk kelajuan.

Manfaat #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.

Perlu diingat bahawa walaupun grafik dan carta cenderung menarik perhatian dari blogsphere dan pengguna media sosial; mereka perlu melakukan lebih daripada sekadar promosi jenama - Infographics dan carta sepatutnya menyampaikan data yang membosankan dan kemas dalam cara yang mesra pengguna di tempat pertama.

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 kami daripada mengatur baris data kami mengikut baris pada Worksheet Excel. Dahulu dikenali sebagai Google Refine (dan Freebase Gridworks), alat ini membantu pengguna meneroka dan membersihkan data, mengubah data dari satu format ke format lain, dan memperluaskannya 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 mendapatkan ini: Carta pai, rajah, graf garis, histogram, peta haba, carta alir, jadual berkala, dan sebagainya. Setiap pendekatan ini sangat sesuai untuk jenis data tertentu (dan busuk teruk 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.

Jadual Berkala Mengenai Visualisasi Data

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 yang komprehensif yang menghasilkan grafik interaktif daripada data kompleks; terdapat juga aplikasi web mudah yang melakukan apa-apa tetapi menghasilkan graf garis paksi 2 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 dan ggplot2

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

jqPlot adalah plugin dan merancang plugin untuk rangka jQuery Javascript. jqPlot menghasilkan garis yang indah, bar dan carta pai. Alat ini dilengkapi dengan beberapa ciri yang bagus seperti menjana titik interaktif yang boleh diselaraskan oleh pengguna pada pelayar web. Walau bagaimanapun, perlu diperhatikan bahawa alat ini tidak diuji dengan teliti dan mungkin tidak disokong oleh penyemak imbas web tertentu â € "iaitu, Chrome dan IE di bawah 7.

3. JP Grafik

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

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 pada pelayan IBM, Many Eyes lebih daripada sekadar visualisasi data - ia membolehkan pengguna untuk memuat naik set data mereka sendiri serta menjana model visualisasi baru berdasarkan data yang disimpan di pelayan.

6. Carta Google

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

Paksi

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

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

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

2. Venngage

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

Easel.ly membantu membuat dan berkongsi data visual dengan mudah dalam talian. Aplikasi web datang dalam antara muka yang mudah dengan beberapa templat pratetap dan ciri drag-and-drop. Walaupun Easel.ly masih dalam mod beta, tetapi ia sudah mempunyai lebih daripada 130,000 pengguna yang dihasilkan visual pada pelayannya.

4. Vizualize.me

VIsualize.me

Vizualize.me membantu membuat maklumat grafik yang indah mengenai individu (ya, maka nama Vizualize Me). Ini alat yang menyeronokkan untuk bermain-main dengan dan ia mewujudkan resume atau profil yang indah dalam hanya beberapa klik. Sekiranya anda berada di LinkedIn, anda harus benar-benar mencuba ini - alat ini boleh dikaitkan dengan profil LinkedIn anda dan menghasilkan grafik yang menakjubkan berdasarkan data anda.

5. Hohli

Hohli

Perlu pembina carta mudah? Kemudian Hohli adalah tempat untuk dikunjungi. Aplikasi web ini menyokong pelbagai jenis carta dalam dua belas saiz yang berbeza - semua pengguna perlu pergi untuk memasukkan butiran data dan 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 telah melihat sebahagian daripada mereka 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

Minuman Kopi Illustrated
sumber: lokeshdhakar.com

Panduan Lapangan Untuk Fan Boys

Panduan Field PC Fan Boys
sumber: PC World

The Best Beer In America 2008

The Best Beer In America
sumber: Mikewithart.com

Jadual Berkala Of Typefaces

Jadual Typefaces

Tracker Bailout

Tracker Bailout
sumber: New York Times

Evolusi Telefon

Infographics Timeline
Sumber: Pow Wow Now

Semak Graf

grafik infographic
Sumber: Empat Square

Menggali lebih mendalam

Saya bertembung dengan berpuluh-puluh blog yang menarik dan laman web yang berkaitan dengan topik kami ketika saya melakukan penyelidikan untuk jawatan ini. Serius, banyak membaca dan belajar dan bermain dengan! Saya tidak tahu ada banyak data yang tersedia secara bebas 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 Dinamik, Data Mengalir; dan saya mengagumi semua karya yang menakjubkan yang dipaparkan 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.

Jika anda tidak memanfaatkan kuasa visualisasi data dalam kempen pemasaran anda, sekarang adalah masa untuk bermula.

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.