SlideShare a Scribd company logo
1 of 26
Infographics työkalut ja
mahdollisuudet
Jarkko Koivuniemi
LearningHouse Oy
Tervetuloa ja hyvää huomenta!
Mika Muurasniemi
CEO / toimitusjohtaja
+358 40 735 9650
mika.muurasniemi@learninghouse.fi
@LHMikaM
Jarkko Koivuniemi
COO / operatiivinen johtaja
+358 50 567 5379
jarkko.koivuniemi@learninghouse.fi
@LHJarkko
Tilaisuudet hlöstölle
• 390 € 2 h teidän tiloissanne
• mm. edm some aiheista
LearningHouse Oy
• Vuonna 2014 perustettu
• Sosiaalisen median ja ICT koulutuksen
talo
• Uudenlainen markkinointitoimisto
• Tarjoamme sosiaalisen median
• Sparrausta
• Ulkoistamista
• Mentorointia
• Koulutusta
• Työkalu-/ välineosaamista
• Sovelluksien rajapintojen
yhteensovittamista
• Tulevat aamiaistilaisuus
• 28.01.15 Infographics työkalut ja
mahdollisuudet
• 05.02.15 Lomaketyökalut, kyselyt
ja tutkimukset
• 11.02.15 Event Management
käyttöönotto ja mahdollisuudet
• 18.02.15 Myynnin työkalut
somessa
Sisältö
• Infografiikka ja aineistot
• Määrittely ja muoto
• Infografiikan muodot
• Tarkoitus
• Hyviä työkaluja grafiikan tekemiseen
• Tilastoa
• Videot ja visualisointi
• Visuaalisesti pitkän leipätekstin sijaan?
• Verkkojulkaisussa
• Some jakelu
• Hyviä esimerkkejä
• Infografiikka: Kymmenen vinkkiä
http://www.coolinfographics.com/
Infografiikkaa vuonna 1626
• Rosa Ursina sive Sol
• Kirja jossa tutkittiin auringon
suuntaa ja pyörimistä
• Ohessa kuva joka demonstroi
auringon kiertoliikettä
Kautta historian dataa visualisoitu
• Infografiikka 1857: Florence
Nightingale, kuolleisuus krimin
sodassa
• Infografiikka 1790: The
Commercial and Political Atlas
Google trends
http://www.google.com/trends
+800% 2010-2012
Infografiikka ja aineistot
• Infografiikka on IN
• Paras tapa selailuun on mennä Pinterestiin
• Millä infografiikkaa tehdään?
• Lähes mikä tahansa grafiikkaohjelma yleensä vektorigrafiikaohjelma esim.
Illustrator
• Verkkotyökaluja paljon
• Tärkeää on osaaminen, graafisen kokonaisuuden kasassa pitäminen ja
statistiikan analysointi
Prosessi
http://moz.com/blog/how-to-build-links-with-infographics
Määrittely ja muoto
1. Esityksen lähtökohtana numeroaineisto, data
2. Johdata lukijaa tulkitsemaan data
3. Välttää dataan liittyvän tiedon kadottamista tai
piilottamista
4. Esitä tietoa pienessä tilassa
5. Esitä isot tietomäärät tarkoituksenmukaisessa
muodossa
6. Johdata lukijan katsetta vertailemaan datan eri
osia
7. Datasta eri tasoja, kuten esimerkiksi yleisiä
ilmiöitä ja yksityiskohtia
8. Auta lukijaa tekemään johtopäätöksiä
visualisoinnista ja tulkitsemaan dataa oikein
9. Toimi yhdessä muun tekstin ja
numeroinformaation kanssa
Edward R. Tufte, Visual Display of Quantive
Infografiikan muodot
• Tilastografiikkaa ja
datavisualisointi staattisena
• Harvemmin dynaamisena,
tulossa?
• Nyt myös Infografiikkavideot tai
–animaatiot
• Useimmiten flashit pannassa
• Vimeo ja Youtube jakelu
Tyylilaji voi olla
1. Aikakauslehtityylinen
2. Selitetty taulukko
3. Moniosainen juliste -tyyli
4. Virtauskartta (flow chart)
5. Kartta
6. Sarjakuvamainen
7. Interaktiivinen
8. Diasarja ja slidet
9. Video
10. Animaatio



