Infographics työkalut ja mahdollisuudet
-
Upload
learninghouse-oy -
Category
Social Media
-
view
129 -
download
2
Transcript of Infographics työkalut ja mahdollisuudet
Infographics työkalut ja mahdollisuudet
Jarkko Koivuniemi
LearningHouse Oy
Tervetuloa ja hyvää huomenta!
Mika MuurasniemiCEO / toimitusjohtaja+358 40 735 [email protected]@LHMikaM
Jarkko KoivuniemiCOO / operatiivinen johtaja+358 50 567 [email protected]@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 [email protected]@LHMikaM
Jarkko KoivuniemiCOO / operatiivinen johtaja+358 50 567 [email protected]@LHJarkko