Above the fold on edelleen tärkeä osa verkkosivujen suunnittelua, vaikka käsite on muuttunut vuosi vuodelta monimutkaisemmaksi. Vaikka sitä ei ehkä pidetä yhtä merkityksellisenä kuin ennen, se vaatii edelleen ymmärrystä ja harkintaa kaikilta verkkosivustoilta, jotka haluavat tarjota kävijöilleen houkuttelevan kokemuksen.
Mitä on taiton yläpuolella?
Käsite taiton yläpuolella juontaa juurensa vuosisatojen päähän, kirjapainon alkuihin. Koska sanomalehdet painettiin suurille paperiarkeille, ne taitettiin, kun ne ilmestyivät lehtikioskille. Tämä johti siihen, että vain paperin yläpuolisko näkyi ohikulkijalle.
Sanomalehtiteollisuus tajusi nopeasti, että yleisön saamiseksi on esitettävä huomiota herättäviä otsikoita, sisältöä ja kuvia sivun yläosassa. Tämä perusperiaate on sama myös digitaalisessa sisällössä.
Sivustoilla ei tietenkään ole sanomalehtien kaltaista fyysistä taittoa, vaan taitto liittyy tässä yhteydessä vierityspalkkiin.
Kaikkea sellaista, mikä ei näy heti ja mikä vaatii vierittämistä, pidetään taiton alapuolella. Valitettavasti taiton yläpuolinen digitaalinen versio ei ole aivan yhtä yksinkertainen kuin painettu versio.
Mitat
Sivuston ensimmäinen näkökohta on, miltä sen mitat näyttävät lukijalle. Kaikki näytöt eivät ole samanlaisia. Lisäksi padien ja puhelimien yleistymisen myötä jokainen sivusto esitetään hyvin eri tavoin. Puhumattakaan näyttöresoluutioihin ja selainliitännäisiin liittyvistä kysymyksistä.
Puhelimen mitoista on tullut kiistatta tärkein huolellisesti harkittava osa-alue, sillä sen käyttö on jättänyt pöytätietokoneet varjoonsa vuonna 2016. Matkapuhelimia on erimuotoisia ja -kokoisia, samoin kuin niiden näyttöjä, joten toisin kuin laajalevikkisessä sanomalehdessä, taittolinja on paljon vähemmän ennustettava käsite.
Online-työkaluja Above The Fold -sijoittelun määrittelyyn
On olemassa monia ilmaisia online-työkaluja, joiden avulla voit testata ja sijoittaa visuaalisesti verkkosivustosi eri näkökohtia sen ”taittolinjaan” liittyen. Vaikka nämä ovatkin erittäin hyödyllisiä, sillä ne auttavat sinua saamaan fyysisen käsityksen ulkoasusta, ne voivat tarjota vain pintapuolisen esityksen verkkosivustosta eivätkä syvällistä analyysia. Tästä syystä on suositeltavaa suorittaa verkkosivuston täydellinen optimointi.
Parhaat käytännöt
Vaikka onkin totta, ettei ole olemassa mitään tiukkoja ja nopeita sääntöjä taiton yläpuolella tapahtuvalle sijoittelulle, jotkin parhaat käytännöt toimivat usein hyödyllisinä ohjeina. Jotkin näistä ovat maalaisjärjellä toimivia ajatuksia, kuten sen varmistaminen, että kiinnostavin sisältö on taiton yläpuolella. Muut käytännöt liittyvät aiemmin mainittuihin mittoihin, kuten 1 000 pikseliä leveä – 600 pikseliä korkea taittokoko 1 024 x 768 pikselin näytöissä. Useimmat näytön koot ovat kuitenkin tätä suurempia vuonna 2018, joten verkkosivuston mukauttaminen sen mukaisesti on tärkeää.
On myös tärkeää, ettei koskaan pidä olettaa parhaiden käytäntöjen tarkoittavan ortodoksisuutta. Monien vuosien ajan verkkosivustot on suunniteltu sanomalehtien etusivujen tapaan, mutta tämä on johtanut eräänlaiseen ”templatisoitumiseen”, jolloin suurin osa sivustoista näyttää samalta. Innovaatiot, kuten pystysuora vieritys (tai klikkaus), tarkoittavat sitä, että taiton yläpuolisen sivun käsite on kirjaimellisesti käännetty ylösalaisin, ja kokemus tuntuu lukijasta paljon luonnollisemmalta.
Jotkut sivustot ovat itse asiassa luopuneet taittovälistä kokonaan, ja ne ovat suunnitelleet sivuja, joilla ei ole taiton alapuolella olevaa sisältöä, ja poistaneet ongelman kokonaan. Nämä ”kompaktit” muotoilut miellyttävät esteettisesti silmää ja sopivat kaikkiin näyttökokoihin.
Yksi pahimmista asioista, joita verkkosivusto voi tehdä, on esittää sivulle ”väärän pohjan”. Tällöin sivustolla on lisätietoa, joka vaatii vierittämistä, mutta sen olemassaolo ei näy kävijälle. Tämä on kaikista maailmoista pahin. Taiton ei tarvitse olla este, vaan sen pitäisi virrata luonnollisesti ja houkutella kävijä sisään.
Lisätietoa täältä.
Call To Actions Above or Below The Fold?
Yksi taiton yläpuolella oleviin muotoiluihin liittyvistä myyteistä on se, että paras käytäntö on aina se, että Call To Action (CTA) on selvästi näkyvissä välittömästi. Tämä on, kuten moni muukin aiheeseen liittyvä asia, käsitteen liiallista yksinkertaistamista. Se, mihin toimintakutsu sijoitetaan, riippuu useista tekijöistä, joista tärkeimmät ovat:
- Tietynlaiset kävijät
- Tietynlaiset kävijät, jotka tuntevat tuotteesi – tai ehdotus on yksinkertainen
- Tietynlaiset kävijät, joille esitetään monimutkainen ehdotus
Tietynlaiset kävijät ovat kävijöitä, jotka todennäköisesti reagoivat toimintakutsuun, sillä he ovat pitkälti päättäneet päätöksensä jo ennen sivustolla vierailua. Tässä tunnetuilla tuotemerkeillä on etulyöntiasema, sillä ”varmalla kävijällä” on vain vähän opittavaa tuotteesta tai palvelusta. Näissä tapauksissa toimintakutsun sijoittaminen taiton yläpuolelle on vain mukavuuskysymys.
Epävarmoille kävijöille, jotka ymmärtävät toimintakutsun yksinkertaisesti tai joilla on jonkin verran tietoa tuotteesta tai palvelusta, toimintakutsun sijoittaminen taiton yläpuolelle on yleensä paras käytäntö paljolti samoista syistä kuin edellä luetellut, vaikka informatiivinen sisältö on myös tärkeää.
Epävarmoille kävijöille, joille esitetään monimutkainen ehdotus, kuten tuote tai palvelu, josta ei ole heille ilmeistä etua, toimintakutsun sijoittaminen taiton yläpuolelle ei riitä. Tarvitaan perusteellisempi selitys siitä, miksi toimintakutsuun tulisi toimia. Itse asiassa toimintakutsun sijoittaminen etualalle voi vaikuttaa hieman päällekäyvältä.
Yksinkertaisesti sanottuna toimintakutsu tulisi sijoittaa paikkaan, jossa kävijä on eniten suostuteltu toimimaan sen mukaan.
Mainosten sijoittelu
On aina ymmärrettävä, että suurin osa huomiosta keskittyy silti taittovalikoiman yläpuolelle, vaikka suunnittelisit sivustosi kuinka taktisesti tahansa. Siksi on järkevää, että maksimoidaksesi mainosten sitoutumisen sinun pitäisi tulvia alueelle mainoksia, eikö niin? No ei. Googlen algoritmit rankaisevat tästä käytännöstä ankarasti, ja voit pilata sivustosi sijoituksen mittaamattomasti, jos et ole varovainen. Kaiken lisäksi voit työntää tärkeää tietoa ei vain taiton alapuolelle, vaan kävijän kärsivällisyyden ulottumattomiin.
Mainosten sijoittelu on monimutkainen tasapaino, joka vaatii tietämystä hyppyprosentista, sitoutumisanalyysistä ja käyttäjien käyttäytymisestä. Nämä päätökset tehdään parhaiten, kun käytettävissä on oikeat tiedot.
The Importance Of Above The Fold
Kuten tässä vaiheessa pitäisi olla ilmeistä, taiton yläpuolisen suunnittelun merkitys on olennainen, mutta monimutkainen. Tämän vuoksi on viisasta suhtautua varovaisesti kaikkiin neuvoihin, jotka käsittelevät ehdottomia asioita. On varmasti totta, että käyttäjätottumukset ovat muuttuneet valtavasti Internetin alkuajoista. Hitaiden yhteysnopeuksien ja erittäin hitaiden verkkosivujen vuoksi 90-luvulla oli tavallista, että useimmat ”surffaajat” lukivat harvoin mitään taiton alapuolella olevaa. Nykyään ihmiset käyttävät paljon todennäköisemmin hiiren vierityspyörää.
Tämä on armollisesti johtanut siihen, että tunkeminen, jossa tietoa tungettiin taiton yläpuolelle, on suurelta osin hävinnyt. Nykyään on paljon tavallisempaa, että meitä tervehtivät minimalistiset ja tyylikkäät designit, jotka antavat kävijän tutustua sivuston tarjontaan.
Tuore Googlen tutkimus osoitti, että taiton yläpuolella olevien mainosten näkyvyys oli 73 %, kun taas sen alapuolella olevien mainosten näkyvyys oli vain 44 %. Tätä on kuitenkin punnittava sen tosiasian kanssa, että sisältö, joka houkuttelee katsojaa sisään, kaventaa tätä kuilua huomattavasti, ja mainokset voivat olla esteenä tälle. Kuten aina tämänkin aiheen kohdalla, asiayhteys ja tasapaino ovat avainasemassa.