Bagaimana Membuat Grafik Indah dan Infografis Untuk Situs Anda?

Artikel ditulis oleh:
  • Menampilkan Artikel
  • Diperbarui: 15 April 2019

Jika Internet adalah satu hal, itu visual.

Orang-orang menyukai informasi yang cepat dan mudah diakses dan infografis menyediakan jenis visualisasi data seperti itu. Bahkan data yang kompleks lebih mudah dipahami ketika digabungkan dengan diagram lingkaran, grafik, atau foto.

Menurut sebuah infografis oleh Top Marketing Schools, sebuah infografis memiliki potensi untuk mencapai sekitar 15 juta orang.

Mengapa Mengalami Infografis?

Perusahaan pemasaran, Bell Pottinger, melihat peningkatan anggaran bisnis 55% untuk item digital seperti infografis.

Dalam infografis tentang infografis, Unbounce menyatakan bahwa jumlah orang yang mencari infografis telah melihat peningkatan 800% dalam dua tahun terakhir. Dengan statistik seperti itu, sulit untuk menyangkal bahwa visualisasi data dalam bentuk infografis adalah a konten / pemasaran yang baik untuk situs web dan blog.

statistik infografis

Manfaat # 1- Pengunjung Baru

Menambahkan infografis menarik pengunjung situs baru dalam beberapa cara.

  • Pencarian Web: Pengguna Internet mungkin sedang melakukan penelitian tentang topik infografis Anda. Jika Anda adalah satu-satunya situs yang memiliki infografis tentang mengapa blueberry membuat Anda lebih pintar, maka Anda akan mendapatkan lalu lintas dari siapa pun yang mencari infografis tentang topik itu. Mereka yang mencari gambar secara spesifik dapat menemukan infografis Anda juga.
  • Media sosial: Infografik dari Sekolah Pemasaran Top yang menunjukkan bahwa pos tradisional mendapatkan tentang tweet 75, sementara infografik mendapat hampir 600. Karena orang-orang jauh lebih mungkin untuk berbagi infografis Anda di Twitter daripada posting sederhana, potensi Anda untuk menjangkau pengunjung baru melalui media sosial sangat besar.

Nielson / Norman Group memperkirakan bahwa kunjungan halaman rata-rata berlangsung di bawah satu menit. Kecuali Anda menarik minat pembaca, dia akan melirik halaman Anda dan pindah ke situs berikutnya.

Pengunjung situs memiliki kebiasaan menggulir untuk informasi dan berita. Ini adalah alasan lain mengapa infografis bekerja sangat baik untuk menarik minat pembaca. Representasi visual dari fakta yang menarik adalah cara yang lebih cepat untuk menyajikan informasi daripada paragraf teks. Pembaca dapat membaca infografis Anda dengan cepat, menyerap informasi yang dibutuhkan, dan akan tinggal sedikit lebih lama untuk memeriksa apa lagi yang Anda tawarkan, atau mungkin menandai situs Anda untuk digunakan nanti.

Tantangan teknis dalam menyajikan infografis yang kaya info

Namun, hal lain yang perlu diingat adalah bahwa sementara infografik menambah nilai, gambar berat yang membutuhkan waktu lama untuk dimuat dapat berfungsi untuk mengusir pengunjung. Penelitian oleh Pew Internet memperkirakan bahwa rata-rata pengunjung situs mengharapkan laman dimuat dalam waktu kurang dari tiga detik. Semakin cepat situs Anda memuat, semakin baik tingkat konversi Anda.

Ini adalah tindakan penyeimbangan untuk memastikan bahwa situs Anda menawarkan pengalaman visual yang kaya sambil tetap memuat kilat dengan cepat. Cara terbaik untuk mencapai ini adalah dengan server cepat dan gambar yang dioptimalkan. Anda akan melihat di web hosting review, kami sangat menekankan pada kecepatan dan melakukan berbagai tes kecepatan saat memberi peringkat pada host web.

Manfaat # 2 - Pertahankan Pengunjung

Nielson / Norman Group memperkirakan bahwa kunjungan halaman rata-rata berlangsung di bawah satu menit. Kecuali Anda menarik minat pembaca, dia akan melirik halaman Anda dan pindah ke situs berikutnya.

