INFOGRAFIS

VISUALISASI INFORMASI DAN DATA BERBASIS GRAFIS

setyachendra@unesa.ac.id
INFOGRAFIS / Pengertian

Infografis/infographic berasal dari bahasa

Inggris information + graphic.
• Graphic diterjemahkan menjadi grafis, seni visual
yang berkaitan dengan gambar dan huruf.
Sedangkan infografis mengacu pada visualisasi
grafis yang menunjukan relasi satu atau beberapa
data atau informasi tertentu.

setyachendra@unesa.ac.id
INFOGRAFIS / Pengertian

Infografis/infographic berasal dari bahasa Inggris

information + graphic.
• Secara umum diartikan sebagai teknik penyajian informasi secara
visual/grafis, sehingga lebih mudah dipahami oleh pembaca.
Elemen grafis digunakan sebagai upaya untuk mempersingkat
informasi tanpa mengurangi kejelasan dari informasi tersebut.
Bahasa yang digunakan pun biasanya bahasa yang
mudah dipahami oleh masyarakat pada umumnya.

setyachendra@unesa.ac.id
INFOGRAFIS / Pengertian

Infografis/infographic berasal dari bahasa

Inggris information + graphic.
• Hasil akhir dari infografis lebih didominasi bentuk
visual daripada informasi teks. Proses
pembuatan infografis disebut information
design, data- visualization, dan information
architecture.

setyachendra@unesa.ac.id
INFOGRAFIS / Pengertian

Penggunaan simbol-simbol grafis yang

universal disertai bahasa dan teks yang sedikit,
Memudahkan komunikan (pembaca)
memahami informasi yang terkandung dalam
infografis tersebut.

setyachendra@unesa.ac.id
INFOGRAFIS / Tujuan

Tujuan infografis sama dengan public speaking.

Tujuan infografis adalah untuk menginformasikan,
menghibur, dan mempersuasi pembaca sehingga
pembaca memberikan perhatian (membaca),
menyimpulkan dan melakukan aksi seuai dengan
informasi dalam infografis tersebut.

(Krum dalam Kurniasih, 2016)

setyachendra@unesa.ac.id
INFOGRAFIS / Jenis-Jenis

Infografis statis
• Infografis yang dibuat dalam bentuk visual statis
atau gambar yang tidak bergerak. Jenis infografis ini
adalah jenis paling umum digunakan dalam
menyampaikan informasi dalam berbagai
kebutuhan, diantaranya media cetak dan hasil-hasil
penelitian.

setyachendra@unesa.ac.id
setyachendra@unesa.ac.id
INFOGRAFIS / Jenis-Jenis

Infografis animasi
• Infografis yang menyajikan informasi dalam bentuk
audio video. Infografis jenis ini bisa disajikan dengan
dua atau 3 dimensi yang telihat lebih kompleks,
misalnya televisi dan youtube.

setyachendra@unesa.ac.id
INFOGRAFIS / Jenis-Jenis

Infografis interaktif
• Infografis yang dibuat pada sebuah website agar
pengguna dapat berinteraksi dengan informasi yang
ditampilkan. Untuk membuat jenis infografis ini
biasanya dibutuhkan seorang desainer, UI/IUX
disainer, illustrator, dan programer.

1/ 2/
3/
setyachendra@unesa.ac.id
• http://infographicworld.com/interactive-infographics/
• http://www.simplybusiness.co.uk/microsites/hungry-tech/
• http://www.informationisbeautiful.net/visualizations/worlds-biggest-data-breaches- hack
s/http://www.informationisbeautiful.net/visualizations/worlds-biggest-data-breaches-
hacks/
• etc
INFOGRAFIS / Elemen-elemen

• Material, berupa data atau informasi

atau pengetahuan yang akan menjadi isi
dari visualisasi informasi.
• Kreator, berupa perangkat lunak (software)
yang akan mendukung pembuatan
infografis.
• Elemen Visual, berupa koding warna, grafis,
teks (typografi).

setyachendra@unesa.ac.id
INFOGRAFIS / infographics process

1. Memilih Topik
Mencari tahu apa yang sedang menjadi
trending topic di berbagai media, atau
mencari tahu informasi seperti apa yang
akan diolah menjadi infografis

setyachendra@unesa.ac.id
INFOGRAFIS / infographics process

2. Melakukan survey dan riset

Mencari sumber-sumber data dari buku-
buku, internet, dan sumber lainnya.

setyachendra@unesa.ac.id
INFOGRAFIS / infographics process

3. Mengumpulkan data dan informasi

Memilah-milah berbagai data dan
informasi yang diperoleh (yang diperlukan).

setyachendra@unesa.ac.id
INFOGRAFIS / infographics process

4. Menganalisis data
Menganalisis, mempelajari, membaca dan
mengartikan data dan informasi yang
diperoleh.

setyachendra@unesa.ac.id
INFOGRAFIS / infographics process

5. Membuat narasi
Membuat narasi, membangun cerita
berdasarkan analisis data yang dilakukan

setyachendra@unesa.ac.id
INFOGRAFIS / infographics process

