Somejulkaisun tekstiasettelu: otsikko, tieto ja toimintakehotus

Paras somejulkaisun tekstiasettelu käyttää kolmea tasoa, ei enempää: otsikkoa, joka kertoo yhden pääasian, lisätietoriviä, joka vastaa ilmeiseen jatkokysymykseen, ja pientä toimintakehotusta, joka kertoo seuraavan teon. Jokainen taso on selvästi edellistä pienempi ja ennakoitavassa paikassa. Selaaja antaa julkaisulle hetken, ja kolme tasoa on suunnilleen se, mitä hetkeen mahtuu.

Esimerkki: julkaisun tekstien tärkeysjärjestys

Kukkakauppa haluaa ilmoittaa äitienpäivätilauksista. Ensimmäisessä luonnoksessa kaikki on suunnilleen saman kokoista: kaupan nimi, ”Äitienpäivä lähestyy”, ”Tilaa kimput verkosta nyt”, ”Toimitus koko kaupunkiin”, ”Tilaa torstaihin mennessä” ja verkko-osoite. Kuusi kilpailevaa riviä tarkoittaa, ettei mitään lueta.

Järjestettynä sisältö on: otsikko Tilaa torstaihin mennessä. (asia, johon pitää reagoida), lisätieto Käsin sidotut kimput, toimitus sunnuntaina (mitä ja milloin), toimintakehotus Linkki biossa (missä). Kaupan nimi siirtyy pieneksi merkinnäksi tai poistuu, sillä profiili näyttää sen jo.

Otsikon, lisätiedon ja toimintakehotuksen fonttikoot

Alla olevat koot sopivat 1080 pikseliä leveään julkaisuun eli Instagramin pysty-, neliö- ja tarinamuotoihin. Taustalla oleva sääntö on numeroita hyödyllisempi: jokaisen tason pitäisi olla noin puolet tai kaksi kolmasosaa edellisen koosta, muuten silmä ei erota niitä.

Lihavuus auttaa yhtä paljon kuin koko. Lihavoitu otsikko ja normaalipainoinen lisätietorivi erottuvat selvästi, vaikka koot olisivat lähempänä toisiaan kuin haluaisit. Puhelimen mitoista kertoo somen fonttikoko, ja yleistä teoriaa käsittelee visuaalinen hierarkia.

Mihin kukin taso sijoitetaan

Ihmiset lukevat julkaisua kuten sivua: ylhäältä alas, rivin alusta loppuun. Otsikko kuuluu siis ylös tai keskelle, lisätieto suoraan sen alle ja toimintakehotus viimeiseksi lähelle alareunaa. Pidä kolme tasoa lähellä toisiaan yhtenä ryhmänä. Kulmiin levittäminen saa katseen etsimään.

• Pystyjulkaisu 1080×1350: otsikko yläkolmannekseen tai keskelle, lisätieto alle, toimintakehotus lähelle alareunaa vähintään 80 px:n marginaalilla.
• Neliö 1080×1080: keskitä ryhmä tai tasaa yhdelle puolelle. Profiiliruudukko näyttää jokaisesta julkaisusta rajatun esikatselun, joten pidä otsikko erossa ylä- ja alareunasta.
• Tarina 1080×1920: otsikko juuri ylimmän turvarajan alle, toimintakehotus vastauskentän yläpuolelle. Somen turva-alueet näyttää kartan.
• Karusellin ensimmäinen dia: vain otsikko sekä pieni nuoli tai ”Pyyhkäise”-vihje. Lisätiedot toiselle dialle. Instagram-karusellin suunnittelu kertoo loput.

Yleiset tekstiasettelun virheet somejulkaisuissa

Toimintakehotus ansaitsee huomion. Instagramissa kuvateksti sekä tykkäys-, kommentti- ja jakopainikkeet ovat heti kuvan alla, ja kaikki ymmärtävät ”linkki biossa”. Kuvan oma toimintakehotus voi siis olla pieni. Tee siitä voimakas vain, kun toiminta on koko viestin tarkoitus, kuten alennuksen määräaika.

Somejulkaisun tekstiasettelu viidessä vaiheessa

1. 1

   Kirjoita kaikki ylös ja aseta tärkeysjärjestykseen

   Laita pääasia ensin. Kaikki muu on lisätietoa, toimintakehotusta tai kuvatekstiä.

2. 2

   Lyhennä otsikko enintään kahdeksaan sanaan

   Jos se ei mahdu 90 px:n koossa kolmelle riville, se on liian pitkä. Tukeva otsikkofontti tekee lyhyestä rivistä iskevämmän.

3. 3

   Aseta koot portaittain

   Otsikko, sitten noin puolet sen koosta lisätiedolle ja vielä pienempi koko toimintakehotukselle.

4. 4

   Ryhmittele ja sijoita

   Pinoa kolme tasoa yhteen yhtenäisin välein, tasattuna samaan reunaan tai keskelle.

5. 5

   Testaa puhelimen koossa

   Loitonna pohjaa, kunnes julkaisu on käsivarren mitan päässä pidetyn puhelimen levyinen. Jos järjestys ei ole selvä, suurenna kokoeroja.

Pidä jokainen taso luettavana vilkkaalla taustalla

Hierarkia toimii vain, jos kaikki kolme tasoa voi lukea. Otsikko on yleensä kunnossa, koska se on suuri. Lisätiedossa ja toimintakehotuksessa kontrasti pettää helpommin, etenkin liukuvärin tai kuvan päällä. Sijoita ryhmä rauhallisimmalle alueelle ja tarkista pienin rivi ensin. Teksti liukuvärillä käsittelee tekniikat.

Gradientlyssä suunnitelman takana oleva Mark tietää tekstin sijainnin. Sen rauhallisin alue siirtyy tekstin taakse ja Automaattinen muste valitsee vaalean tai tumman tekstin jokaiselle riville. Siten pieni toimintakehotus pysyy yhtä luettavana kuin otsikko. Aseta hierarkia kerran ja tee tarina- tai LinkedIn-versio samasta suunnitelmasta uudelleen rakentamisen sijaan.