Pengunjung situs memiliki kebiasaan menggulir untuk informasi dan berita. Ini adalah alasan lain mengapa infografis bekerja sangat baik untuk menarik minat pembaca. Representasi visual dari fakta yang menarik adalah cara yang lebih cepat untuk menyajikan informasi daripada paragraf teks. Pembaca dapat membaca infografis Anda dengan cepat, menyerap informasi yang dibutuhkan, dan akan tinggal sedikit lebih lama untuk memeriksa apa lagi yang Anda tawarkan, atau mungkin menandai situs Anda untuk digunakan nanti.

Namun, hal lain yang perlu diingat adalah bahwa sementara infografik menambah nilai, gambar berat yang membutuhkan waktu lama untuk dimuat dapat berfungsi untuk mengusir pengunjung. Penelitian oleh Pew Internet memperkirakan bahwa rata-rata pengunjung situs mengharapkan laman dimuat dalam waktu kurang dari tiga detik. Semakin cepat situs Anda memuat, semakin baik tingkat konversi Anda.

Ini adalah tindakan penyeimbangan untuk memastikan bahwa situs Anda menawarkan pengalaman visual yang kaya sambil tetap memuat kilat dengan cepat. Cara terbaik untuk mencapai ini adalah dengan server cepat dan gambar yang dioptimalkan. Anda akan melihat pada kami halaman ulasan hosting, yang kami daftar A2 sebagai salah satu perusahaan hosting tercepat. Anda dapat membaca ulasan lengkap tentang berbagai macam web host dan melihat mana yang paling memenuhi kebutuhan Anda akan kecepatan dan fitur lainnya.

Manfaat #3 - Tambahkan Otoritas

Kebanyakan orang adalah pelajar visual. NeoMam telah mengumpulkan penelitian dari sumber seperti Google Trends, Nielson dan Pearson yang menunjukkan 70 persen reseptor sensorik terletak di mata dan orang dapat mengambil dan memahami adegan visual hanya di bawah 1 / 10th per detik.

Orang cenderung percaya apa yang mereka lihat karena mereka memahaminya lebih baik. Melakukan riset dan mencadangkannya di infografis Anda dapat menambah otoritas pada merek Anda. Pastikan untuk:

  • Menawarkan statistik yang solid
  • Tambahkan sumber daya yang dihormati di bagian bawah infografis
  • Tambahkan grafik dan grafik yang menunjukkan statistik tersebut dengan cara visual

Ketika Anda menggabungkan indera visual dengan fitur-fitur interaktif, seperti infografik NeoMam yang berasal dari statistik ini, Anda tidak hanya menangkap minat pembaca Anda tetapi Anda juga melibatkannya.

Apa yang lebih Anda perhatikan? Apakah Anda melihat gambar polos di halaman atau halaman yang bergerak, berkedip atau memulai video?


Apa yang Membuat Infografis Bagus?

Ke depan, kami akan mencari sumber daya dan alat terbaik untuk visualisasi data hari ini. Tidak masalah Anda adalah blogger biasa yang hanya ingin membuat beberapa infografis yang indah untuk keperluan branding atau desainer grafis karier yang perlu menggali lebih dalam tentang bidang ini; Saya yakin Anda akan menemukan posting ini bermanfaat.

Informasi Arsitektur

Secara umum, bagian visualisasi data yang baik terdiri dari tiga elemen utama:

  1. Data yang bermakna,
  2. Desain informasi yang tepat, dan
  3. Grafis yang indah.

Ingatlah bahwa meskipun infografis dan grafik cenderung menarik perhatian dari pengguna blogphere dan media sosial; mereka harus melakukan lebih dari sekedar promosi merek - Infografis dan grafik seharusnya memberikan data yang membosankan dan berantakan dengan cara yang mudah digunakan.

Oleh karena itu, sebelumnya membuat grafik atau infografis, Anda harus 1) Atur, filter, dan perbaiki data Anda; 2) Tentukan cara menyajikan data Anda (alias, desain visualisasi data).

Data Mining

