Jos haluat luoda infograafin, joka kiehtoo, tekee yhteenvetoja ja tiedottaa, niin tämä opas on sinua varten.
Sellaisen henkilön näkökulmasta, joka ei ole suunnittelija, kauniin ja tehokkaan infograafin tekeminen voi tuntua mahdottomalta tehtävältä…sellaiselta, joka olisi parempi jättää ammattilaisen työksi.
Mutta se on kaukana totuudesta. Me olemme kehittäneet tuhansia infograafeja luotuamme melko vankan järjestelmän infograafien tekemiseksi.
Olemme kääntäneet tuon järjestelmän helppoakin helpommaksi oppaaksi, jolla jokainen pystyy tekemään oman infograafin viidessä eri vaiheessa.
Etkö ole vielä aivan varma, mikä on infograafi ja mihin sellaista voi käyttää? Lue johdantokirjoituksemme Mikä on infograafi? saadaksesi niistä yksinkertaisen ja selkeän kuvan (esimerkkien kera).
Kuinka luoda infograafi viidessä vaiheessa:
- Hahmottele infograafisi tavoitteet.
- Kerää tietoa infograafiasi varten.
- Visualisoi infograafiisi tuleva data.
- Suunnittele infograafisi infograafimallipohjaa käyttäen (vieritä alas löytääksesi video-oppaan).
- Tuo infograafiisi tyyliä.
Käydäänpä ohje tarkemmin läpi vaihe vaiheelta.
Vaihe 1: Hahmottele infograafisi tavoitteet
Ennen kuin alat miettimään mitään ulkoasua, kaavioita tai estetiikkaa, sinun tulee miettiä infograafisi tavoitteita. Miksi olet tekemässä tätä infograafia?
Kun puhun tavoitteista, en tarkoita korkean tason tavoitteita kuten “tiivistä monimutkaista informaatiota” tai “paranna verkkosivun liikennettä”.
Tarkoitan selkeitä ja konkreettisia tavoitteita, jotka ovat mahdollisia saavuttaa.
Määrittele keskeinen ongelma, johon vastaat
Tiedosta, että luot infograafin sitä varten, että sen katselijat voisivat saada siitä itselleen jotakin. Tuon jonkin tulisi olla ratkaisu johonkin keskeiseen ongelmaan, jonka kanssa katselijasi kamppailevat, ja jonka sinun infograafisi tulee heille tarjoamaan.
Käytä kysymyspyramidia
Tuon aiemman määritelmän tehtyäsi voit käyttää kysymyspyramidia muuntaaksesi tämän keskeisen ongelman 3-5 kysymykseksi, joihin on tarkoitus etsiä vastaukset:
Nämä kysymykset muodostavat ne raamit, joiden ympärille luot infograafisi, ja jotka auttavat sinua luomaan mukaansatempaavan tarinan.
Näiden tukikysymysten tulisi paljastaa yleisöllesi ne perustiedot, joita he tarvitsevat ymmärtääkseen ongelman ytimen, ja pyramidin jatkokysymysten tarkoitus on herättää laajempaa ymmärrystä, joka auttaa keskeisen ongelman ratkaisussa.
Käydäänpä yhdessä läpi eräs esimerkki. Nämä infograafit hahmottavat tavan yhdistellä viinejä:
Yleisösi keskeinen ongelma on: “kuinka yhdistää ruoat ja viinit”. Heidän kysymyspyramidinsa saattaa silloin näyttää vaikkapa tältä:
Keskeisen kysymyksen määrittäminen ja kysymyspyramidin käyttäminen ongelman avaamiseksi on ensimmäinen vaihe tehokkaan infograafin luonnissa. Jos olet käynyt tämän prosessin läpi, etkä ole vieläkään varma, mikä tarina sinun tulisi kertoa, niin lue lisää oman infograafitarinasi löytämisestä.
Vaihe 2: Kerää tietoa infograafiasi varten
Tulet tarvitsemaan hiukan dataa voidaksesi vastata niihin kysymyksiin, jotka määrittelit ensimmäisessä vaiheessa.
Jos sinulta löytyy tiedot omasta takaa, hyvä – voit siirtyä kolmanteen vaiheeseen! Jos ei, niin älä huoli. Saatavillasi on roimasti yleistä tietoa (jo pelkästään Amerikassa tuotetaan noin 2,7 miljoonaa gigatavua dataa joka minuutti), jos vain tiedät, mistä etsiä.
Käydään seuraavaksi läpi joitakin strategioita hyödyllisen datan keräämiseksi ilman, että sinun tarvitsisi järjestää omaa tutkimustasi.
Paranna Google-hakutaitojasi
Google on usein paras paikka aloittaa etsiminen. Kohdista Google-hakusi paremmin symboleita ja tarkennettuja hakutermejä käyttäen:
- Käytä lainausmerkkejä jonkin tietyn lauseen etsimiseksi (Esimerkiksi “ruoan ja viinin yhdistäminen”)
- Käytä miinusmerkkiä poissulkeaksesi termejä haustasi (Esimerkiksi ruoan ja viinin yhdistäminen -punainen)
- Liitä hakulausekkeeseen sana “tieto” (Esimerkiksi ruoan ja viinin yhdistäminen tieto)
- Lisää hakulausekkeeseen tiedostomuoto (xls, csv, tsv) (Esimerkiksi ruoan ja viinin yhdistäminen xls)
Etsi jo olemassa olevia tietolähteitä
Vaikka Google-haut ovatkin nopeita ja helppoja, niin saat itsellesi usein kasan epämääräistä tietoa, jonka setviminen vie paljon aikaa. Tutkiskele näitä tietovarastoja saadaksesi dataa, joka on valmista käytettäväksi:
- Yhdysvaltain hallituksen avoin tietopankki: Kaikenlaista tietoa aina maataloudesta, ilmastosta ja ekosysteemistä koulutukseen, terveyteen ja yleiseen turvallisuuteen
- Yhdysvaltain väestötiedot sosiaalisia, taloudellisia ja terveydellisiä tutkimuksia varten: Yhdysvaltain väestötiedot 1790-luvulta tähän hetkeen
- Statista: Markkinatutkimuksia
- Kaggle: Käyttäjäpohjaisia datasarjoja kaikesta aina suklaapatukoista yritysrahoitukseen
- Pew Research: Tutkimuksia väestötietoihin, yleiseen mielipiteeseen, mediasisältöön ja muuhun liittyen
- Amerikkalaisten ajankäyttökysely: Tietoa siitä, kuinka kauan amerikkalaiset käyttävät aikaa tiettyihin aktiviteetteihin kuten nukkumiseen, syömiseen ja urheiluun.
- Google Trendsin datavarasto: Googlen uutiskannan datasarjat
- Google Scholar: Käyttäjäystävällinen akateemisten julkaisujen hakukone
- Data is Plural: Kohdennettu luettelo mielenkiintoisista, ajankohtaisista datasarjoista, joita päivitetään viikoittain
- AggData: Yritysten sijaintitiedot
- Cool Datasets: Omin sanoineen “paikka, josta löytää siistejä datasarjoja”
Jos molemmat näistä strategioista epäonnistuvat, saatat joutua keräämään datasi itse. Katso oppaastamme, kuinka toteutat oman tutkimuksesi ja lue kattava tiedonkeruuoppaamme.
Vaihe 3: Visualisoi infograafiisi tuleva data
Nyt sinulla on kysymykset, joihin haluat vastata ja data, jonka niihin vastaamiseen tarvitset. Seuraavana vaiheenasi sinun tulisi päättää, kuinka esität tuon datan visuaalisesti.
Olemme kehittäneet TVMJPT-menetelmän auttaaksemme sinua valitsemaan parhaat kaaviot dataasi varten. Ensiksi sinun on määritettävä jokaisen visualisoitavan datasarjan osalta, onko ensisijaisena tavoitteena:
- Tiedottaa,
- Verrata,
- Muuttaa,
- Järjestää,
- Paljastaa suhteita, vai
- Tutkia.
Sovella sen jälkeen tuolle tavoitteelle parhaiten sopivia käytäntöjä, jotta löydät oikeat kaaviot dataasi varten.
Käydään seuraavaksi jokainen tavoite erikseen läpi:
Tiedotus
Tarkoituksesi on välittää lukijalle jokin tärkeä viesti tai datapointti, jonka ymmärtäminen ei vaadi kovin paljon kontekstia.
Huolehdi, että numeeriset tiedot erottuvat joukosta kookkaan, vahvan ja värikkään tekstin avulla:
Kiinnitä dataasi lisähuomiota ikonin ja tekstin yhdistelmällä:
Korosta prosenttiosuutta tai suhdetta donitsikaaviota tai piktogrammia käyttämällä:
Vertailu
Tarkoitus on esitellä yhtäläisyyksiä tai eroavaisuuksia arvojen tai kokonaisuuksien eri osien välillä.
Käytä itsenäisten arvojen vertailuun pylväskaaviota, sarakekaaviota, kuplakaaviota tai kuplapilveä.
Vertaile kokonaisuuksien eri osia ympyräkaavion, donitsikaavion, piktogrammin tai puukartan avulla.
Käytä pinottua pylväskaaviota tai pinottua sarakekaaviota, kun haluat vertailla kategorioita ja kokonaisuuksien eri osia.
Käytä pinottua aluekaaviota arvojen vertailemiseksi pitkällä aikavälillä.
Muutos
Tarkoitus on esitellä arvoja pitkällä aika- tai etäisyysvälillä.
Käytä linjakaaviota tai aluekaaviota, kun haluat esittää ajan myötä tapahtuvia muutoksia.
Käytä aikajanaa näyttääksesi ajan myötä ilmeneviä erillisiä tapahtumia.
Käytä koropleettikarttaa avaruudellisen datan esittämiseksi.
Käytä karttasarjoja esittääksesi dataa, joka muuttuu sekä ajan ja paikan myötä.
Järjestys
Tarkoituksesi on esitellä ryhmiä, kuvioita, sijoituksia tai järjestystä.
Käytä listaa sijoitusten tai järjestysten kuvaamiseen silloin, kun haluat tarjota lisätietoa kustakin elementistä.
Käytä taulukkoa sijoitusten tai järjestysten kuvaamiseen silloin, kun haluat lukijoidesi voivan hakea tiettyjä arvoja.
Käytä vuokaaviota kuvaamaan järjestystä prosessin sisällä.
Käytä yksinkertaisia laatikoita tai kehyksiä järjesteltyjen ryhmien esittämiseen (kuten Venn-diagrammeissa ja ajatuskartoissa).
Muussa tapauksessa esittele sijoituksia tai järjestyksiä pylväskaavion, sarakekaavion, kuplakaavion tai pyramidikaavion avulla.
Suhteet
Tarkoitus on tuoda ilmi monimutkaisempia tietojen välisiä suhteita.
Käytä pistekaaviota, kun haluat esitellä datasarjan kahta eri muuttujaa.
Käytä monisarjataulukkoa, kun haluat verrata useampia keskenään yhteydessä olevia datasarjoja.
Tutkiminen
Lukijoidesi on tarkoitus tutkia dataa ja oivaltaa siitä asioita itse.
Tutkimiseen ei ole olemassa pikaratkaisuja – visualisointisi tyyli riippuu datasi lajityypistä. Interaktiiviset kaaviot kuten tämä, jotka mahdollistavat suodatuksen, lajittelun ja lähemmän tarkastelun, ovat usein parhaita valintoja, mutta niiden muodostaminen voi olla kallista ja aikaavievää. Jos olet aloittelija visualisoinnissa, suosittelemme sinua pitäytymään muissa vaihtoehdoissa.
Tämä oli nopea esittely TVMJPT-menetelmästämme. Nyt sinulla pitäisi olla kaikki, mitä tarvitset asianmukaisten kaavioiden valintaan kullekin datasarjalle, jonka haluat visualisoida. Keskity vain siihen, mitä haluat korostaa, ja valitse kaaviosi sen mukaisesti.
Lisää esimerkkejä ja harjoituksia löydät täydestä oppaastamme parhaiden kaavioiden valitsemiseen datallesi.
Vaihe 4: Suunnittele infograafisi infograafimallipohjaa käyttäen
Sitten jäljellä on enää asettelu ja tyylin suunnittelu.
Ensimmäisen elementin lisääminen sivulle voi tuntua pelottavalta, mutta tueksesi löytyy kyllä muutama keino, jotka vähentävät tarvetta arvailuille tällä alkuaskeleella.
Luo luonnollinen informaatiovirta
Käytä ensimmäisessä vaiheessa tekemääsi kysymyspyramidia ohjaamaan infograafisi asettelua ja informaatiovirtaa.
Aloita kertomalla lukijoillesi, kuinka he hyötyvät infograafistasi (ts. käytä heidän keskeistä ongelmaansa otsikkonasi), lisää sitten kaavioita, jotka keskittyvät “tukikysymyksiin” ja tuo lopuksi kaikki päätökseen kaavioilla, jotka vastaavat ongelman “luotauskysymyksiin”.
Käytä ruudukkoasettelua lisätäksesi infograafiisi rakennetta ja tasapainoa
Elementtien asettelu ennalta määriteltyyn symmetriseen ruudukkoon on helppo taktiikka, joka antaa infograafillesi välitöntä kohotusta.
Se antaa elementeillesi tarvittavaa järjestystä, ja kun muistamme, että luemme asioita luonnollisesti vasemmalta oikealle ja ylhäältä alas, sitä voidaan käyttää ohjaamaan lukijan katsetta elementistä toiseen.
Käytä lineaarisesta informaatiovirrasta koostuvalle sisällölle keskitettyä yksittäisen pylvään asettelua:
Lähteet: Everlane.com, Ziploc.com
Käytä tietojen vertailussa kahden pylvään asettelua. Alta löydät esimerkin vertailuinfograafista:
Lähteet: RemoteRelief, The Guardian, FoodBeast
Voit käyttää myös useamman osion asettelua, jos infograafin lukemisjärjestys ei ole niin tärkeää:
Lähteet: Lauren Conrad, Lemonly
Millaista asettelua sitten päätätkin käyttää, niin elementtien erottelu tasaisin välein tuo infograafiin miellyttävää rakenteen ja tasapainon tuntua.
Tee infograafi valmiin mallipohjan avulla
Jos infograafin rakentaminen alusta asti tuntuu liian rankalta, meillä on sinulle tarjolla myös valmiiksi tehtyjä infograafimallipohjia, joita voit personoida ja joihin voit sovittaa datasi. Ideana on valita sellainen mallipohja, johon sisältösi sopii luontevalla tavalla.
Paras tapa tehdä tämä on unohtaa aluksi värit, tyylit ja kaaviotyypit. Valitse mallipohja rakenteen perusteella ja mieti tyyliä vasta jälkeenpäin.
Tämä nopea video-opas auttaa sinua valitsemaan sopivimman infograafityypin juuri sinun datallesi:
Löytyykö sinulla lista tai prosessi? Etsi silloin käsiisi keskitetty, yksittäinen pylväsinfograafimalli varmistaaksesi, että kaikki sen vaiheet luetaan oikeassa järjestyksessä. Alla on esimerkki prosessi-infograafista:
Haluatko luoda kontrastia kahden eri kaavion välille? Etsi itsellesi silloin kahden pylvään infograafimallipohja:
Onko sinulla kolme tietoa, jotka ovat kaikki yhtä tärkeitä? Hyödynnä silloin kolmen pylvään infograafimallipohjaa:
Löytyykö dataa tonnikaupalla? Etsi niille yksinkertainen infograafimallipohja neljällä tai viidellä eri osiolla:
Kaikki ne asiat, joista puhuimme edellisessä osiossa, sovelletaan nyt tässä vaiheessa. Mieti, kuinka monta elementtiä sinulla on ja kuinka tarinasi tulisi virrata, kun valitset mallipohjaasi.
Kun olet valinnut sopivan mallipohjan, lisää siihen vain sisältösi, niin oletkin jo valmis. Tämä julkaisumme infograafin kustomoimisesta antaa sinulle vielä lisää vinkkejä ainutlaatuisen kuosin suunnitteluun.
Vaihe 5: Tuo infograafiisi tyyliä
Nyt alkaa hauska osuus eli muotoiluelementtien käsittely, joilla lisäät infograafiisi hohtoa tehdäksesi siitä esteettisesti miellyttävän ja selkeän.
Kuinka valitset fontit infograafiisi
Aloita tekstistäsi.
Pyri pitämään tekstisi yksinkertaisena. Ajattele infograafia visuaalisena yhteenvetona – kaiken siitä löytyvän tekstin tulisi olla vain välttämätön lisä, joka varmistaa suurempien käsitteiden ymmärtämisen ja täydentää infograafin grafiikkaa. Supista tekstisi korkeintaan yksinkertaisiksi kappaleiksi ja pidä se tasolla, jonka kuudesluokkalainenkin ymmärtää.
Kun tekstisi on muutoin valmis, valitse suurimmalle osalle tekstiä helppolukuinen fontti ja korosta sitten pääotsikon, alaotsikoiden ja tärkeimpien tietojen fonttia ja tyyliä, jotta infograafisi ydin on heti esillä:
Haluatko hallita typografian jalon taidon? Katso täältä täysi ohjeistuksemme fonttien valinnasta infograafiisi.
Kuinka sovellat toistoa, johdonmukaisuutta ja kohdistusta infograafissasi
Lisää infograafiisi seuraavaksi graafisia lisäelementtejä antaaksesi kokoonpanollesi rytmiä ja visuaalista mielenkiintoa.
Muistatko ruudukot, joista keskustelimme aiemmin? Eräs helppo tapa tehdä kokoonpanostasi yhtenäinen on käyttää toistuvia peruskuvioita, joilla korostat perustana olevaa ruudukkoa:
Vaihtoehtoisesti voit käyttää peruskuvioita otsikoiden ja listaelementtien korostamiseksi:
Tai sitten voit lisätä ikoneja, joilla korostat tekstisi tärkeitä käsitteitä. Pidä ikonien väri, tyyli ja koko yhtenäisenä ja tee kaikesta luonteva kokonaisuus taustan lisäkuvioilla:
Mitä sitten päätätkin tehdä, niin varmista, että lisäämäsi toistuvat elementit ovat kohdistettuja! Jo pienikin poikkeama tekee kokonaisuudesta epätasapainoisen:
Nämä ovat vain muutamia niistä tavoista, joilla tykkäämme lisätä tyyliä infograafeihimme. Tärkeä asia tässä on muistaa, että toistuvat ja kohdistetut elementit luovat visuaalista rytmiä, jolla kokoonpanon voi saada tuntumaan eheämmältä.
Kuinka käytät negatiivista tilaa infograafissasi
Negatiivisella tilalla (eli valkotilalla) viitataan niihin osioihin sivusta, jotka eivät sisällä tekstiä tai kuvia. Kuka tahansa suunnittelija voi vahvistaa, että negatiivinen tila on kuoseissa yhtä tärkeä asia kuin niiden muut elementit.
Kunkin infograafisi pääelementtiryhmän väliin tulisi jättää tyhjää tilaa samaan tapaan kuin kuvattavien kohteiden välille valokuvaa otettaessa.
Tämä tarkoittaa sen varmistamista, että infograafisi reunoilta löytyy marginaalit:
Välien jättäminen elementtien välille auttaa katselijaa ymmärtämään saman tien, mitkä elementit kuuluvat yhteen:
Valkotilalla on vaikutuksensa myös siihen tapaan, jolla näemme värejä – eri värejä on helpompaa sommitella kivasti yhteen lisäämällä niiden väliin vähän valkotilaa:
Ammattisuunnittelijan tunnistaa siitä, että hän osaa käsitellä negatiivista tilaa. Jos olet amatööri, muotoilusi taso alkaa kohentumaan heti, kun alat kiinnittämään negatiivisen tilaan huomiota!
Kuinka valitset infograafisi värit
Lopuksi puhumme väreistä. Olen jättänyt tämän viimeiseksi tarkoituksella. Vaikka väri onkin tehokas kommunikaatioväline, niin oikeasti hyvän muotoilun tulisi kommunikoida tietoa pääasiassa mustavalkoisena. Ajattele väriä eräänlaisena lisäbonuksena – tapana, jolla voit auttaa lukijoitasi ymmärtämään sisältöäsi.
Käytä värejä tärkeiden tietojen korostamiseen:
Tai ryhmittelemään toisiinsa liittyviä elementtejä:
Älä unohda neutraaleja värejä. Yhdessä kirkkaiden värien kanssa ne voivat luoda todella toimivan kokonaisuuden:
Mitä tulee värien yhdistelyyn, niin meiltä löydät avun siihenkin. Olemme koonneet useampia väriyhdistelmiä, jotka toimivat hyvin monenlaisissa infograafeissa.
Siinäpä se! Jos vain muistat ajatella fontteja, toistuvuutta ja kohdistuksia, negatiivista tilaa ja värejä, niin infograafisi tulee menestymään. Vilkaise myös täältä vuoden 2019 trendit graafisessa suunnittelussa.
Käydään yhdessä vielä läpi päävaiheet, joita infograafin luomisessa on muistettava:
- Hahmota infograafisi tavoitteet
- Kerää infograafiisi tuleva data
- Visualisoi infograafisi data
- Sommittele elementit infograafiisi
- Lisää infograafiisi tyyliä
Jos selvisit tähän asti, niin suunnittelutaitosi ovat jo paremmat kuin monella muulla. Nyt sinulla tulisi olla hyvä käsitys siitä, kuinka luot infograafin viidessä vaiheessa ja kuinka hyödynnät kaikkia niitä työkaluja, joita ensimmäisen infograafisi luomiseen tarvitset.
