Tiedätkö, kuinka suuri osa lukijoistasi lukee tekstejäsi kännykällä tai tabletilla? Muistatko ottaa heidät huomioon?

Omista lukijoistani jo yli neljäsosa lukee blogia mobiilisti. Heistä kaksi kolmasosaa käyttää selailuun puhelinta ja loput tablettimikroa.

Mobiiliyleisö saapui talvella, mutta en ollut valmis heitä vastaanottamaan heitä.

Siksi minun oli tartuttava toimeen. Päivitin blogin teeman ja karsin turhia rönsyjä.

Responsiivinen sivupohja helpottaa lukemista

Parin viime vuoden aikana responsiiviset sivupohjat ovat tulleet suosituiksi. Responsiivusuuden idea on yksinkertainen:  leiska mukautuu joustavasti pienille ja suurille, kapeille ja leveille näytöille.

Itse siirryin pari kuukautta sitten käyttämään blogissa responsiivista teemaa. Nyt esimerkiksi puhelimen kapealla näytöllä blogin oikea palsta siirtyy ruudun alalaitaan. Lisäksi sivun alalaidan footer-elementit näytetään alakkain.

Tämän ansiosta ruudulla näkyy vain yksi tekstipalsta, ja blogin lukeminen on aikaisempaa paljon helpompaa.

Voit testata sivupohjan joustavuutta helposti tavallisella webbiselaimella. Kun kavennat selainikkunaa, mukautuu sisältö kapeaa näyttöä vastaavaksi.

Karsi rönsyt ahtaalta ruudulta

Pian oivalsin, että responsiivinen leiska on vain osa mobiilikäyttäjän huomioimista.

Viime aikoina ”mobiili ensin” -ajattelutapa on tullut suosituksi webbisuunnittelun lähtökohdaksi. Silloin sivuston suunnittelussa otetaan lähtökohdaksi mobiilikäyttäjän käyttökokemus. Sivuston täytyy aluksi olla täysin toimiva mobiiliselaimella. Vasta sen jälkeen sivustoon vähitellen lisätään elementtejä, jotka näytetään suuremmilla ruuduilla.

Olin pitänyt blogini ilmeen suhteellisen keveänä jo aikaisemmin. Se ei enää riittänyt minulle: puhelimen näytöllä blogi näytti ahtaalta. Siksi aloin pohtia, mitä elementtejä voisin poistaa sivulta.

Halusin tuoda sivulle entistä enemmän valkoista pintaa.

Harkitsin myös kokonaan yksipalstaiseen blogipohjaan siirtymistä. Niin pitkälle en vielä mennyt, koska halusin jättää tilaa sosiaalisen median painikkeille.

Rönsyjen karsimisen ansiosta lukijan huomio kiinnittyy entistä paremmin blogin teksteihin.

Aivan kuten halusinkin.

Lyhyet kappaleet ja lauseet mahtuvat pieneen näyttöön

Puhelimen pieni näyttö ja vaihtelevat käyttöolosuhteet tekevät luettavuudesta entistäkin tärkeämpää.

Siksi kohdistin kriittisen katseen myös omiin teksteihini.

Selasin blogia oman iPhoneni avulla nähdäkseni, miltä tekstini näyttävät pienellä ruudulla. Olin tyytyväinen: lyhyet kappaleet mahtuvat mainiosti myös puhelimen pienelle näytölle.

Muutos oli helppo

Blogini siirtyi mobiiliaikaan kivuttomasti. Vain kaksi muutosta oli tarpeen:

• Otin käyttöön responsiivisen blogiteeman.
• Poistin sivulta turhia elementtejä.

Muutokset olivat helppoja. Niiden ansiosta blogia voit nyt lukea blogia helposti erilaisilla päätelaitteilla, eri tilanteissa.

Siksi suosittelen sinua tekemään samat muutokset omassa blogissasi. Se kannattaa.

Kuva: Johan Larsson, Flickr.com.