Masuk ke OpenRefine - Alat penambangan data yang kuat yang menyelamatkan kita dari mengatur baris data kita berdasarkan baris di Lembar Kerja Excel. Sebelumnya dikenal sebagai Google Refine (dan Freebase Gridworks), alat ini membantu pengguna menjelajahi dan membersihkan data, mengubah data dari satu format ke format lainnya, dan memperluasnya dengan berbagai layanan web.

Jika Anda bekerja dengan beberapa data unordered besar, OpenRefine pasti harus ada di toolkit Anda. Alat ini saat ini dihosting di GitHub, Anda bisa kunjungi halaman ini untuk semua info dan bantuan yang diperlukan. Untuk tindak lanjut lebih lanjut dan berita terbaru, Anda juga harus memeriksa situs web yang baru diluncurkan di http://openrefine.org/

Presentasi Data

Setelah Anda siap dengan data Anda, saatnya untuk memutuskan bagaimana Anda akan menyajikannya kepada pemirsa.

Ada banyak sekali pendekatan untuk menyelesaikan hal ini: diagram lingkaran, diagram, grafik garis, histogram, peta panas, diagram alur, tabel periodik, dan sebagainya. Masing-masing pendekatan ini sangat cocok untuk jenis data tertentu (dan sangat buruk jika disalahgunakan).

Bagaimana seharusnya Anda menyajikan data Anda, sehingga statistik Anda indah, menarik, dan mudah dimengerti?

Tentang masalah ini, Keaksaraan Visual membangun tabel periodik yang sangat berguna pada semua opsi yang dapat Anda gunakan untuk memvisualisasikan data Anda (lihat di bawah).

Perhatikan bahwa tabel periodik menampilkan sejumlah contoh menarik saat Anda menggulir mouse Anda, jadi pastikan Anda melihat tabel sebenarnya di situs.

Tabel Periodik Pada Visualisasi Data

Jika Anda mencari pendekatan non-tradisional, maka Anda harus memeriksanya artikel yang luar biasa ini di Smashing Magazine. Posting ini diterbitkan beberapa waktu lalu tapi tetap saja, saya merasa ini sangat membantu.


Alat Infografis dan Pengisian Daya untuk Digunakan

Segera setelah Anda selesai dengan arsitektur informasi, sudah waktunya untuk beberapa produksi nyata. Membuat grafik yang bagus dari data mentah tidak pernah mudah, untungnya ada banyak alat untuk menyelesaikan pekerjaan.

Ya, tak terhitung banyaknya alat untuk visualisasi data. Ada alat yang komprehensif yang menghasilkan grafik interaktif dari data yang kompleks; ada juga aplikasi web mudah yang tidak melakukan apa-apa selain menghasilkan grafik garis sumbu 2 sederhana.

Untuk alasan praktis, kita akan melihat ke dalam kedua sisi dan daftar beberapa alat grafis untuk pengguna muka dan kasual.

Alat Pemetaan Lanjut

Pertama, mari kita lihat beberapa barang muka.

1. ggPlot2 dan R

R dan ggplot2

R adalah bahasa komputer dan lingkungan untuk manipulasi data, perhitungan dan tampilan grafis. ggplot2, di sisi lain, adalah sistem merencanakan untuk R yang membantu menghasilkan grafis multi-layer yang kompleks. HeatMap di atas, misalnya, dibuat menggunakan ggplot2 dan R.

Jika Anda tertarik untuk belajar R dan ggplot2, LearnR adalah blog yang bagus untuk membaca lebih lanjut (meskipun blog belum diperbarui untuk beberapa waktu).

2. jqPlot

jqPlot

jqPlot adalah plugin merencanakan dan memetakan untuk kerangka Javascript jQuery. jqPlot menghasilkan diagram garis, bar dan pai yang indah. Alat ini dilengkapi dengan beberapa fitur bagus seperti menghasilkan poin interaktif yang dapat disesuaikan oleh pengguna di browser web. Namun, perlu dicatat bahwa alat ini tidak sepenuhnya diuji dan mungkin tidak didukung oleh peramban web tertentu - yaitu, Chrome dan IE di bawah 7.

3. Grafik JP

Grafik JP

