Otsikkokortti, joka sai tilaa hengittää: Villen harjoitustyön tarina

Ville aloitti kurssin lokakuun alussa. Hän teki harrastuksena lyhyitä dokumenttivideoita paikallisista tapahtumista ja halusi saada avausgrafiikkansa näyttämään vähemmän kiireiseltä. Hän toi ensimmäiseen tapaamiseen viisi otsikkokortin luonnosta, ja jokaisessa oli sama piirre: teksti täytti lähes koko ruudun, kirjasinkokoja oli kolme ja tausta oli täynnä yksityiskohtia.

Kun katsoimme luonnoksia yhdessä, Ville sanoi itse, ettei osaa selittää mikä niissä häiritsee. Hän vain tunsi, että katsoja ei ehdi lukea mitään. Tämä on tavallinen lähtökohta. Tunne on usein oikea, mutta syy löytyy asettelusta ja ajoituksesta, ei kirjasimen valinnasta.

Sovimme, että käymme yhden kortin kerrallaan läpi samoilla kysymyksillä: mitä katsojan pitää lukea ensin, mitä toiseksi ja kuinka kauan kortti on ruudulla.

• Viisi luonnosta, kolme kirjasinkokoa kussakin
• Teksti lähes reunasta reunaan
• Tausta kilpaili tekstin kanssa huomiosta

Aloitimme karsimalla. Villen kortissa oli otsikko, alaotsikko, paikkakunta ja päivämäärä samalla painolla. Kysyin, mikä näistä on se, jonka katsoja varmasti haluaa nähdä. Hän valitsi otsikon, ja muut tiedot siirtyivät pienemmälle riville sen alle.

Tämä on kurssin otsikkokorttiosuuden ydinajatus: asettelun hierarkia kertoo katsojalle lukujärjestyksen ennen kuin hän on lukenut sanaakaan. Kun kaikki on yhtä suurta, silmä ei tiedä mistä aloittaa ja katsoja lopettaa lukemisen kokonaan.

Ville kokeili kahta kokoa otsikolle ja yhtä pienempää kokoa tukitiedoille. Kolmesta kirjasinkoosta jäi kaksi, ja kortti alkoi heti näyttää rauhallisemmalta, vaikka sisältö ei muuttunut lainkaan.

• Valitse yksi asia, jonka katsoja lukee ensin
• Pudota muut tiedot selvästi pienemmälle tasolle
• Pidä kokoja enintään kaksi tai kolme

Villen kortit olivat kuvan päällä, ja kuvassa oli vaihtelevia sävyjä. Teksti oli vaaleaa, mutta taustan kirkkaat kohdat söivät sen kontrastin juuri keskeltä riviä. Näytöllä se näytti hyvältä, kun hän katsoi sitä lähietäisyydeltä isolta monitorilta, mutta toisenlainen katsominen paljasti ongelman.

Ehdotin kahta tapaa: himmennetään taustakuvaa tasaisesti tekstin alta tai lisätään hienovarainen yhtenäinen pinta tekstin taakse. Ville kokeili molempia ja päätyi himmennykseen, koska se säilytti kuvan tunnelman. Hän havaitsi, että pieni muutos kirkkaudessa riitti.

Tämä on hyvä muistisääntö: jos joudut katsomaan tarkkaan voidaksesi lukea tekstin, kontrasti ei riitä, vaikka laskennallinen arvo näyttäisi hyväksyttävältä.

• Himmennä tausta tasaisesti tekstin alueelta
• Tarkista kontrasti koko rivin matkalta, ei vain alusta
• Älä luota yhteen katseluun isolla näytöllä

Seuraava asia oli ajoitus. Villen kortit olivat ruudulla noin kaksi sekuntia, ja teksti oli kuitenkin pitkää. Kokeilimme yksinkertaista sääntöä: lue teksti ääneen rauhallisesti kerran ja lisää siihen vielä hetki. Jos kortti poistuu ennen kuin olet ehtinyt lukea sen, se on liian lyhyt.

Ville huomasi, että hänen avauskorttinsa oli tarkoitettu ehdittäväksi yhdellä silmäyksellä, mutta sisälsi lauseen, joka vaati kunnollisen lukemisen. Hän lyhensi lauseen kolmesta rivistä kahteen ja pidensi korttia puolella sekunnilla.

Rytmiin kuuluu myös se, mitä kortin jälkeen tapahtuu. Jos seuraava kuva alkaa heti ja leikkaus on nopea, kortille kannattaa antaa hetki rauhaa. Hiljainen tauko kortin jälkeen auttoi Villen videossa katsojaa siirtymään sisältöön.

• Lue teksti ääneen ja lisää siihen hetki
• Lyhennä lauseita ennen kuin pidennät aikaa
• Anna kortin jälkeen pieni tauko

Kurssin tapaan Ville testasi lopuksi kortit puhelimen näytöllä. Siellä otsikko oli yhä luettava, mutta tukirivin teksti oli liian pientä ja ohut. Hän kasvatti sen kokoa ja vaihtoi paksuuden vahvemmaksi, jolloin se pysyi luettavana myös kädessä pidettynä.

Tämä vaihe yllättää monet. Isolla ruudulla kaikki näyttää toimivan, mutta suuri osa katsojista katsoo videon puhelimelta ja ilman ääntä. Pieni näyttö ei ole poikkeus vaan yksi tavallisimmista katselutilanteista.

Ville kertoi jälkikäteen, että pienen näytön testi oli kurssin hyödyllisin yksittäinen tapa. Hän teki siitä vakiotyövaiheen: jokainen kortti katsotaan puhelimella ennen kuin se hyväksytään.

• Testaa jokainen kortti puhelimen kokoisella näytöllä
• Vahvista ohuita kirjasinpainoja
• Kasvata tukitiedon kokoa, jos se hukkuu

Kurssin lopussa Villellä oli viisi uutta korttia, jotka näyttivät lähes samalta sisällöltään kuin alkuperäiset, mutta toimivat eri tavalla. Teksti oli harvempaa, kokoja oli vähemmän, tausta tuki tekstiä ja ajoitus oli suhteutettu lukemiseen.

Hän ei oppinut yhtä taikatemppua vaan kokoelman pieniä tarkistuksia, joita voi toistaa jokaisessa projektissa. Siinä on kurssin tarkoitus: ei valmiita malleja vaan tapa katsoa omaa työtä kriittisesti.

Syksyn kuluessa Ville on jatkanut dokumenttiensa tekemistä ja palannut kysymään vielä palautetta uusista avausgrafiikoista. Se on hyvä merkki: kun katsoo itse tarkemmin, huomaa myös mitä kaipaa toisen silmiä.