Tarkoitus
Infografiikka on kuvallinen esitys, jonka
tarkoitus on yleensä joko välittää tietoa,
vakuuttaa lukijansa jostain, tai viihdyttää
Infografiikkaan kuuluu tiedon
visualisointia kuten diagrammeja sekä
kuvitusta ja tekstiä
”Grafiikan tarkoitus ei ole tehdä luvuista
’kiinnostavia’ vaan muuttaa kuvattava aihe
visuaaliseen muotoon, josta ihmisaivot
pystyvät löytämään merkityksiä.”
Hyviä työkaluja grafiikan tekemiseen
• Adobe Illustrator, vektorigrafiikkaa
• opensource Inkscape
• Myös Excel ja Powerpivot
Online tools
• visme.co free, 6-16$  
• vizualize.me -uusi
• canva.com
• www.easel.ly  
• Visually
• Piktochart – free/29$   
• infogr.am – free, Pro +18$  
• Creately free, 5$
• Gliffy – free, 4 – 8$
• Lucidchart, free, 3,33 – 21$, VSD
Lisää työkaluja
• Tableau Public – ladattava
ohjelmisto
• työpöydälle Gapminder
• Google Public Data Explorer
• Trendalyzer - Gapminder
• medialoot.com graafiikkaa
• http://xoo.me
• free open source design directory
• Huge Infographic Elements Vector
Pack
• http://designmodo.com/magnolia-
free/
Tilastoa
http://www.webdam.com/2014-marketing-statistics-infographic/
Verkkojulkaisussa
Millainen?
• Visuaalinen artikkeli
• Helpompi ymmärtää ja jakaa
• Perinteinen kaaviomallinen
• Toimii aina somessa
• Aikajanallinen
• Simppeli tai kompleksi
• Linkkisyötti
• tulostettava ja palataan aina
uudelleen
• Versus grafiikka (design pop)
• Mikä sinulle oikea?
Visualisointi on työkalu, ei itsetarkoitus
• Tee datalähtöinen suunnitelma
• Oli valintasi sitten
• Kaavioita
• Kuvavisualisointia
• Karttavisualisointia
• Ilmeikäs infografiikka herättää
mielenkiinnon, faktat
vakuuttavat
• monimutkaiset prosessit on
usein helpompi selittää
kuvituksen avulla
Some jakelu
• Jaettavaa, linkattavaa ja pitkäaikainen vaikutus
• Uudelleen kierrätettävissä, datan freesaus
• Linkkejä toimialan ulkopuolelta
• Ei tarvitse olla kallista
• tilastojahtaaminen -> journalisteilta linkkikredittiä
• Uutisjahtaaminen loistava työkalu
• Tarvitaan taulukkolaskenta osaamista
• Enempi tai vähempi HTML ja Javascript osaamista (Codeacademy)
Kymmenen vinkkiä hyvään verkko sisältöön
1. Sinun tehtävä on etsiä missio
2. Opiskele datan detaljit – aloita executive summaryllä
3. Rankkaa datasi – informaation hierarkia, kaikki tieto ei mahdu
4. Tuoretta perspektiiviä, puuttuuko jotain (tutki raportit ja tiedotteet)
5. Nosta tärkein tieto ylös.. kuin ingressi – tosin koulukuntaeroja vai keskelle
6. Näytä, älä kerro/tarinoi
7. Ei toistoa
8. Onko luettavissa ensi silmäyksellä?
9. Datan tarkkuus / virheettömyys?
10. Tämä ei ole mainos
Hyviä esimerkkejä
Esimerkkejä lisää
Heitä eduskunta kuuntelee, HS 28.4.2013 AL, 23.9.12
Viisi vuotta sitten ei ollut
palveluita kuten Vine,
Instagram, Snapchat tai
Pinterest.
FB julkaisi Like painikkeen
2007
Vine tammikuu 2013 Instagram lokakuu 2010 Pinterest maalis 2010
Kannattaa tutustua
• http://www.infographicsarchive.com/
• http://www.infografiikka.fi
• http://www.pinterest.com/rtkrum/cool-infographics-gallery/
• http://www.coolinfographics.com/
• http://informaatiomuotoilu.fi/
• http://www.coolinfographics.com/
• http://datalysaattori.fi/
• http://informaatiomuotoilu.fi/
• http://www.hri.fi/fi/ Avointa dataa
• https://www.theseus.fi/bitstream/handle/10024/57119/minkkinen_mika.p
df?sequence=2
Sosiaalinen vaikuttavuus– Klout
• Klout laskee some-käyttäjän
sosiaalisuuden pisteitä mm
uudelleentviittaukset etc
• Ennen ehkä iloittiin vuorovaikutuksesta
• Nyt Twitter on yhä useammalle huomion
saamista niin kuin muissakin some
kanavissa
• Klout dataa: Twitter, Facebook, LinkedIn,
Wikipedia, Instagram, Bing, Google+,
Tumblr, Foursquare, YouTube, Blogger,
WordPress, Last.fm, Yammer ja Flickr
• Klout’s algoritmi (PeopleRank) sisältää yli
400 signaali
Kiitos!
Mika Muurasniemi
CEO / toimitusjohtaja
+358 40 735 9650
mika.muurasniemi@learninghouse.fi
@LHMikaM
Jarkko Koivuniemi
COO / operatiivinen johtaja
+358 50 567 5379
jarkko.koivuniemi@learninghouse.fi
@LHJarkko

