Verkkosivut & käyttäjäkokemus

Mobile first -suunnittelu — mitä ja miksi?

Millä laitteella sä aloit lukemaan tätä artikkelia? Jos puhelimella – naulan kantaan! Jos läppärillä, noh, lue silti.

Internet, verkkosivut, ja niiden suunnittelu on kokenut jopa munkin urani aikana kovan harppauksen. Vuonna 2007 älypuhelimet tulivat markkinoille, jonka myötä nettiin pääsi myös tällä pienemmällä ruudulla. Sen mukana verkkosivujen täytyi mukautua, tulla responsiivisiksi, eli toimia kaikilla päätelaitteilla.

Nyt ajassa onkin menty jo siihen, että vuonna 2023, mobiilikäyttäjien osuus kaikista internetin käyttäjistä oli yli 50%, ja joissakin tapauksissa jopa enemmän riippuen sivustosta ja kohderyhmästä. 

Yli puolet siis kaikista verkkosivustojen käyttäjistä selaa sivustoja mobiililaitteillaan. Tämä asettaa taas uusia vaatimuksia verkkosivujen suunnittelulle ja tarkoittaa, että sivusto kannattaakin suunnitella ensisijaisesti palvelemaan mobiilikäyttäjää.

Kultakalan keskittymiskyky

Mobiili ja pieni näyttö aiheuttaa itsessään rajoitteita. Sen lisäksi myös ihmisen keskittymiskyky on mobiililaitteilla yleensä lyhyempi kuin perinteisillä desktop-laitteilla. Aika, jonka käyttäjä viettää sivustolla mobiililaitteella, voi olla vain 8-12 sekuntia.

Tämä keskittymiskyvyn puute johtuu usein mobiililaitteiden käyttöympäristöstä: ihmiset selaavat sivua liikkeellä ollessaan, odotellessaan jotain tai tehdessään muita asioita samanaikaisesti. Toki myös lyhyemmän visiitin syynä voi olla se, että mobiililla harvoin fiilistellään ja selaillaan sivustoa — yleensä sivustolle päädytään puhelin kädessä etsimään tietoa, tai klikataan somemainoksen kautta lukemaan lisätietoja.

Mobiilin valttikortit

Mobiilissa valttia onkin sivuston helppokäyttöisyys, ja se, että kaikki olennainen löytyy nopeasti ilman tarpeetonta klikkailua ja skrollailua. Pienessä ruutukoossa ei ole fiksua leikitellä tyhjällä tilalla, eli whitespacella, vaan tärkeää on tiedon tiiviys — tilaa on vähemmän ja se kannattaa käyttää hyvin.

Vaikka desktop-versiossa voidaan hyödyntää suurempaa näyttötilaa, luoda visuaalisesti vaikuttavia elementtejä ja tarjota laajemmin tietoa, mobiiliversiossa keskitytään ennen kaikkea käytännöllisyyteen ja nopeaan informaation löydettävyyteen. Tämä ei tarkoita, että mobiilisivuston tulisi olla pelkistetty tai vähemmän houkutteleva, mutta sen on ensisijaisesti tarjottava käyttäjälle vaivaton kokemus.

Mobile first — käyttäjäkokemus edellä

Mobile first tarkoittaa siis uutta lähestymistapaa verkkosivujen suunnitteluun, jossa sivustoja ei tehdä enää vain responsiivisiksi ja “myös mobiililaitteilla toimiviksi”, vaan mobiilinäkymä ja käyttökokemus on suunnittelun lähtökohta. Suunnitteluprosessi alkaa mobiililaitteiden käyttöliittymästä, keskittyen mobiilikäyttäjien tarpeisiin ensisijaisesti, ja vasta sen jälkeen laajentuu suuremmille näytöille, jonne voidaan tuoda lisänä hienoja visuaalisia elementtejä ja tyhjää tilaa.

Studio Siennalla kaikki projektit alkavat käyttäjälähtöisestä suunnittelusta. En lähde suunnittelemaan sivustoa vain siltä pohjalta, että mikä näyttää kivalta, vaan toteutan kaikki sivustot ajatellen ensisijaisesti käyttökokemusta, kuitenkaan siitä visuaalisuudesta tinkimättä.

Mobile first -suunnittelu on myös lähtökohtana jokaisessa verkkosivuprojektissa. Seurannan ja analytiikan avulla näemme jatkossa, millä laitteella juuri sinun asiakkaasi käyttävät sivustoa — ja jatkokehitystä voidaan tehdä sen mukaan.

Luova yrittäjä & web-suunnittelija

Ootko valmis uusiin, UPEISIIN verkkosivuihin?

Varaa maksuton kartoitus!

Jutellaan, miten voisit parantaa jo olemassa olevia sivujasi tai miten lähdettäisiin rakentamaan täysin uusia! Kerro toiveistasi ja tavoitteistasi, ja etsitään sulle paras ratkaisu — varaa tästä puolen tunnin maksuton konsultointi!