Infographics työkalut ja mahdollisuudet

Jarkko Koivuniemi

LearningHouse Oy

Tervetuloa ja hyvää huomenta!

Mika MuurasniemiCEO / toimitusjohtaja+358 40 735 9650mika.muurasniemi@learninghouse.fi@LHMikaM

Jarkko KoivuniemiCOO / operatiivinen johtaja+358 50 567 5379jarkko.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, data2. Johdata lukijaa tulkitsemaan data3. Välttää dataan liittyvän tiedon kadottamista tai

piilottamista 4. Esitä tietoa pienessä tilassa5. Esitä isot tietomäärät tarkoituksenmukaisessa

muodossa6. Johdata lukijan katsetta vertailemaan datan eri

osia7. Datasta eri tasoja, kuten esimerkiksi yleisiä

ilmiöitä ja yksityiskohtia8. Auta lukijaa tekemään johtopäätöksiä

visualisoinnista ja tulkitsemaan dataa oikein9. Toimi yhdessä muun tekstin ja

numeroinformaation kanssaEdward 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. Aikakauslehtityylinen2. Selitetty taulukko3. Moniosainen juliste -tyyli 4. Virtauskartta (flow chart)5. Kartta6. Sarjakuvamainen7. Interaktiivinen8. Diasarja ja slidet9. Video10. 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öön1. Sinun tehtävä on etsiä missio2. Opiskele datan detaljit – aloita executive summaryllä3. Rankkaa datasi – informaation hierarkia, kaikki tieto ei mahdu4. Tuoretta perspektiiviä, puuttuuko jotain (tutki raportit ja tiedotteet)5. Nosta tärkein tieto ylös.. kuin ingressi – tosin koulukuntaeroja vai

keskelle6. Näytä, älä kerro/tarinoi7. Ei toistoa8. 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.pdf?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 MuurasniemiCEO / toimitusjohtaja+358 40 735 9650mika.muurasniemi@learninghouse.fi@LHMikaM

Jarkko KoivuniemiCOO / operatiivinen johtaja+358 50 567 5379jarkko.koivuniemi@learninghouse.fi@LHJarkko