More Related Content

Similar to Infographics työkalut ja mahdollisuudet

Verkon helpot palvelut 20.02.17
Verkon helpot palvelut 20.02.17Verkon helpot palvelut 20.02.17
Verkon helpot palvelut 20.02.17
Matleena Laakso
 
Tulevaisuusveikkaus - Tulokset - Digitaalinen työympäristö -seminaari 2017 - ...
Tulevaisuusveikkaus - Tulokset - Digitaalinen työympäristö -seminaari 2017 - ...Tulevaisuusveikkaus - Tulokset - Digitaalinen työympäristö -seminaari 2017 - ...
Tulevaisuusveikkaus - Tulokset - Digitaalinen työympäristö -seminaari 2017 - ...
Hanna P. Korhonen
 
Pedagogin digitystä 5.3.24: Osallistaminen
Pedagogin digitystä 5.3.24: OsallistaminenPedagogin digitystä 5.3.24: Osallistaminen
Pedagogin digitystä 5.3.24: Osallistaminen
Matleena Laakso
 

Similar to Infographics työkalut ja mahdollisuudet (20)

Tiedon visualisoinnin tehovinkit
Tiedon visualisoinnin tehovinkitTiedon visualisoinnin tehovinkit
Tiedon visualisoinnin tehovinkit
 
Digiä esityksiin 5.11.19
Digiä esityksiin 5.11.19Digiä esityksiin 5.11.19
Digiä esityksiin 5.11.19
 
Digiä esityksiin 17.9.19
Digiä esityksiin 17.9.19Digiä esityksiin 17.9.19
Digiä esityksiin 17.9.19
 
Visualisointien suunnittelua
Visualisointien suunnitteluaVisualisointien suunnittelua
Visualisointien suunnittelua
 
Verkon helpot palvelut 20.02.17
Verkon helpot palvelut 20.02.17Verkon helpot palvelut 20.02.17
Verkon helpot palvelut 20.02.17
 
Tulevaisuusveikkaus - Tulokset - Digitaalinen työympäristö -seminaari 2017 - ...
Tulevaisuusveikkaus - Tulokset - Digitaalinen työympäristö -seminaari 2017 - ...Tulevaisuusveikkaus - Tulokset - Digitaalinen työympäristö -seminaari 2017 - ...
Tulevaisuusveikkaus - Tulokset - Digitaalinen työympäristö -seminaari 2017 - ...
 
Miikka Saarteinen: Tehokkuutta ja vaikuttavuutta tiedonhallintaa kehittämällä...
Miikka Saarteinen: Tehokkuutta ja vaikuttavuutta tiedonhallintaa kehittämällä...Miikka Saarteinen: Tehokkuutta ja vaikuttavuutta tiedonhallintaa kehittämällä...
Miikka Saarteinen: Tehokkuutta ja vaikuttavuutta tiedonhallintaa kehittämällä...
 
