Infografik Sebagai Sarana Komunikasi Efektif

Infografik Sebagai Sarana Komunikasi Efektif

Untuk KEMENTERIAN LINGKUNGAN HIDUP DAN KEHUTANAN

Badan Standarisasi Instrumen Lingkungan Hidup dan Kehutanan

16 November 2021

Lambok Hutabarat

Direktur Kreatif Katadata

MENGAPA PERLU

INFOGRAFIK?

Alat peraga yang cukup ampuh

untuk menyajikan data/informasi

kepada khalayak

ramai.

MENGAPA PERLU INFOGRAFIK?

Alat komunikasi yang ampuh untuk

mengedukasi publik

MENGAPA PERLU INFOGRAFIK?

Publikasi Katadata dikutip oleh Presiden Joko Widodo pada November 2014, saat pro-kontra kenaikan harga BBM. Pemerintah kesulitan menyampaikan pesan pentingnya harga naik.

TREN

INFOGRAFIK

Menurut Google

Trend Numbers, tren infografik terus

melonjak. Volume pencarian yang memakai kata

“infografik” naik 800% sejak 2010.

Lebih dari 60%

milenial

mengatakan mereka lebih

mengerti informasi lebih cepat lewat visual, ketimbang 7% yang tidak.

https://www.ragan.com/study- millennials-crave-visuals/

PILAR

PEMBANGUN

INFOGRAFIK

Komposisi

Bila produksi infografik cukup rutin, disarankan membuat template

layout design, agar:

• Mempercepat proses mendesain tata letak

• Konsistensi tata letak bisa menjadi ciri khas institusi

• Membuat kerangka bagi penulisan naskah

JUDUL PENGANTAR

DATA PRIMER

A

DATA SEKUNDER DATA TERSIER

Tampak alur informasi yang jelas dan mudah diprediksi pembaca.

• Kiri ke kanan

• Atas ke bawah Mempercepat

penyerapan informasi oleh pembaca.

DATA PRIMER

B

NARASI

DATA/INFORMASI

Anatomi umum

• Narasi

• Foto dan/atau ilustrasi

• Chart: diagram, tabel, grafik,

bagan, skema

• Judul

• Pengantar / Pembuka

• Data/informasi primer

• Data sekunder

• Data tersier

Eliminasi data

Pengumpulan data Klasifikasi Analisa

Kesimpulan

Eksekusi

DESAINER PENULIS

PERISET / ANALIS DATA

MEMILAH BAHAN

• Jangan memaksa semua bahan dimuat dalam satu infografik

• Jika tidak muat dalam satu infografik, sebaiknya dipecah menjadi beberapa tayangan

residu

Mengapa naskah kerap “wordy”

• Fokus kurang jelas

• Banyak pengulangan data/info

• Kurang memanfaatkan kekuatan visual

STUDI KASUS

Buat kalimat langsung dan ringkas

Kurang ringkas:

Presiden memberikan keterangan pers usai melakukan pertemuan

dengan sejumlah pengusaha.

Setelah diringkas:

Presiden memberikan keterangan pers usai menemui sejumlah pengusaha.

Kurang ringkas:

Pembangunan jalan tol

memakan biaya sebesar Rp 487 miliar.

Setelah diringkas:

Pembangunan jalan tol

menghabiskan Rp 487 miliar.

CONTOH 1 CONTOH 2

Kurang ringkas:

Keberhasilan kebijakan transformasi digital harus dibarengi dengan:

• Membangun infrastruktur internet sampai ke desa

• Mendorong pemanfaatan e- commerce dan teknologi finansial di desa

Buat kalimat langsung dan ringkas

CONTOH 3

Lebih ringkas:

Keberhasilan kebijakan transformasi digital harus dibarengi dengan:

• Infrastruktur internet sampai ke desa

• E-commerce dan teknologi finansial di desa

Gunakan pie chart

hanya untuk menunjukkan persentase

Model pie chart adalah pilihan terbaik untuk membagi 100%

menjadi beberapa bagian.

30%

22% 25%

8%

5%

5%

3% 2%

Jangan terlalu banyak

memasukkan nilai Pie chart

Bila terlalu kecil, pertimbangkan untuk memakai tumpukan kolom

atau batang.

Pie chart akan mulai kesulitan bila datanya lebih kecil dari 5%.

30%

25%

22%

8%

5%3%

2%

Tidak

diketahui batas nilai akhirnya

STUDI KASUS

• Data utama musti terbaca mudah dan jelas

• Bila bukan

persen, tentukan batas nilai

STUDI KASUS

?

Makin banyak data makin sulit dicerna

30% Jati

25% Damar 22% Pinus

8% Kelapa 5% Aren

5% Lontar

3% Nipah 2% Rotan

Pie chart akan mulai kesulitan bila datanya lebih kecil dari 5%.

