Informaatiohierarkia mainoksessa: otsikko, leipäteksti ja toimintakehotus
Informaatiohierarkia tarkoittaa tekstin jäsentämistä kolmeen tasoon: otsikkoon, leipätekstiin ja toimintakehotukseen. Näin lukija etenee niissä siinä järjestyksessä, jonka olet suunnitellut. A5-esitteessä otsikko on yleensä 28–48 pt, leipäteksti 9–11 pt ja toimintakehotus 14–20 pt. Toimintakehotus korostetaan värillä tai taustalla. Kunkin tason tulisi olla vähintään 1,5–2 kertaa alempaa tasoa suurempi. Pidä tärkeät elementit vähintään 3–5 mm:n päässä leikkuulinjasta ja vie taustat 3 mm:n leikkuuvaraan asti.
Esitteellä, julisteella tai roll-upilla on vain hetki aikaa pysäyttää katse. Jos kaikki huutaa yhtä kovaa, lukija ei tiedä, mistä aloittaa, eikä yleensä aloita lainkaan. Tässä oppaassa näytän, miten rakennat taittoon selkeän informaatiohierarkian. Käyn läpi, miten lukujärjestys päätetään, millaisia fonttikokoja ja kontrasteja kannattaa käyttää ja miten katseen luontaista kulkua hyödynnetään. Lopuksi uudistetaan sekava esite käytännön esimerkin avulla.
Mitä informaatiohierarkia tarkoittaa taitossa?
Informaatiohierarkia on tietoinen päätös siitä, mitä lukija näkee ensimmäisenä, toisena ja kolmantena. Kyse ei ole estetiikasta vaan lukujärjestyksestä. Ensin tulee hyöty tai iskulause, sitten yksityiskohdat ja lopuksi tieto siitä, mitä seuraavaksi tehdään.
Ennen kuin avaat taitto-ohjelman, kirjoita kaikki sisällöt paperille ja numeroi ne tärkeimmästä alkaen. Jos tärkeimmäksi on merkitty useampi kuin yksi asia, taitosta tulee sekava väreistä ja kuvista riippumatta. Painetun mainonnan perussääntö on yksi pääviesti yhtä mainosvälinettä kohden.
Tekstin kolme tasoa: otsikko, leipäteksti ja toimintakehotus
Jokainen toimiva mainosmateriaali voidaan pelkistää kolmeen tasoon. Logo, osoite ja pienet juridiset tiedot ovat lisäosia, eivät neljäs taso, joka kilpailee huomiosta. Niiden tehtävä on kertoa, kuka viestin lähettää.
| Taso | Tehtävä | Pituus | Esimerkki |
|---|---|---|---|
| 1. Otsikko | Pysäyttää katse ja kertoa päähyöty | 2–7 sanaa | Kylpyhuoneremontti 10 arkipäivässä |
| 2. Leipäteksti | Selittää tarjous ja hälventää epäilyt | 3–5 kohtaa tai 2–3 lyhyttä virkettä | Materiaalit hintaan sisältyen, takuu, maksuton arvio |
| 3. Toimintakehotus (CTA) | Kertoa, mitä tehdä nyt | 1 virke + yhteystieto | Soita: 040 000 0000 |
| Lisäosat | Lähettäjän tunnistaminen | Mahdollisimman vähän | Logo, osoite, verkkosivu |
Mitä fonttikokoja esitteessä, julisteessa ja roll-upissa käytetään?
Fonttikoko riippuu koosta ja katseluetäisyydestä. Esitettä luetaan kädessä ja julistetta metrin tai kahden päästä. Roll-upia ja banderollia katsotaan useiden metrien päästä tai ohi ajavasta autosta. Alla olevat arvot ovat painotaloissa käytettyjä käytännön lähtökohtia. Ohuilla kirjaintyypeillä ja vaaleilla taustoilla valitse vaihteluvälin yläpää.
Painetun leipätekstin ei pitäisi olla alle 7–8 pt. Värillisellä taustalla pienet tiedot kannattaa ladota vähintään 8 pt:n kokoon. Muista, että suurkuvatulosteiden tiedosto tehdään usein mittakaavassa 1:10, joten tiedoston 10 pt tarkoittaa tulosteessa 100 pt.
| Mainosväline | Otsikko | Leipäteksti | Toimintakehotus |
|---|---|---|---|
| Käyntikortti 85×55 mm (tai 90×50 mm) | 10–14 pt (nimi) | 7–9 pt | puhelinnumero 9–11 pt |
| Esite A6 / DL | 20–36 pt | 8–10 pt | 12–16 pt |
| Esite A5 | 28–48 pt | 9–11 pt | 14–20 pt |
| Juliste A3 | 60–100 pt | 14–20 pt | 24–36 pt |
| Juliste A2 / A1 | 100–200 pt | 20–36 pt | 40–72 pt |
| Roll-up 85×200 cm | kirjainkorkeus 8–15 cm | väh. 2–3 cm | 4–6 cm |
| Banderolli 300×100 cm | kirjainkorkeus 20–40 cm | väh. 6–8 cm | 10–15 cm |
Kontrasti ja korostus: muutakin kuin koko
Koko on tehokkain keino, mutta ei ainoa. Tasoja voi erottaa myös lihavuudella, värillä, sijainnilla ja elementin ympärille jätetyn tyhjän tilan määrällä. Käytännön sääntö on, että jokainen taso eroaa viereisestä vähintään kahdella ominaisuudella, esimerkiksi koolla ja lihavuudella.
Tarkista värikontrasti tinkimättä: tumma teksti vaalealla taustalla tai päinvastoin. Vaaleanharmaa valkoisella tai punainen vihreällä näyttää näytöllä hyvältä, mutta painettuna ja heikossa valossa luettavuus kärsii. Helppo testi on tulostaa taitto harmaasävyinä. Kaikkien tasojen pitää silloinkin erottua selvästi toisistaan.
- Koko: otsikko vähintään 1,5–2 kertaa CTA:ta suurempi, CTA selvästi leipätekstiä suurempi.
- Lihavuus: bold tai black otsikkoon, regular leipätekstiin.
- Väri: varaa yksi korostusväri yksinomaan toimintakehotukselle.
- Tyhjä tila: mitä enemmän ilmaa elementin ympärillä, sitä tärkeämmältä se näyttää.
- Kirjaintyypit: enintään 2 fonttiperhettä, esimerkiksi yksi näyttävä otsikkoon ja yksi helppolukuinen leipätekstiin.
- Versaalit: vain lyhyissä iskulauseissa, ei koskaan pidemmässä tekstissä.
Katseen kulku: Z-malli ja F-malli
Länsimainen lukija aloittaa vasemmasta yläkulmasta ja liikuttaa katsettaan oikealle ja alaspäin. Tähän havaintoon perustuu kaksi asettelumallia. Niiden avulla tekstin kolme tasoa sijoitetaan sinne, minne katse joka tapauksessa osuu.
Z-malli toimii taitoissa, joissa on vähän tekstiä: julisteissa, kampanjaesitteissä, banderolleissa ja roll-upeissa. Katse kulkee ylhäällä vasemmalta oikealle ja halkaisee taiton vinosti. Se päättyy oikeaan alakulmaan, joka on ihanteellinen paikka toimintakehotukselle. F-malli sopii tekstipainotteisiin materiaaleihin, kuten ruokalistoihin, hinnastoihin ja tiedotteisiin. Lukija lukee ensimmäiset rivit ja silmäilee sitten vasenta reunaa väliotsikoita ja luettelokohtia etsien. Sijoita tärkeimmät sanat siis sinne.
- Z-malli: logo tai otsikko vasempaan yläkulmaan, kuva tai hyöty vinolinjalle, CTA oikeaan alakulmaan.
- F-malli: vahva otsikko koko leveydelle, väliotsikot ja hinnat tasattuina vasemmalle ja jokaisen rivin alkuun sisältöä kantavat sanat.
- Roll-up: ylin 20–30 cm jää läheltä katsovalta usein näkökentän ulkopuolelle, ja alimmat 40–50 cm peittyvät helposti ihmisten ja pöytien taakse. Pidä siksi otsikko ja CTA keskiosassa silmien korkeudella.
Esimerkki: sekavan esitteen uudistus vaihe vaiheelta
Otetaan esimerkiksi remonttiyrityksen A5-esite. Alkuperäisessä versiossa logo vie kolmanneksen sivusta, kirjaintyyppejä on viisi ja kaikki palvelut on lihavoitu. Puhelinnumero on 8 pt:n koossa nurkassa, ja taustakuvan päällä on tekstiä ilman pohjaväriä. Lukija näkee logon, mutta ei tiedä, mitä tarjous koskee.
Uudistus alkaa paperilta eikä ohjelmasta. Ensin päätetään yksi pääviesti ja karsitaan sisältö kolmeen perusteluun ja yhteen toimintakehotukseen. Vasta sitten elementit sijoitetaan Z-mallin mukaan. Jos haluat lähteä liikkeelle valmiista asetteluehdotuksesta, plakaty.shop (wielkareklama.eu studio) tekee lyhyen lomakkeen perusteella esiteluonnoksia alkaen 12 €. Tarkista hierarkia ja sisältö silti alla olevien vaiheiden mukaan.
| Elementti | Ennen | Jälkeen |
|---|---|---|
| Otsikko | Yrityksen nimi iskulauseena | Hyöty: ”Kylpyhuoneremontti 10 arkipäivässä”, 40 pt, bold |
| Logo | 1/3 sivusta, keskellä | N. 25–30 mm leveä, vasen yläkulma |
| Leipäteksti | 12 palvelua, kaikki lihavoituna | 3 kohtaa, 10 pt regular, tasattu vasemmalle |
| Kirjaintyypit | 5 eri tyyppiä | 2: groteski bold + regular |
| CTA | Puhelinnumero 8 pt nurkassa | ”Soita ja pyydä maksuton arvio” + numero 18 pt värillisellä pohjalla, oikea alakulma |
| Tausta | Kuva tekstin alla | Kuva yläpuoliskolla, teksti yhtenäisellä taustalla |
| Marginaalit | Teksti 1 mm:n päässä reunasta | Väh. 4–5 mm leikkuulinjasta, tausta 3 mm:n leikkuuvaraan |
Yleisimmät virheet informaatiohierarkiassa
Useimmissa vaikealukuisissa mainoksissa toistuvat samat ongelmat. Käy taitto läpi alla olevan listan avulla ennen kuin lähetät tiedoston painoon.
- Logo suurimpana elementtinä: lukijaa kiinnostaa hyöty, ei yrityksen tunnus.
- Useita samankokoisia otsikoita: katse hyppii eikä pysähdy mihinkään.
- Kaikki lihavoitu tai alleviivattu: kun kaikkea korostetaan, mikään ei erotu.
- Toimintakehotus puuttuu, tai niitä on useita yhtä aikaa.
- Teksti kuvan päällä ilman pohjaväriä tai tummennusta.
- Leipäteksti versaaleilla ja koristeellisella kirjaintyypillä ladottuna.
- Tärkeät tiedot liian lähellä reunaa, jolloin ne leikkautuvat pois.
Tarkistuslista
- Sinulla on yksi pääviesti, ja se on taiton suurin teksti.
- Taitossa on kolme selvää tasoa: otsikko, leipäteksti ja toimintakehotus.
- Jokainen taso eroaa viereisestä vähintään kahdella ominaisuudella (koko, lihavuus, väri).
- Leipäteksti on painettuna vähintään 7–8 pt, ja 1:10-mittakaavan tiedostoissa olet tarkistanut skaalauksen.
- Käytössä on enintään kaksi fonttiperhettä.
- Toimintakehotus on katseen kulun lopussa (Z- tai F-malli).
- Harmaasävytuloste näyttää yhä selkeän hierarkian.
- Teksti on vähintään 3–5 mm:n päässä leikkuulinjasta, ja tausta ulottuu 3 mm:n leikkuuvaraan.
- Olet itse lukenut kaikki tekstit, puhelinnumerot ja osoitteet.
Usein kysyttyä
Mikä on esitteen pienin fonttikoko?
Esitteen leipäteksti ei saisi olla alle 7–8 pt, ja mukavimmin sitä lukee 9–11 pt:n koossa. Valitse vaihteluvälin yläpää värillisellä tai tummalla taustalla sekä ohuilla kirjaintyypeillä. Pienet tiedot, kuten kampanjan ehdot, voivat olla 6–7 pt vain silloin, kun kontrasti on korkea.
Mihin toimintakehotus sijoitetaan julisteessa tai esitteessä?
Useimmiten oikeaan alakulmaan, koska Z-mallissa katseen kulku päättyy sinne. Korosta se korostusvärillä tai pohjavärillä ja jätä sen ympärille tyhjää tilaa. Tekstipainotteisissa materiaaleissa, kuten ruokalistoissa, CTA voi olla alareunassa koko leveydeltä.
Montako kirjaintyyppiä yhdessä mainostaitossa voi käyttää?
Turvallinen määrä on kaksi fonttiperhettä: toinen otsikoihin ja toinen leipätekstiin. Rakenna tasojen erot näiden kirjaintyyppien sisällä koon ja lihavuuden avulla. Kolme tai useampi kirjaintyyppi rikkoo yleensä hierarkian ja saa taiton näyttämään sekavalta.
Mitä eroa on Z-mallilla ja F-mallilla taitossa?
Z-mallia käytetään vähätekstisissä taitoissa, kuten julisteissa, banderolleissa ja kampanjaesitteissä. Katse kulkee ylhäältä, sitten vinosti ja päättyy oikeaan alakulmaan. F-malli sopii runsastekstisiin materiaaleihin, kuten ruokalistoihin ja hinnastoihin, joissa lukija silmäilee vasenta reunaa ja rivien ensimmäisiä sanoja. Valinta riippuu siis mainosvälineen tekstimäärästä.
Pitäisikö logon olla mainoksen suurin elementti?
Yleensä ei. Suurimman elementin pitäisi olla otsikko, joka kertoo asiakkaan saaman hyödyn. Logo toimii allekirjoituksena ja sijoittuu tavallisesti taiton nurkkaan. Poikkeuksia ovat tunnettujen brändien imagokampanjat ja liikekyltit, joissa yrityksen nimi on pääviesti.
Kuinka paljon tekstiä mahtuu roll-upiin tai banderolliin?
85×200 cm:n roll-upissa toimii enintään 7 sanan otsikko, 3–5 lyhyttä kohtaa ja yksi toimintakehotus yhteystietoineen. Kadulta katsottavaan banderolliin mahtuu vielä vähemmän: iskulause, yksi hyöty ja puhelinnumero tai verkko-osoite. Mitä pidempi katseluetäisyys, sitä vähemmän sanoja ja sitä suuremmat kirjaimet.