Grafik JP adalah alat diagram berbasis-PHP yang mendukung berbagai jenis petak. Jika Anda menulis program PHP yang membutuhkan pembuatan grafik perpustakaan, ini adalah sesuatu yang harus Anda perhatikan. Saya tidak akan mengatakan JP Graph adalah alat yang mudah untuk pemula tetapi alat (atau, perpustakaan PHP) sangat berguna ketika Anda perlu menghasilkan grafik dan grafik dari server web Anda. JP Graph gratis untuk penggunaan non komersial dan Anda akan membutuhkan server web yang mendukung PHP 4.3.x atau lebih tinggi.

4. JS InfoVis Toolkit

JavaScript InfoVis Toolkit

JavaScript InfoVis Toolkit adalah perpustakaan yang dikembangkan oleh Nicolas Garcia Belmont. Perpustakaan dilengkapi dengan berbagai pilihan visualisasi dan itu benar-benar gratis untuk digunakan.

5. Banyak Mata

Banyak Mata oleh IBM

IBM Analytics adalah alat gratis yang memungkinkan pengguna untuk membuat visualisasi dari hampir semua jenis kumpulan data.

Dihosting di server IBM, Many Eyes melakukan lebih dari sekedar visualisasi data - Memungkinkan pengguna untuk mengunggah kumpulan data mereka sendiri serta menghasilkan model visualisasi baru berdasarkan data apa pun yang disimpan di server.

6. Google Chart

Google Bagan

Google Bagan gratis, kuat, fleksibel, dan didukung oleh banyak alat pengembang lainnya.

Charting di Google Chart murni berdasarkan teknologi HTML5 / SVG; alat ini membantu membuat grafik dalam berbagai format dengan animasi yang indah dan kontrol interaktif.

7. Sumbu

Sumbu

Axiis adalah kerangka kerja visualisasi data sumber terbuka yang dikembangkan oleh Tom Gonzalez dan Michael VanDaniker. Alat ini dirancang khusus untuk para pengembang pemula dan ahli. Axiis menyediakan komponen visualisasi yang dibuat sebelumnya serta pola tata letak abstrak dan kelas rendering yang memungkinkan Anda untuk membuat visualisasi unik Anda sendiri.

Alat Infografis yang Mudah untuk Pemula

Diakui, sebagian besar blogger (termasuk saya sendiri) tidak perlu alat charting yang komprehensif di atas untuk operasi blogging reguler mereka. Lebih sering, yang kita butuhkan hanyalah aplikasi web yang mudah atau alat sederhana untuk menyelesaikan pekerjaan dengan cepat.

Dengan itu dikatakan, di sini adalah daftar alat ciptaan yang membutuhkan upaya belajar yang sangat sedikit dan user friendly.

1 Visme

visme

Visme adalah platform DIY yang memungkinkan pengguna untuk membuat presentasi dan infografis profesional.

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

2. Easel.ly

Easel.ly

Easel.ly membantu membuat dan membagikan data visual dengan mudah secara online. Aplikasi web hadir dalam antarmuka yang sederhana dengan beberapa templat preset dan fitur drag-and-drop. Meskipun Easel.ly masih dalam mode beta, tetapi sudah memiliki lebih dari visual yang dibuat pengguna 130,000 di servernya.

3. Vizualize.me

VIsualize.me

Vizualize.me membantu menciptakan infografis yang indah tentang individu (ya, maka nama Vizualize Me). Ini adalah alat yang menyenangkan untuk bermain-main dengan dan itu menciptakan resume yang indah atau profil hanya dalam beberapa klik. Jika Anda berada di LinkedIn, Anda harus benar-benar mencoba ini - alat ini dapat terhubung dengan profil LinkedIn Anda dan menghasilkan grafik yang menakjubkan berdasarkan data Anda.

4. Hohli

Hohli

Butuh pembangun grafik sederhana? Kemudian Hohli adalah tempat untuk dikunjungi. Aplikasi web ini mendukung berbagai jenis grafik dalam dua belas ukuran yang berbeda - semua pengguna harus pergi adalah untuk memasukkan data dan detail desain.

5 Piktochart

Piktochart Infographic

Piktochart adalah alat infografis berbasis template yang membantu non desainer untuk membuat grafik dan bagan yang indah.