LEBIH BAIK

Angka/nilai tetap harus dekat

3% Nipah2% Rotan

8% Kelapa 5% Aren

5% Lontar

22% Pinus

25% Damar 30% Jati

0 1 2 3 4 5 6

2010 2011 2012 2013

Perkembangan Nilai

Gunakan

perbedaan warna paling mencolok untuk nilai yang paling penting.

GRAFIK GARIS hanya ideal bila ingin

menunjukkan perkembangan nilai berdasar waktu

• Lebih cocok bila memakai grafik garis, karena hanya ada satu

nilai yang dibahas

STUDI KASUS

Masing-masing hal ini tidak saling mengikat satu sama lain.

• Grafik garis lebih tepat untuk menunjukkan pergerakan yang berkesinambungan

dalam satu topik bahasan saja.

• Juga menunjukkan tren, prediksi, arah pergerakan

STUDI KASUS

• Penggunaan grafik batang sudah tepat

karena setiap nilai bergerak dalam

jalur yang terpisah

HASIL REVISI _BAIK^LEBIH

GRAFIK GARIS

SEDERHANA

Pemanfaatan warna untuk memperkuat kesan

GRAFIK BATANG

SEDERHANA

Tidak terlalu padat oleh data sehingga pembaca masih bisa memilahnya satu-satu

Skala boleh

dipangkas demi menghemat

bidang, sejauh tidak

menimbulkan salah

intepretasi

Kolom tumpuk hanya ideal bila ingin

membandingkan total

190 201

124 179

Bila hanya fokus pada

perbandingan per bagian saja, lebih baik dipisah karena lebih mudah bila membaca data

dengan garis dasar yang sama

A B

C

D D C

B A

GRAFIK BATANG ideal bila ingin menunjukkan

perbandingan nilai dalam satu kurun waktu tertentu

Pilih huruf yang mudah dibaca dan elegan

Tipografi

Rorere, si blatemque porerum volume dentius eic tem rerrum vellia prat recesed eatiumquati officidesed quias que nonseque nis rae ducil eiumqui derrum aut ut rem nosa et evellabore nonem laut ressit repellest, voluptatior sunt quatur? Mus eum quiderc ilibus dolestis sit rest, omnissum qui im siminum fuga. Ut atiatur audio. Itatiatem que porepudi corepel itatur? Ehentur? Ugit, officae. As reperum sunt, nate volent evendae expla sitis voluptatis invelec estios et harum fugia cum quati vel minullupti net idebitat quunt ut doluptatis sam dis eos as mod molorro quiatatus aut dolum se apienda erferovidus eossim volorestrum andae voluptae vent offici commo te ape et lam que molectur solupta verorrorpor sinvel il il ipid Rorere, si blatemque porerum volume

dentius eic tem rerrum vellia prat recesed eatiumquati officidesed quias que nonseque nis rae ducil eiumqui derrum aut ut rem nosa et evellabore nonem laut ressit repellest, voluptatior sunt quatur? Mus eum quiderc ilibus dolestis sit rest, omnissum qui im siminum fuga. Ut atiatur audio. Itatiatem que porepudi corepel itatur? Ehentur? Ugit, officae. As reperum sunt, nate volent evendae expla sitis voluptatis invelec estios et harum fugia cum quati vel minullupti net idebitat quunt ut doluptatis sam dis eos as mod molorro quiatatus aut dolum se apienda erferovidus eossim volorestrum andae voluptae vent offici commo te ape et lam que molectur solupta verorrorpor sinvel il il ipid maximiliquas quae maiorem

Kurang cepat dibaca Ideal untuk baca cepat

Aa Aa Aa

Pilih huruf dengan postur tubuh yang tidak kontras.

Tipografi

tipis

tebal ramping tebal

tebal

GUNAKAN HURUF YANG PERBEDAAN DENGAN TIDAK TERLALU BESAR

Perbedaan tebal tipis masih besar

Perbedaan tebal tipis tidak besar

Ketebalan lebih merata

Kombinasi warna harus harmonis dan saling melengkapi

Warna

hangat

Diasosiasikan:

• Terang

• Enerjik

• Aksi

• Kencang

• Teriak

• Drastis

dingin

Diasosiasikan:

• Tenang

• Damai

• Lambat

• Subur

• Misteri

• Sejuk

SKEMA WARNA 1:

saling melengkapi

• Kontras tinggi

• Hanya untuk data/informasi paling penting

Dua warna berseberangan

SKEMA WARNA 2:

analog

• Dalam satu skema warna

• Ada yang berperan sebagai warna utama, warna

tiga warna bersandingan

Skema analog tetap bisa kontras di atas warna

monokromatik yang cukup terang

SKEMA WARNA 2:

triadik

• Cenderung terang, cerah, dan

dinamis, meski memakai warna pucat

