Näin testaamme grafiikan puhelimen kokoisella näytöllä ennen julkaisua

Kun harjoitustyö on valmis tietokoneella, siirrämme sen puhelimeen ennen kuin kukaan sanoo siitä mitään. Tämä on kurssin työtavoista se, josta pidän eniten, koska se paljastaa asioita, joita suurella näytöllä ei huomaa. Teksti, joka näytti työpöydällä hyvältä, onkin yhtäkkiä ohut tai liian lähellä reunaa.

Käytän opettajana samaa menettelyä kuin opiskelijat: avaan videon puhelimessa, pidän sitä tavallisella lukuetäisyydellä ja katson sitä ensin ilman ääntä. Jos nimi ja titteli eivät selviä yhdellä vilkaisulla, grafiikassa on korjattavaa. Kellotan itseni ajatuksella, että katsoja ei pysähdy lukemaan, vaan lukee ohimennen.

Harjoituksissa käytämme keksittyjä nimiä, kuten Aino Rantala tai Jari Salonen, jotta huomio pysyy asettelussa eikä sisällössä. Kukin opiskelija saa saman lähtötilanteen, ja erot syntyvät vasta korjauksista.

• Siirrä aina oikea videotiedosto, älä kuvakaappausta
• Katso ensin ilman ääntä
• Pidä puhelinta normaalilla lukuetäisyydellä

Ensimmäinen kierros on karkea ja nopea. Kysymme vain kolme asiaa: erottuuko teksti taustasta, mahtuuko koko rivi näkyviin ja ehtiikö sen lukea ennen kuin se katoaa. Hienosäätö jää myöhemmäksi, koska aloittelijat hukkuvat helposti yksityiskohtiin.

Yleisin löytö on liian pieni kirjasinkoko titteliriville. Nimi on usein riittävän iso, mutta titteli on kutistettu pelkän tasapainon vuoksi. Puhelimessa se muuttuu harmaaksi viivaksi. Toinen tavallinen löytö on ohut kirjasinleikkaus, joka näyttää elegantilta suurella näytöllä mutta hajoaa pienellä.

Kirjaamme havainnot lyhyeen listaan paperille tai tekstitiedostoon. Listan tarkoitus ei ole arvostella vaan antaa seuraavalle kierrokselle selkeä tehtävä. Kun korjaukset on tehty, sama testi toistetaan samalla laitteella, jotta vertailu pysyy reiluna.

• Erottuuko teksti taustasta
• Mahtuuko koko rivi näkyviin
• Ehtiikö tekstin lukea ajoissa

Kun kokoa kasvatetaan, asettelu alkaa usein huojua. Nimirivi venyy, laatikko levenee ja grafiikka työntyy turva-alueen yli. Siksi neuvon korjaamaan kokoa vaiheittain: ensin titteli, sitten nimi, sitten laatikon mitat. Jokaisen muutoksen jälkeen katsotaan puhelimesta, onko lukeminen parantunut.

Rivin pituus on tässä ratkaiseva. Jos nimi ja titteli eivät mahdu isommalla koolla samalle riville, jaamme titteli kahdelle riville tai lyhennämme sitä. Lyhentäminen on usein parempi ratkaisu kuin fontin pienentäminen, mutta siihen tarvitaan sopimus kuvan tekijän kanssa, ettei merkitys muutu.

Pidämme kirjaa muutoksista, jotta ne voi perua. Aloittelijat tekevät helposti kolme korjausta yhtä aikaa ja eivät sen jälkeen tiedä, mikä auttoi. Yksi muutos kerrallaan tuntuu hitaalta, mutta säästää aikaa seuraavissa töissä.

• Korjaa yksi asia kerrallaan
• Lyhennä teksti ennen kuin pienennät fonttia
• Pidä turva-alueen reunat näkyvissä

Kontrasti on pienellä näytöllä herkempi kuin koolla mitattuna. Valkoinen teksti vaalealla taustalla katoaa heti, kun ulkona paistaa aurinko ja katsoja kallistaa puhelinta. Syksyisin valo on matala ja heijastukset korostuvat, joten tämän vuodenajan testit tehdään tarkoituksella ikkunan lähellä.

Käytämme taustalaatikkoa tai puolipeittävää pohjaa silloin, kun kuva vaihtelee. Laatikon läpinäkyvyys on kompromissi: liian läpinäkyvä ei auta, liian peittävä vie huomion kuvasta. Harjoituksissa kokeilemme kolmea tasoa ja valitsemme sen, jolla teksti on luettava vaaleimmassakin kohdassa.

Liikkuvassa kuvassa tausta muuttuu kesken lukemisen. Siksi testaamme aina useasta kohdasta videota, emme vain siitä hetkestä, jossa grafiikka ilmestyy. Pahin kohta ratkaisee, ei keskimääräinen.

• Testaa kirkkaassa valossa ikkunan vieressä
• Kokeile kolmea läpinäkyvyystasoa
• Tarkista vaalein ja tummin kuvakohta

Pienen näytön testi on lopulta kysymys katsojasta. Hän seisoo bussissa, istuu odotushuoneessa tai katsoo videon kesken kotiaskareiden. Grafiikan pitää toimia silloinkin, kun huomio on puoliksi muualla. Tämä ajatus ohjaa kaikkia valintoja kurssilla.

Pyydän opiskelijoita antamaan puhelimen jollekulle, joka ei ole nähnyt työtä aiemmin, ja kysymään vain: kuka puhuu? Jos vastaus tulee kahdessa sekunnissa, grafiikka toimii. Jos ihminen epäröi, korjataan. Ulkopuolisen katse on arvokkaampi kuin kymmenen omaa tarkistuskierrosta.

Opiskelijat yllättyvät, kuinka usein vastaus on väärä jostain pienestä syystä, kuten nimen ja tittelin samasta sävystä. Näiden löytöjen kautta syntyy tapa katsoa omaa työtä uusin silmin.

• Anna puhelin tuoreelle katsojalle
• Kysy vain: kuka puhuu
• Mittaa vastausaika, älä mielipidettä

Testin lopuksi opiskelijalla on kaksi versiota samasta grafiikasta ja lyhyt muistiinpano siitä, mikä muuttui ja miksi. Tämä dokumentti on arvokkaampi kuin itse lopputulos, koska se kertoo, millä perusteella päätöksiä tehtiin.

Seuraavassa työssä lähdetään liikkeelle näistä muistiinpanoista. Moni huomaa, että samat virheet toistuvat, ja alkaa ennakoida ne jo suunnitteluvaiheessa. Se on kurssin realistinen tavoite: ei täydellinen grafiikka, vaan nopeampi tapa löytää heikko kohta.

Jos haluat palautetta omasta työstäsi, voit lähettää sen tarkistettavaksi tilaustyönä. Katsomme sen samalla menettelyllä ja kirjoitamme havainnot ylös.