25
Selitä grafiikalla Johdatus infografiikoihin

Johdatus infografiikkaan

Embed Size (px)

Citation preview

Page 1: Johdatus infografiikkaan

Selitä grafiikallaJohdatus infografiikoihin

Page 2: Johdatus infografiikkaan

Ei vain palkkeja ja piirakoita

• Kuva, joka havainnollistaa• Näkymätön näkyväksi, vaikeasti hahmotettava

konkreettiseksi• luvut, ideat, toimintamekanismit• Suhteet kääntyvät hyvin kuvakielelle:

kokosuhteet, sijainti• Kartta vs. metrokartta

Page 3: Johdatus infografiikkaan

10 30

20

TuubaaSoopaaRealitya

Muka-dokumentteja

Plot.ly onei-kaupallisessa käytössäilmainen työkalu,vink vink

LämpökartatPinta-ala-

diagrammit

Sanapilvet

Puut, janat, kartat

Ideogrammit(tutut hahmot)

www.we-mindmap.com

symbolit

sijainti

Visualisoinninkeinoja

Page 4: Johdatus infografiikkaan

Ihminen muistaa karttoja

Miksi siis mindMAPITovat aina puita?

Page 5: Johdatus infografiikkaan

Sitä, mitä et ymmärrä, et pysty selittämäänkään

• Kirjoita tai piirrä itsellesi ensin kunnonkäsikirjoitus• Valitse oikeat analogiat• Sitten kuvita• Lopuksi siisti ja selkeytä

Page 6: Johdatus infografiikkaan

Valtionbudjetti.fi interaktiivinen puu

Page 7: Johdatus infografiikkaan

Sama lämpökartalla – ominaisuuksia voi yhdistää!

Page 8: Johdatus infografiikkaan

https://www.facebook.com/informationisbeautiful/

Mikä esitystapatoimii pahaiten?

Page 9: Johdatus infografiikkaan

Täytyyköaikajanan ollasuora?

Page 10: Johdatus infografiikkaan

Some-kelpoisen infografiikan kriteerit

Jaettava

Klikattava

Kotiuttava

Totta

Page 11: Johdatus infografiikkaan

Onko se klikattava?

•Selkeys•Tunnelataus•Hyvä otsikko

Page 12: Johdatus infografiikkaan

notes.fundersandfounders.com/

Page 13: Johdatus infografiikkaan

Onko se jaettava?

• TL;DR = Too long, didn’t read• Riittävän tiivistetty, nopea hahmottaa• Ei yritä kertoa kaikkea• Poikkeuksena “tämä kuva kertoo kaiken”

Page 14: Johdatus infografiikkaan

Onkotämäkuva vaiartikkeli?

Page 15: Johdatus infografiikkaan

Luvut mukaan?Liikaa hahmoja?

Page 16: Johdatus infografiikkaan
Page 17: Johdatus infografiikkaan

Esittääkö se asian oikein?• Oikea kuvaaja asiaan• Grafiikan suhteet vastaavat dataa• 0=0• Isot erot voi nostaa näkyviin, mutta

kokonaisuus on syytä näyttää myös

Page 18: Johdatus infografiikkaan

EIKYLLÄ27% 73%

Page 19: Johdatus infografiikkaan

100

110

120

Detalji

Page 20: Johdatus infografiikkaan

0

20

40

60

80

100

120

Kokonaiskuva

Page 21: Johdatus infografiikkaan

Ohjaako se kotiin?

• Älä jätä kuvaasi orvoksi• Hyperlinkki ei riitä• Lähdemerkintä mukaan kuvaan• “Don’t forget where you heard it first”

Page 22: Johdatus infografiikkaan

“Haveyouseenmymommy?”(akateeminen talousblogi, http://blog.hse-econ.fi/?p=6781)

Page 23: Johdatus infografiikkaan

Onko se totta?

•Faktat oikein•Lähteet näkyviin

Page 24: Johdatus infografiikkaan
Page 25: Johdatus infografiikkaan

Go explore.Big phat thanks to David McCandless at

InformationIsBeautiful.net”