6. Membuat sketsa/wireframe
Brainstorming, membuat berbagai sketsa
visual

setyachendra@unesa.ac.id
INFOGRAFIS / infographics process

7. Editing
Mengedit format dan menyusun tampilan
data untuk dimuat ke dalam visualisai

setyachendra@unesa.ac.id
INFOGRAFIS / infographics process

8. Desain
Mengintegrasikan elemen visual yang telah
disusun

setyachendra@unesa.ac.id
INFOGRAFIS / infographics process

9. Melakukan pengujian
Melakukan validasi terhadap data dalam
visualisasi

setyachendra@unesa.ac.id
INFOGRAFIS / infographics process

10. Penyempurnaan
Melakukan perbaikan berdasarkan hasil
pengujian

setyachendra@unesa.ac.id
INFOGRAFIS / Contoh infografis
In case you're still wondering what a great infographic looks like,
I've rounded up some of my favorite examples of infographics
below. Check out some of these infographics to get inspired:
1.Songs Written by the Beatles. Track how the various members of
the British band contributed to songwriting over the course of the
band's history.
2.U.S. President Infographic. This Gantt chart example showcases
the timeline of presidents in office and the reasons they exited
office.
3.Clean Water Access Infographic. This beautiful infographic helps
drive understanding on the importance of clean water and its lack
of availability in some countries.
4.The Evolution of Marketing Automation Infographic. This graphic
highlights some of the technologies used to automate marketing
activities.
5.A Look at Blockchain Technology Infographic. Still trying to
understand blockchain technology? I certainly am, and this
infographic goes a long way to bridging that gap.

setyachendra@unesa.ac.id
INFOGRAFIS / cara membuat infografis

Cara susah membuat infografis adalah dengan

menggunakan software-software desain grafis,
diantaranya:
 Adobe Illustrator
 Adobe Indesign
 Adobe Photoshop
 Adobe Flash
 Adobe Premiere
 Adobe Dreamweaver
 CorelDraw
 Corel Photopaint
 Quark Xpress
 Microsoft Excell
 Microsoft Publisher
 Dan lain-lain

setyachendra@unesa.ac.id
INFOGRAFIS / cara membuat infografis

Cara mudah membuat infografis adalah

dengan memanfaatkan layanan-layanan online
yang khusus dibuat untuk memproduksi
infografis.
 Picktochart (www.picktochart.com)
 Easely (www.easely.ly)
 Visme (www.visme.co)
 Canva (www.canva.com)
 Infogram (www.infogr.am)
 venngage (www.venngage.com)
 Icharts (www.icharts.net)
 Statsilk (www.statsilk.com)
 Tableu public (public.tableu.com)
 Creately (www.creately.com)
 iconarchive (www.iconarchive.com
 Many Eyes (http://manyeyes.alphaworks.ibm.com/manyeyes/)
 Inkscape (https://inkscape.org/en/)
setyachendra@unesa.ac.id
INFOGRAFIS / cara mudah membuat infografis

setyachendra@unesa.ac.id
INFOGRAFIS / Daftar Pustaka

Piktochart-e-book-2-Create-Your-First-Infographic-In-15-Minutes
http://teoridesain.com/2015/11/penjelasan-infografis.html
http://totemdesignschool.com/pengertian-infografis/
http://www.hongkiat.com/blog/animated-interactive-infographics/
http://infografis.itb.ac.id/langkah-langkah-membuat-infografis/

Image:
http://assets.entrepreneur.com/article/1397168889-formula-startups-use-make-billions-
infographic.jpg
https://s-media-cache-
ak0.pinimg.com/736x/ee/1f/6d/ee1f6dd9d8fe0bdb383fcfc894bdd854.jpg

Video url: https://

www.youtube.com/results?search_query=gnfi
https://youtu.be/V4s-ZewTZCs

https://www.youtube.com/channel/UC_SqoOEIDvxAO33nfMn6
5Iw/videos?view_as=subscriber
jangan lupa SUBSCRIBE ya..
setyachendra@unesa.ac.id
 Setya Chendra Wibawa
Dosen Pendidikan Teknologi Informasi UNESA
Alamat : Jln Gubeng Kertajaya IVD/ 89 Surabaya

bowolee bowolee@yahoo.com

setyachendra@unesa.ac.id

0812323 7917
SCOPUS : https://www.scopus.com/authid/detail.uri?authorId=57200035291
SINTA : http://sinta2.ristekdikti.go.id/authors/detail?id=259009&view=overview
GOOGLE SCHOOLAR : https://scholar.google.com/citations?user=4CgDAegAAAAJ
CV/BIODAYA : http://bit.ly/CVbiodataSetyaBowoLee
Kaprodi S1 Pendidikan Teknologi Informasi 2015-2019 Setya Chendra Wibawa
Kepala Divisi Infrastruktur dan Jaringan Komputer, Pusat Pengembangan Teknologi Informasi (PPTI) jangan lupa SUBSCRIBE
Tim elearning UNESA, Tim Manuscript UNESA
Sek. Literasi Digital UNESA MATERI bisa di donlot:
http://bit.ly/infografisBowoLee
setyachendra@unesa.ac.id