Digiosalliseksi-workshop 23.
Digiosalliseksi-workshop 23.Digiosalliseksi-workshop 23.
Digiosalliseksi-workshop 23.
 
Digitalisaatiossa tuumasta toimeen, vinkkejä ensi askeliin
Digitalisaatiossa tuumasta toimeen, vinkkejä ensi askeliinDigitalisaatiossa tuumasta toimeen, vinkkejä ensi askeliin
Digitalisaatiossa tuumasta toimeen, vinkkejä ensi askeliin
 
Yle+ - Ylen sosiaalinen intranet
Yle+ - Ylen sosiaalinen intranetYle+ - Ylen sosiaalinen intranet
Yle+ - Ylen sosiaalinen intranet
 
Tekoäly opetuksessa 6.9.23
Tekoäly opetuksessa 6.9.23Tekoäly opetuksessa 6.9.23
Tekoäly opetuksessa 6.9.23
 
Kuinka tehdä tiedote?
Kuinka tehdä tiedote? Kuinka tehdä tiedote?
Kuinka tehdä tiedote?
 
Digiopus luento 3
Digiopus luento 3Digiopus luento 3
Digiopus luento 3
 
Pedagogin digitystä 5.3.24: Osallistaminen
Pedagogin digitystä 5.3.24: OsallistaminenPedagogin digitystä 5.3.24: Osallistaminen
Pedagogin digitystä 5.3.24: Osallistaminen
 
Valma opiskelijoiden osaaminen nakyväksi digitaalisesti
Valma opiskelijoiden osaaminen nakyväksi digitaalisestiValma opiskelijoiden osaaminen nakyväksi digitaalisesti
Valma opiskelijoiden osaaminen nakyväksi digitaalisesti
 
Visuaalinen esittäminen ja tarinallisuus
Visuaalinen esittäminen ja tarinallisuusVisuaalinen esittäminen ja tarinallisuus
Visuaalinen esittäminen ja tarinallisuus
 
Virtuaalimatkat ja ThingLink (kieltenopetus) 6.5.24
Virtuaalimatkat ja ThingLink (kieltenopetus) 6.5.24Virtuaalimatkat ja ThingLink (kieltenopetus) 6.5.24
Virtuaalimatkat ja ThingLink (kieltenopetus) 6.5.24
 
Datavisualisoinnin perusteet – käytännönläheinen johdanto
Datavisualisoinnin perusteet – käytännönläheinen johdantoDatavisualisoinnin perusteet – käytännönläheinen johdanto
Datavisualisoinnin perusteet – käytännönläheinen johdanto
 
Digiä esityksiin 23.10.19
Digiä esityksiin 23.10.19Digiä esityksiin 23.10.19
Digiä esityksiin 23.10.19
 
Digiosaaminen ja verkon palvelut opiskelijoiden osallistamisessa 28.11.2019
Digiosaaminen ja verkon palvelut opiskelijoiden osallistamisessa 28.11.2019Digiosaaminen ja verkon palvelut opiskelijoiden osallistamisessa 28.11.2019
Digiosaaminen ja verkon palvelut opiskelijoiden osallistamisessa 28.11.2019
 