• Efek kontras sekaligus harmonis

membentuk segitiga pada roda warna

• Musti hati-hati.

• Pilih satu

sebagai warna dominan, lalu dua lainnya sebagai aksen.

Makin hangat warna, makin kecil porsi

visualnya.

proporsi dalam bidang grafik

Warna

dingin

hangat

Perbedaan

ukuran etalase

• Platform tayang mengecil

± 50%

Platform produksi

PERHATIKAN KETERBACAAN TAMPILAN AKHIR

Info primer

POSTER

Poster luar ruang membutuhkan

ukuran huruf

yang lebih besar

Info

sekunder

• Keterbacaan tinggi meski dari jarak jauh

• Gunakan bahasa pendek dan lugas

SUDAH DIVAKSINASI BELUM DIVAKSINASI 80 dari 100 orang positif

dirawat

Kasus di Amerika Serikat (Mei 2021) Kasus di Wisma Atlet, Indonesia (Mei – Juni 2021)

SUDAH DIVAKSINASI

VAKSIN MENCEGAH SAKIT & MATI KARENA KORONA

BUKTI HASIL PENELITIAN MANFAAT VAKSIN COVID-19

90 dari 100 orang positif tidak perlu dirawat

90 dari 100 pasien meninggal Lebih baik SAKIT

SEDIKIT karena divaksinasi

daripada SULIT NAFAS karena

Covid

Vaksin AMANbagi

penderita KOMORBID (ginjal, jantung, diabetes, autoimun)

98 dari 100 pasien sembuh

Sumber: WHO, CDC, GOV.UK, NCBI, BBC, The Conversation, CNN Indonesia, Satgas Penanganan Covid-19

Info primer

SPANDUK Pasang informasi utama di tengah

Info sekunder

• Huruf terlalu kecil

Info primer STUDI KASUS

• Data/info terlalu banyak

• Informasi utama terlalu

Rasio Piksel

1,91 : 1

1080 x 608

1 : 1

1080 x 1080 1080 x 1350

4 : 5

landscape square portrait

Variasi ukuran

instagram

• Teks tak terbaca

• Data terlalu dipaksakan masuk semua

• Kurang sinergi antara peta dengan data

STUDI KASUS

• Tidak mungkin membaca

dengan jelas Surat Edaran di gawai.

• Saran: dibuat rangkuman saja

STUDI KASUS

Setara Arial Bold 65 point

Saran besaran huruf untuk tayang di media sosial

TUJUAN: Data harus terbaca nyaman dan jelas

Setara Arial Regular 28 point Setara Arial Regular 16 point

Pembagian kapling yang jelas

Contoh pemecahan

untuk tayang di media sosial (instagram)

STUDI KASUS

• Ukuran penuh, tayang di

website.

• Sesuai rasio layar ponsel

Memudahkan dan mempercepat proses produksi

Agar Pembaca bisa dengan mudah

mendapat

kesimpulan dalam menelaah data

Gunakan

analogi visual

Gunakan

analogi visual

Memakai obyek sebagai bahan

pembanding

STUDI KASUS

Simpel lebih baik

• Pengklasteran jelas dan rapih

• Visualisasi

perbandingan data lebih

menyenangkan

Komparasi

Pembaca bisa

segera mendapat kesimpulan

dengan hanya membandingkan perbedaan visual antar data

Komparasi

Pembaca harus dengan mudah mendapat

kesimpulan dalam

membandingkan data

51 79

Rp.9.430 Rp.14.000

Tidak sekadar

dalam angka

SUMBER FOTO

• https://ccsearch.creativecommons.org/

• Semua foto mempunyai hak cipta

• Perhatikan klausul hak cipta yang menyertai

• Bijak memilih dari sumber yang terpercaya

• Pencantuman kreditasi akan menjaga kredibilitas

CATATAN KHUSUS Cek silang hak cipta penggunaan foto di:

Perhatikan klausul penggunaan image/foto

• PUBLIC DOMAIN.

Bisa dipakai bebas, dimodifikasi, pribadi, komersial, tanpa

perlu izin kreator.

• ATRIBUT KREDITASI.

Public domain dengan tambahan kewajiban harus menyertakan

• Saran pencarian:

Pilih opsi lisensi yang paling ringan syarat/klausul

penggunaannnya

PETA

• Data, grafik dan teks harus bisa terbaca jelas

• Data primer adalah yang

paling menonjol

secara visual

PETA

• Data, grafik dan teks harus bisa terbaca jelas

• Hindari grafik atau data yang bertumpuk

• Data primer adalah yang paling menonjol secara visual

• Sedapat mungkin munculkan

keterangan administrasi

Teks di atas peta harus tetap tinggi keterbacaannya

Bila perlu, peta hanya disajikan

berupa outline atau poligon

Terima kasih