Alat ini mendukung fitur drag-and-drop dan menyediakan berbagai pilihan dalam template preset, icones, vektor, dan gambar. Jika Anda mencari alat grafis yang mudah dan tidak keberatan membayar biaya yang kecil untuk layanan, Piktochart jelas merupakan salah satu pilihan terbaik Anda.

6. Infogr.am

Info Gram

Infogr.am adalah aplikasi web yang mudah digunakan untuk membuat infografis. Buat infografis dan grafik interaktif dengan beberapa klik, letakkan di artikel Anda, posting blog atau bagikan dengan teman. Dengan beberapa infografis 200 000 dibuat dan 10 000 baru mendaftar seminggu itu adalah komunitas visualisasi data yang paling cepat berkembang di dunia.


Sebelum Memulai: Inspirasi Infografis

Jadi apakah Anda siap untuk membuat beberapa infografis Anda sendiri? Tunggu. Kami masih memiliki sedikit lebih banyak untuk pergi ke sini.

Berikut adalah beberapa infografis dan bagan paling populer yang diambil dari Internet.

Saya cukup yakin bahwa Anda telah melihat beberapa dari mereka di jaringan media sosial di masa lalu - yang membuktikan bahwa grafik yang cantik dengan data yang bermakna!

Juga, ada alasan mengapa galeri infografis begitu banyak diperdagangkan akhir-akhir ini.

Dengan merujuk pada karya orang lain, kita bisa belajar apa yang bekerja dengan baik dengan audiens.

  • Berapa ukuran rata-rata untuk infografis populer?
  • Jenis topik apa yang paling disambut oleh pemirsa?
  • Haruskah Anda memasukkan sebanyak mungkin data ke dalam bagan Anda?
  • Berapa banyak poin yang harus Anda bahas dalam infografis Anda?
  • Apa yang membuat infografis ini populer?

Contoh kehidupan nyata: Jenis Infografis

Ini adalah pertanyaan yang harus diajukan saat Anda menjelajahi sampel.

Minuman Kopi Diilustrasikan

Minuman Kopi Diilustrasikan
Sumber: lokeshdhakar.com

Panduan Lapangan Untuk Fan Boys

Panduan Lapangan Dunia Penggemar PC Dunia
Sumber: PC World

Bir Terbaik Di Amerika 2008

Bir Terbaik Di Amerika
Sumber: Mikewithart.com

Tabel Periodik Dari Typefaces

Tabel Typefaces

Tracker Bailout

Tracker Bailout
Sumber: New York Times

Evolusi Telepon

Infografis Timeline
Sumber: Pow Wow Sekarang

Grafik Check In

grafik infografis
Sumber: Four Square

Menggali Lebih Dalam

Saya bertemu dengan lusinan blog dan situs web yang menarik terkait dengan topik kami ketika saya melakukan penelitian untuk posting ini. Serius, ada banyak hal untuk dibaca, dipelajari, dan dimainkan! Saya tidak pernah tahu ada begitu banyak data yang tersedia secara bebas Gap Minder & Flux Dunia Lebih Baik; Saya telah membaca banyak hal di situs informatif / blog seperti UX Booth (tidak sepenuhnya terkait dengan visualisasi data, tetapi ada banyak artikel bermanfaat tentang bagaimana visualisasi meningkatkan pengalaman pengguna web), Diagram Dinamis, Mengalirkan Data, sebaik Kotak dan Panah; dan saya sangat mengagumi semua karya menakjubkan yang ditampilkan Papan Pinterest Randy & Bagan Porno.

Jika Anda hanya memulai visualisasi data, saya sangat menyarankan Anda untuk mengunjungi situs dan blog yang tercantum di atas.

Jika Anda belum memanfaatkan kekuatan visualisasi data dalam kampanye pemasaran Anda, sekarang adalah saatnya untuk memulai.

Tentang Jerry Low

Pendiri WebHostingSecretRevealed.net (WHSR) - ulasan hosting yang dipercaya dan digunakan oleh pengguna 100,000. Lebih dari 15 tahun pengalaman dalam hosting web, pemasaran afiliasi, dan SEO. Kontributor ke ProBlogger.net, Business.com, SocialMediaToday.com, dan banyak lagi.