Infographics työkalut ja mahdollisuudet

  • 2. Tervetuloa ja hyvää huomenta! Mika Muurasniemi CEO / toimitusjohtaja +358 40 735 9650 mika.muurasniemi@learninghouse.fi @LHMikaM Jarkko Koivuniemi COO / operatiivinen johtaja +358 50 567 5379 jarkko.koivuniemi@learninghouse.fi @LHJarkko
  • 3. Tilaisuudet hlöstölle • 390 € 2 h teidän tiloissanne • mm. edm some aiheista
  • 4. LearningHouse Oy • Vuonna 2014 perustettu • Sosiaalisen median ja ICT koulutuksen talo • Uudenlainen markkinointitoimisto • Tarjoamme sosiaalisen median • Sparrausta • Ulkoistamista • Mentorointia • Koulutusta • Työkalu-/ välineosaamista • Sovelluksien rajapintojen yhteensovittamista • Tulevat aamiaistilaisuus • 28.01.15 Infographics työkalut ja mahdollisuudet • 05.02.15 Lomaketyökalut, kyselyt ja tutkimukset • 11.02.15 Event Management käyttöönotto ja mahdollisuudet • 18.02.15 Myynnin työkalut somessa
  • 5. Sisältö • Infografiikka ja aineistot • Määrittely ja muoto • Infografiikan muodot • Tarkoitus • Hyviä työkaluja grafiikan tekemiseen • Tilastoa • Videot ja visualisointi • Visuaalisesti pitkän leipätekstin sijaan? • Verkkojulkaisussa • Some jakelu • Hyviä esimerkkejä • Infografiikka: Kymmenen vinkkiä http://www.coolinfographics.com/
  • 6. Infografiikkaa vuonna 1626 • Rosa Ursina sive Sol • Kirja jossa tutkittiin auringon suuntaa ja pyörimistä • Ohessa kuva joka demonstroi auringon kiertoliikettä
  • 7. Kautta historian dataa visualisoitu • Infografiikka 1857: Florence Nightingale, kuolleisuus krimin sodassa • Infografiikka 1790: The Commercial and Political Atlas
  • 9. Infografiikka ja aineistot • Infografiikka on IN • Paras tapa selailuun on mennä Pinterestiin • Millä infografiikkaa tehdään? • Lähes mikä tahansa grafiikkaohjelma yleensä vektorigrafiikaohjelma esim. Illustrator • Verkkotyökaluja paljon • Tärkeää on osaaminen, graafisen kokonaisuuden kasassa pitäminen ja statistiikan analysointi
  • 11. Määrittely ja muoto 1. Esityksen lähtökohtana numeroaineisto, data 2. Johdata lukijaa tulkitsemaan data 3. Välttää dataan liittyvän tiedon kadottamista tai piilottamista 4. Esitä tietoa pienessä tilassa 5. Esitä isot tietomäärät tarkoituksenmukaisessa muodossa 6. Johdata lukijan katsetta vertailemaan datan eri osia 7. Datasta eri tasoja, kuten esimerkiksi yleisiä ilmiöitä ja yksityiskohtia 8. Auta lukijaa tekemään johtopäätöksiä visualisoinnista ja tulkitsemaan dataa oikein 9. Toimi yhdessä muun tekstin ja numeroinformaation kanssa Edward R. Tufte, Visual Display of Quantive
  • 12. Infografiikan muodot • Tilastografiikkaa ja datavisualisointi staattisena • Harvemmin dynaamisena, tulossa? • Nyt myös Infografiikkavideot tai –animaatiot • Useimmiten flashit pannassa • Vimeo ja Youtube jakelu
  • 13. Tyylilaji voi olla 1. Aikakauslehtityylinen 2. Selitetty taulukko 3. Moniosainen juliste -tyyli 4. Virtauskartta (flow chart) 5. Kartta 6. Sarjakuvamainen 7. Interaktiivinen 8. Diasarja ja slidet 9. Video 10. Animaatio   
  • 14. Tarkoitus Infografiikka on kuvallinen esitys, jonka tarkoitus on yleensä joko välittää tietoa, vakuuttaa lukijansa jostain, tai viihdyttää Infografiikkaan kuuluu tiedon visualisointia kuten diagrammeja sekä kuvitusta ja tekstiä ”Grafiikan tarkoitus ei ole tehdä luvuista ’kiinnostavia’ vaan muuttaa kuvattava aihe visuaaliseen muotoon, josta ihmisaivot pystyvät löytämään merkityksiä.”
  • 15. Hyviä työkaluja grafiikan tekemiseen • Adobe Illustrator, vektorigrafiikkaa • opensource Inkscape • Myös Excel ja Powerpivot Online tools • visme.co free, 6-16$   • vizualize.me -uusi • canva.com • www.easel.ly   • Visually • Piktochart – free/29$    • infogr.am – free, Pro +18$   • Creately free, 5$ • Gliffy – free, 4 – 8$ • Lucidchart, free, 3,33 – 21$, VSD
  • 16. Lisää työkaluja • Tableau Public – ladattava ohjelmisto • työpöydälle Gapminder • Google Public Data Explorer • Trendalyzer - Gapminder • medialoot.com graafiikkaa • http://xoo.me • free open source design directory • Huge Infographic Elements Vector Pack • http://designmodo.com/magnolia- free/
  • 18. Verkkojulkaisussa Millainen? • Visuaalinen artikkeli • Helpompi ymmärtää ja jakaa • Perinteinen kaaviomallinen • Toimii aina somessa • Aikajanallinen • Simppeli tai kompleksi • Linkkisyötti • tulostettava ja palataan aina uudelleen • Versus grafiikka (design pop) • Mikä sinulle oikea? Visualisointi on työkalu, ei itsetarkoitus • Tee datalähtöinen suunnitelma • Oli valintasi sitten • Kaavioita • Kuvavisualisointia • Karttavisualisointia • Ilmeikäs infografiikka herättää mielenkiinnon, faktat vakuuttavat • monimutkaiset prosessit on usein helpompi selittää kuvituksen avulla
  • 19. Some jakelu • Jaettavaa, linkattavaa ja pitkäaikainen vaikutus • Uudelleen kierrätettävissä, datan freesaus • Linkkejä toimialan ulkopuolelta • Ei tarvitse olla kallista • tilastojahtaaminen -> journalisteilta linkkikredittiä • Uutisjahtaaminen loistava työkalu • Tarvitaan taulukkolaskenta osaamista • Enempi tai vähempi HTML ja Javascript osaamista (Codeacademy)
  • 20.
  • 21. Kymmenen vinkkiä hyvään verkko sisältöön 1. Sinun tehtävä on etsiä missio 2. Opiskele datan detaljit – aloita executive summaryllä 3. Rankkaa datasi – informaation hierarkia, kaikki tieto ei mahdu 4. Tuoretta perspektiiviä, puuttuuko jotain (tutki raportit ja tiedotteet) 5. Nosta tärkein tieto ylös.. kuin ingressi – tosin koulukuntaeroja vai keskelle 6. Näytä, älä kerro/tarinoi 7. Ei toistoa 8. Onko luettavissa ensi silmäyksellä? 9. Datan tarkkuus / virheettömyys? 10. Tämä ei ole mainos
  • 22. Hyviä esimerkkejä Esimerkkejä lisää Heitä eduskunta kuuntelee, HS 28.4.2013 AL, 23.9.12
  • 23. Viisi vuotta sitten ei ollut palveluita kuten Vine, Instagram, Snapchat tai Pinterest. FB julkaisi Like painikkeen 2007 Vine tammikuu 2013 Instagram lokakuu 2010 Pinterest maalis 2010
  • 24. Kannattaa tutustua • http://www.infographicsarchive.com/ • http://www.infografiikka.fi • http://www.pinterest.com/rtkrum/cool-infographics-gallery/ • http://www.coolinfographics.com/ • http://informaatiomuotoilu.fi/ • http://www.coolinfographics.com/ • http://datalysaattori.fi/ • http://informaatiomuotoilu.fi/ • http://www.hri.fi/fi/ Avointa dataa • https://www.theseus.fi/bitstream/handle/10024/57119/minkkinen_mika.p df?sequence=2
  • 25. Sosiaalinen vaikuttavuus– Klout • Klout laskee some-käyttäjän sosiaalisuuden pisteitä mm uudelleentviittaukset etc • Ennen ehkä iloittiin vuorovaikutuksesta • Nyt Twitter on yhä useammalle huomion saamista niin kuin muissakin some kanavissa • Klout dataa: Twitter, Facebook, LinkedIn, Wikipedia, Instagram, Bing, Google+, Tumblr, Foursquare, YouTube, Blogger, WordPress, Last.fm, Yammer ja Flickr • Klout’s algoritmi (PeopleRank) sisältää yli 400 signaali
  • 26. Kiitos! Mika Muurasniemi CEO / toimitusjohtaja +358 40 735 9650 mika.muurasniemi@learninghouse.fi @LHMikaM Jarkko Koivuniemi COO / operatiivinen johtaja +358 50 567 5379 jarkko.koivuniemi@learninghouse.fi @LHJarkko